/* Minification failed. Returning unminified contents.
(5971,28): run-time error CSS1039: Token not allowed after unary operator: '-miscellaneous-keyboard-emoji-mic'
(11903,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-orange-active'
(21373,21): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-Gray---Secondary'
(21390,23): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-Gray---Secondary'
 */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

@media all and (max-width: 767px) {
  .dsp-overflow-xs1-wr24-comp230-16 {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(100% + 48px);
    margin: 0 0 0 -24px;
    overflow-x: auto; }
    .dsp-overflow-xs1-wr24-comp230-16 > * {
      width: 230px;
      flex-shrink: 0;
      margin-right: 16px; }
      .dsp-overflow-xs1-wr24-comp230-16 > *:first-child {
        margin-left: 24px; }
      .dsp-overflow-xs1-wr24-comp230-16 > *:last-child {
        margin-right: 24px; }

  .dsp-overflow-xs1-wr24-comp198-24 {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(100% + 48px);
    margin: 0 0 0 -24px;
    overflow-x: auto; }
    .dsp-overflow-xs1-wr24-comp198-24 > * {
      width: 198px;
      flex-shrink: 0;
      margin-right: 24px; }
      .dsp-overflow-xs1-wr24-comp198-24 > *:first-child {
        margin-left: 24px; }
      .dsp-overflow-xs1-wr24-comp198-24 > *:last-child {
        margin-right: 24px; }

  .dsp-overflow-xs1-wr24-comp40-0 {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(100% + 48px);
    margin: 0 0 0 -24px;
    overflow-x: auto; }
    .dsp-overflow-xs1-wr24-comp40-0 > * {
      width: 40px;
      flex-shrink: 0;
      margin-right: 0px; }
      .dsp-overflow-xs1-wr24-comp40-0 > *:first-child {
        margin-left: 24px; }
      .dsp-overflow-xs1-wr24-comp40-0 > *:last-child {
        margin-right: 24px; }

  .dsp-no-wrapper-xs1-wr20 {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px; }

  .dsp-xs-hidden {
    display: none !important; } }
@media all and (min-width: 0px) {
  .dsp-grid-xs1-1-24-0 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 24px 0px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-1-24-0 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-1-24-0 > * {
      width: 1272px;
      float: left;
      margin: 24px 0px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-1-24-0 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(1n+1), :root .dsp-grid-xs1-1-24-0 > *:nth-child(1n+1) {
        margin-right: 0; }

  .dsp-grid-xs1-1-34-0 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 34px 0px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-1-34-0 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-1-34-0 > * {
      width: 1272px;
      float: left;
      margin: 34px 0px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-1-34-0 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(1n+1), :root .dsp-grid-xs1-1-34-0 > *:nth-child(1n+1) {
        margin-right: 0; }

  .dsp-grid-xs1-2-8-8 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 8px 8px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-2-8-8 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-2-8-8 > * {
      width: 632px;
      float: left;
      margin: 8px 8px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-2-8-8 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs1-2-8-8 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-xs1-2-8-8 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-grid-xs1-30-0-20 {
    display: grid;
    grid-template-columns: repeat(30, minmax(0, 1fr));
    grid-gap: 0px 20px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-30-0-20 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-30-0-20 > * {
      width: 23.0666666667px;
      float: left;
      margin: 0px 20px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-30-0-20 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs1-30-0-20 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-xs1-30-0-20 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-xs1-30-0-20 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(5), :root .dsp-grid-xs1-30-0-20 > *:nth-child(5) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(6), :root .dsp-grid-xs1-30-0-20 > *:nth-child(6) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(7), :root .dsp-grid-xs1-30-0-20 > *:nth-child(7) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(8), :root .dsp-grid-xs1-30-0-20 > *:nth-child(8) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(9), :root .dsp-grid-xs1-30-0-20 > *:nth-child(9) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(10), :root .dsp-grid-xs1-30-0-20 > *:nth-child(10) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(11), :root .dsp-grid-xs1-30-0-20 > *:nth-child(11) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(12), :root .dsp-grid-xs1-30-0-20 > *:nth-child(12) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(13), :root .dsp-grid-xs1-30-0-20 > *:nth-child(13) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(14), :root .dsp-grid-xs1-30-0-20 > *:nth-child(14) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(15), :root .dsp-grid-xs1-30-0-20 > *:nth-child(15) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(16), :root .dsp-grid-xs1-30-0-20 > *:nth-child(16) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(17), :root .dsp-grid-xs1-30-0-20 > *:nth-child(17) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(18), :root .dsp-grid-xs1-30-0-20 > *:nth-child(18) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(19), :root .dsp-grid-xs1-30-0-20 > *:nth-child(19) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(20), :root .dsp-grid-xs1-30-0-20 > *:nth-child(20) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(21), :root .dsp-grid-xs1-30-0-20 > *:nth-child(21) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(22), :root .dsp-grid-xs1-30-0-20 > *:nth-child(22) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(23), :root .dsp-grid-xs1-30-0-20 > *:nth-child(23) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(24), :root .dsp-grid-xs1-30-0-20 > *:nth-child(24) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(25), :root .dsp-grid-xs1-30-0-20 > *:nth-child(25) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(26), :root .dsp-grid-xs1-30-0-20 > *:nth-child(26) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(27), :root .dsp-grid-xs1-30-0-20 > *:nth-child(27) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(28), :root .dsp-grid-xs1-30-0-20 > *:nth-child(28) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(29), :root .dsp-grid-xs1-30-0-20 > *:nth-child(29) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(30), :root .dsp-grid-xs1-30-0-20 > *:nth-child(30) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(30n+30), :root .dsp-grid-xs1-30-0-20 > *:nth-child(30n+30) {
        margin-right: 0; }

  .dsp-grid-xs1-30-0-12 {
    display: grid;
    grid-template-columns: repeat(30, minmax(0, 1fr));
    grid-gap: 0px 12px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-30-0-12 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-30-0-12 > * {
      width: 30.8px;
      float: left;
      margin: 0px 12px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-30-0-12 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs1-30-0-12 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-xs1-30-0-12 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-xs1-30-0-12 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(5), :root .dsp-grid-xs1-30-0-12 > *:nth-child(5) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(6), :root .dsp-grid-xs1-30-0-12 > *:nth-child(6) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(7), :root .dsp-grid-xs1-30-0-12 > *:nth-child(7) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(8), :root .dsp-grid-xs1-30-0-12 > *:nth-child(8) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(9), :root .dsp-grid-xs1-30-0-12 > *:nth-child(9) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(10), :root .dsp-grid-xs1-30-0-12 > *:nth-child(10) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(11), :root .dsp-grid-xs1-30-0-12 > *:nth-child(11) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(12), :root .dsp-grid-xs1-30-0-12 > *:nth-child(12) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(13), :root .dsp-grid-xs1-30-0-12 > *:nth-child(13) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(14), :root .dsp-grid-xs1-30-0-12 > *:nth-child(14) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(15), :root .dsp-grid-xs1-30-0-12 > *:nth-child(15) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(16), :root .dsp-grid-xs1-30-0-12 > *:nth-child(16) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(17), :root .dsp-grid-xs1-30-0-12 > *:nth-child(17) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(18), :root .dsp-grid-xs1-30-0-12 > *:nth-child(18) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(19), :root .dsp-grid-xs1-30-0-12 > *:nth-child(19) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(20), :root .dsp-grid-xs1-30-0-12 > *:nth-child(20) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(21), :root .dsp-grid-xs1-30-0-12 > *:nth-child(21) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(22), :root .dsp-grid-xs1-30-0-12 > *:nth-child(22) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(23), :root .dsp-grid-xs1-30-0-12 > *:nth-child(23) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(24), :root .dsp-grid-xs1-30-0-12 > *:nth-child(24) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(25), :root .dsp-grid-xs1-30-0-12 > *:nth-child(25) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(26), :root .dsp-grid-xs1-30-0-12 > *:nth-child(26) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(27), :root .dsp-grid-xs1-30-0-12 > *:nth-child(27) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(28), :root .dsp-grid-xs1-30-0-12 > *:nth-child(28) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(29), :root .dsp-grid-xs1-30-0-12 > *:nth-child(29) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(30), :root .dsp-grid-xs1-30-0-12 > *:nth-child(30) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(30n+30), :root .dsp-grid-xs1-30-0-12 > *:nth-child(30n+30) {
        margin-right: 0; } }
@media all and (min-width: 768px) {
  .dsp-grid-md-3-64-24 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 64px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-md-3-64-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-3-64-24 > * {
      width: 408px;
      float: left;
      margin: 64px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-3-64-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-3-64-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-3-64-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-md-3-64-24 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-md-3-115-24 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 115px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-md-3-115-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-3-115-24 > * {
      width: 408px;
      float: left;
      margin: 115px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-3-115-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-3-115-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-3-115-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-md-3-115-24 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-md-4-64-24 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 64px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-md-4-64-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-4-64-24 > * {
      width: 300px;
      float: left;
      margin: 64px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-4-64-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-4-64-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-4-64-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-md-4-64-24 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-md-4-64-24 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-md-4-0-24 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 0px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-md-4-0-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-4-0-24 > * {
      width: 300px;
      float: left;
      margin: 0px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-4-0-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-4-0-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-4-0-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-md-4-0-24 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-md-4-0-24 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-md-4-24-24 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 24px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-md-4-24-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-4-24-24 > * {
      width: 300px;
      float: left;
      margin: 24px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-4-24-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-4-24-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-4-24-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-md-4-24-24 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-md-4-24-24 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-md-8-8-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-gap: 8px 8px; }

  _:-ms-fullscreen, :root .dsp-grid-md-8-8-8 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-8-8-8 > * {
      width: 152px;
      float: left;
      margin: 8px 8px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-8-8-8 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-8-8-8 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-8-8-8 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-md-8-8-8 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(5), :root .dsp-grid-md-8-8-8 > *:nth-child(5) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(6), :root .dsp-grid-md-8-8-8 > *:nth-child(6) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(7), :root .dsp-grid-md-8-8-8 > *:nth-child(7) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(8), :root .dsp-grid-md-8-8-8 > *:nth-child(8) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(8n+8), :root .dsp-grid-md-8-8-8 > *:nth-child(8n+8) {
        margin-right: 0; }

  .dsp-grid-md-2-24-24 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 24px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-md-2-24-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-2-24-24 > * {
      width: 624px;
      float: left;
      margin: 24px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-2-24-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-2-24-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-md-2-24-24 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-grid-md-4-40-24 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 40px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-md-4-40-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-4-40-24 > * {
      width: 300px;
      float: left;
      margin: 40px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-4-40-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-4-40-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-4-40-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-md-4-40-24 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-md-4-40-24 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-md-4-15-15 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 15px 15px; }

  _:-ms-fullscreen, :root .dsp-grid-md-4-15-15 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-md-4-15-15 > * {
      width: 306.75px;
      float: left;
      margin: 15px 15px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-md-4-15-15 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-md-4-15-15 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-md-4-15-15 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-md-4-15-15 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-md-4-15-15 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-lg-3-64-24 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 64px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-3-64-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-3-64-24 > * {
      width: 408px;
      float: left;
      margin: 64px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-64-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-64-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-64-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-64-24 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-lg-4-15-15 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 15px 15px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-4-15-15 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-4-15-15 > * {
      width: 306.75px;
      float: left;
      margin: 15px 15px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-4-15-15 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-4-15-15 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-4-15-15 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-lg-4-15-15 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-lg-4-15-15 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-lg-2-16-16 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 16px 16px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-2-16-16 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-2-16-16 > * {
      width: 628px;
      float: left;
      margin: 16px 16px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-2-16-16 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-2-16-16 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-lg-2-16-16 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-grid-lg-3-8-4 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 8px 4px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-3-8-4 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-3-8-4 > * {
      width: 421.3333333333px;
      float: left;
      margin: 8px 4px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-8-4 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-8-4 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-8-4 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-8-4 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-lg-4-64-24 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 64px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-4-64-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-4-64-24 > * {
      width: 300px;
      float: left;
      margin: 64px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-4-64-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-4-64-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-4-64-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-lg-4-64-24 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-lg-4-64-24 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-lg-4-32-16 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 32px 16px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-4-32-16 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-4-32-16 > * {
      width: 306px;
      float: left;
      margin: 32px 16px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-4-32-16 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-4-32-16 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-4-32-16 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-lg-4-32-16 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-lg-4-32-16 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-lg-4-0-24 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 0px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-4-0-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-4-0-24 > * {
      width: 300px;
      float: left;
      margin: 0px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-4-0-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-4-0-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-4-0-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-lg-4-0-24 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-lg-4-0-24 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-lg-3-64-24 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 64px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-3-64-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-3-64-24 > * {
      width: 408px;
      float: left;
      margin: 64px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-64-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-64-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-64-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-64-24 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-lg-3-15-15 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 15px 15px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-3-15-15 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-3-15-15 > * {
      width: 414px;
      float: left;
      margin: 15px 15px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-15-15 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-15-15 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-15-15 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-15-15 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-lg-2-32-24 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 32px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-2-32-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-2-32-24 > * {
      width: 624px;
      float: left;
      margin: 32px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-2-32-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-2-32-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-lg-2-32-24 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-grid-lg-3-32-24 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 32px 24px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-3-32-24 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-3-32-24 > * {
      width: 408px;
      float: left;
      margin: 32px 24px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-32-24 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-32-24 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-32-24 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-32-24 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-lg-3-20-12 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px 12px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-3-20-12 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-3-20-12 > * {
      width: 416px;
      float: left;
      margin: 20px 12px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-3-20-12 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-3-20-12 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-lg-3-20-12 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3n+3), :root .dsp-grid-lg-3-20-12 > *:nth-child(3n+3) {
        margin-right: 0; }

  .dsp-grid-lg-2-24-53 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 24px 53px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-2-24-53 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-2-24-53 > * {
      width: 609.5px;
      float: left;
      margin: 24px 53px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-2-24-53 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-2-24-53 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-lg-2-24-53 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-grid-lg-2-24-24 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 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: 624px;
      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-12-12 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 12px 12px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-2-12-12 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-2-12-12 > * {
      width: 630px;
      float: left;
      margin: 12px 12px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-2-12-12 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-2-12-12 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-lg-2-12-12 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-grid-lg-2-50-50 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 50px 50px; }

  _:-ms-fullscreen, :root .dsp-grid-lg-2-50-50 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-lg-2-50-50 > * {
      width: 611px;
      float: left;
      margin: 50px 50px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-lg-2-50-50 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-lg-2-50-50 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-lg-2-50-50 > *:nth-child(2n+2) {
        margin-right: 0; } }
@media all and (max-width: 767px) {
  .dsp-no-wrapper-xs1-wr20 {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px; }

  .dsp-overflow-xs1-wr20-comp315-12 {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    overflow-x: auto; }
    .dsp-overflow-xs1-wr20-comp315-12 > * {
      width: 315px;
      flex-shrink: 0;
      margin-right: 12px; }
      .dsp-overflow-xs1-wr20-comp315-12 > *:first-child {
        margin-left: 20px; }
      .dsp-overflow-xs1-wr20-comp315-12 > *:last-child {
        margin-right: 20px; }

  .dsp-overflow-xs1-wr20-comp240-12 {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    overflow-x: auto; }
    .dsp-overflow-xs1-wr20-comp240-12 > * {
      width: 240px;
      flex-shrink: 0;
      margin-right: 12px; }
      .dsp-overflow-xs1-wr20-comp240-12 > *:first-child {
        margin-left: 20px; }
      .dsp-overflow-xs1-wr20-comp240-12 > *:last-child {
        margin-right: 20px; }

  .dsp-overflow-xs1-wr20-comp120-12 {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    overflow-x: auto; }
    .dsp-overflow-xs1-wr20-comp120-12 > * {
      width: 120px;
      flex-shrink: 0;
      margin-right: 12px; }
      .dsp-overflow-xs1-wr20-comp120-12 > *:first-child {
        margin-left: 20px; }
      .dsp-overflow-xs1-wr20-comp120-12 > *:last-child {
        margin-right: 20px; }

  .dsp-grid-xs1-1-20-0 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 20px 0px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-1-20-0 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-1-20-0 > * {
      width: 1272px;
      float: left;
      margin: 20px 0px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-1-20-0 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(1n+1), :root .dsp-grid-xs1-1-20-0 > *:nth-child(1n+1) {
        margin-right: 0; }

  .dsp-grid-xs1-1-62-0 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 62px 0px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-1-62-0 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-1-62-0 > * {
      width: 1272px;
      float: left;
      margin: 62px 0px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-1-62-0 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(1n+1), :root .dsp-grid-xs1-1-62-0 > *:nth-child(1n+1) {
        margin-right: 0; }

  .dsp-grid-xs1-1-60-0 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 60px 0px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-1-60-0 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-1-60-0 > * {
      width: 1272px;
      float: left;
      margin: 60px 0px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-1-60-0 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(1n+1), :root .dsp-grid-xs1-1-60-0 > *:nth-child(1n+1) {
        margin-right: 0; }

  .dsp-grid-xs1-4-0-12 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 0px 12px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-4-0-12 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-4-0-12 > * {
      width: 309px;
      float: left;
      margin: 0px 12px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-4-0-12 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs1-4-0-12 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(3), :root .dsp-grid-xs1-4-0-12 > *:nth-child(3) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4), :root .dsp-grid-xs1-4-0-12 > *:nth-child(4) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(4n+4), :root .dsp-grid-xs1-4-0-12 > *:nth-child(4n+4) {
        margin-right: 0; }

  .dsp-grid-xs1-2-16-8 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 16px 8px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-2-16-8 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-2-16-8 > * {
      width: 632px;
      float: left;
      margin: 16px 8px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-2-16-8 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs1-2-16-8 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-xs1-2-16-8 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-grid-xs1-2-12-12 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 12px 12px; }

  _:-ms-fullscreen, :root .dsp-grid-xs1-2-12-12 {
    overflow: hidden; }
    _:-ms-fullscreen > *, :root .dsp-grid-xs1-2-12-12 > * {
      width: 630px;
      float: left;
      margin: 12px 12px 0 0; }
      _:-ms-fullscreen > *:nth-child(1), :root .dsp-grid-xs1-2-12-12 > *:nth-child(1) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2), :root .dsp-grid-xs1-2-12-12 > *:nth-child(2) {
        margin-top: 0; }
      _:-ms-fullscreen > *:nth-child(2n+2), :root .dsp-grid-xs1-2-12-12 > *:nth-child(2n+2) {
        margin-right: 0; }

  .dsp-xs-hidden {
    display: none !important; }

  .dsp-xs-hidden {
    display: none !important; } }
@media all and (max-width: 419px) {
  .dsp-xs1-hidden {
    display: none !important; } }
@media all and (min-width: 420px) and (max-width: 767px) {
  .dsp-xs2-hidden {
    display: none !important; } }
@media all and (min-width: 768px) and (max-width: 1279px) {
  .dsp-sm-hidden {
    display: none !important; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .dsp-sm1-hidden {
    display: none !important; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .dsp-sm2-hidden {
    display: none !important; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .dsp-md-hidden {
    display: none !important; } }
@media all and (min-width: 1280px) {
  .dsp-md-lg-xl-hidden {
    display: none !important; } }
#mq-info {
  height: 0px !important; }

#mq-values {
  height: 0px !important; }
  #mq-values #mq-xs1 {
    width: 0px; }
  #mq-values #mq-xs2 {
    width: 420px; }
  #mq-values #mq-sm1 {
    width: 768px; }
  #mq-values #mq-sm2 {
    width: 1024px; }
  #mq-values #mq-md {
    width: 1280px; }
  #mq-values #mq-lg {
    width: 1680px; }

@media all and (max-width: 419px) {
  #mq-info {
    width: 0px; } }
@media all and (min-width: 420px) and (max-width: 767px) {
  #mq-info {
    width: 420px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  #mq-info {
    width: 768px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #mq-info {
    width: 1024px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #mq-info {
    width: 1280px; } }
@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; }

hr {
  height: 0; }

button {
  cursor: pointer; }

@media all and (max-width: 1279px) {
  .example::-webkit-scrollbar {
    display: none; }

  .example {
    -ms-overflow-style: none;
    scrollbar-width: none; }

  *::-webkit-scrollbar {
    display: none; } }
.mt-0 {
  margin-top: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.mt-4px {
  margin-top: 4px !important; }

.pt-4px {
  padding-top: 4px !important; }

.mt-8px {
  margin-top: 8px !important; }

.pt-8px {
  padding-top: 8px !important; }

.mt-10px {
  margin-top: 10px !important; }

.pt-10px {
  padding-top: 10px !important; }

.mt-12px {
  margin-top: 12px !important; }

.pt-12px {
  padding-top: 12px !important; }

.mt-16px {
  margin-top: 16px !important; }

.pt-16px {
  padding-top: 16px !important; }

.mt-20px {
  margin-top: 20px !important; }

.pt-20px {
  padding-top: 20px !important; }

.mt-22px {
  margin-top: 22px !important; }

.pt-22px {
  padding-top: 22px !important; }

.mt-24px {
  margin-top: 24px !important; }

.pt-24px {
  padding-top: 24px !important; }

.mt-28px {
  margin-top: 28px !important; }

.pt-28px {
  padding-top: 28px !important; }

.mt-30px {
  margin-top: 30px !important; }

.pt-30px {
  padding-top: 30px !important; }

.mt-32px {
  margin-top: 32px !important; }

.pt-32px {
  padding-top: 32px !important; }

.mt-37px {
  margin-top: 37px !important; }

.pt-37px {
  padding-top: 37px !important; }

.mt-40px {
  margin-top: 40px !important; }

.pt-40px {
  padding-top: 40px !important; }

.mt-46px {
  margin-top: 46px !important; }

.pt-46px {
  padding-top: 46px !important; }

.mt-48px {
  margin-top: 48px !important; }

.pt-48px {
  padding-top: 48px !important; }

.mt-56px {
  margin-top: 56px !important; }

.pt-56px {
  padding-top: 56px !important; }

.mt-57px {
  margin-top: 57px !important; }

.pt-57px {
  padding-top: 57px !important; }

.mt-60px {
  margin-top: 60px !important; }

.pt-60px {
  padding-top: 60px !important; }

.mt-64px {
  margin-top: 64px !important; }

.pt-64px {
  padding-top: 64px !important; }

.mt-72px {
  margin-top: 72px !important; }

.pt-72px {
  padding-top: 72px !important; }

.mt-80px {
  margin-top: 80px !important; }

.pt-80px {
  padding-top: 80px !important; }

.mt-96px {
  margin-top: 96px !important; }

.pt-96px {
  padding-top: 96px !important; }

.mt-100px {
  margin-top: 100px !important; }

.pt-100px {
  padding-top: 100px !important; }

.mt-120px {
  margin-top: 120px !important; }

.pt-120px {
  padding-top: 120px !important; }

.mt-152px {
  margin-top: 152px !important; }

.pt-152px {
  padding-top: 152px !important; }

.mt-160px {
  margin-top: 160px !important; }

.pt-160px {
  padding-top: 160px !important; }

.mt-217px {
  margin-top: 217px !important; }

.pt-217px {
  padding-top: 217px !important; }

.mr-0 {
  margin-right: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.mr-4px {
  margin-right: 4px !important; }

.pr-4px {
  padding-right: 4px !important; }

.mr-8px {
  margin-right: 8px !important; }

.pr-8px {
  padding-right: 8px !important; }

.mr-10px {
  margin-right: 10px !important; }

.pr-10px {
  padding-right: 10px !important; }

.mr-12px {
  margin-right: 12px !important; }

.pr-12px {
  padding-right: 12px !important; }

.mr-16px {
  margin-right: 16px !important; }

.pr-16px {
  padding-right: 16px !important; }

.mr-20px {
  margin-right: 20px !important; }

.pr-20px {
  padding-right: 20px !important; }

.mr-24px {
  margin-right: 24px !important; }

.pr-24px {
  padding-right: 24px !important; }

.mr-28px {
  margin-right: 28px !important; }

.pr-28px {
  padding-right: 28px !important; }

.mr-30px {
  margin-right: 30px !important; }

.pr-30px {
  padding-right: 30px !important; }

.mr-32px {
  margin-right: 32px !important; }

.pr-32px {
  padding-right: 32px !important; }

.mr-40px {
  margin-right: 40px !important; }

.pr-40px {
  padding-right: 40px !important; }

.mr-46px {
  margin-right: 46px !important; }

.pr-46px {
  padding-right: 46px !important; }

.mr-48px {
  margin-right: 48px !important; }

.pr-48px {
  padding-right: 48px !important; }

.mr-56px {
  margin-right: 56px !important; }

.pr-56px {
  padding-right: 56px !important; }

.mr-57px {
  margin-right: 57px !important; }

.pr-57px {
  padding-right: 57px !important; }

.mr-60px {
  margin-right: 60px !important; }

.pr-60px {
  padding-right: 60px !important; }

.mr-64px {
  margin-right: 64px !important; }

.pr-64px {
  padding-right: 64px !important; }

.mr-72px {
  margin-right: 72px !important; }

.pr-72px {
  padding-right: 72px !important; }

.mr-80px {
  margin-right: 80px !important; }

.pr-80px {
  padding-right: 80px !important; }

.mr-96px {
  margin-right: 96px !important; }

.pr-96px {
  padding-right: 96px !important; }

.mr-100px {
  margin-right: 100px !important; }

.pr-100px {
  padding-right: 100px !important; }

.mr-120px {
  margin-right: 120px !important; }

.pr-120px {
  padding-right: 120px !important; }

.mr-152px {
  margin-right: 152px !important; }

.pr-152px {
  padding-right: 152px !important; }

.mr-160px {
  margin-right: 160px !important; }

.pr-160px {
  padding-right: 160px !important; }

.mr-217px {
  margin-right: 217px !important; }

.pr-217px {
  padding-right: 217px !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.mb-4px {
  margin-bottom: 4px !important; }

.pb-4px {
  padding-bottom: 4px !important; }

.mb-8px {
  margin-bottom: 8px !important; }

.pb-8px {
  padding-bottom: 8px !important; }

.mb-10px {
  margin-bottom: 10px !important; }

.pb-10px {
  padding-bottom: 10px !important; }

.mb-12px {
  margin-bottom: 12px !important; }

.pb-12px {
  padding-bottom: 12px !important; }

.mb-16px {
  margin-bottom: 16px !important; }

.pb-16px {
  padding-bottom: 16px !important; }

.mb-20px {
  margin-bottom: 20px !important; }

.pb-20px {
  padding-bottom: 20px !important; }

.mb-24px {
  margin-bottom: 24px !important; }

.pb-24px {
  padding-bottom: 24px !important; }

.mb-26px {
  margin-bottom: 26px !important; }

.pb-26px {
  padding-bottom: 26px !important; }

.mb-28px {
  margin-bottom: 28px !important; }

.pb-28px {
  padding-bottom: 28px !important; }

.mb-30px {
  margin-bottom: 30px !important; }

.pb-30px {
  padding-bottom: 30px !important; }

.mb-32px {
  margin-bottom: 32px !important; }

.pb-32px {
  padding-bottom: 32px !important; }

.mb-40px {
  margin-bottom: 40px !important; }

.pb-40px {
  padding-bottom: 40px !important; }

.mb-46px {
  margin-bottom: 46px !important; }

.pb-46px {
  padding-bottom: 46px !important; }

.mb-48px {
  margin-bottom: 48px !important; }

.pb-48px {
  padding-bottom: 48px !important; }

.mb-56px {
  margin-bottom: 56px !important; }

.pb-56px {
  padding-bottom: 56px !important; }

.mb-57px {
  margin-bottom: 57px !important; }

.pb-57px {
  padding-bottom: 57px !important; }

.mb-60px {
  margin-bottom: 60px !important; }

.pb-60px {
  padding-bottom: 60px !important; }

.mb-64px {
  margin-bottom: 64px !important; }

.pb-64px {
  padding-bottom: 64px !important; }

.mb-72px {
  margin-bottom: 72px !important; }

.pb-72px {
  padding-bottom: 72px !important; }

.mb-80px {
  margin-bottom: 80px !important; }

.pb-80px {
  padding-bottom: 80px !important; }

.mb-96px {
  margin-bottom: 96px !important; }

.pb-96px {
  padding-bottom: 96px !important; }

.mb-100px {
  margin-bottom: 100px !important; }

.pb-100px {
  padding-bottom: 100px !important; }

.mb-120px {
  margin-bottom: 120px !important; }

.pb-120px {
  padding-bottom: 120px !important; }

.mb-152px {
  margin-bottom: 152px !important; }

.pb-152px {
  padding-bottom: 152px !important; }

.mb-160px {
  margin-bottom: 160px !important; }

.pb-160px {
  padding-bottom: 160px !important; }

.mb-217px {
  margin-bottom: 217px !important; }

.pb-217px {
  padding-bottom: 217px !important; }

.ml-0 {
  margin-left: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.ml-4px {
  margin-left: 4px !important; }

.pl-4px {
  padding-left: 4px !important; }

.ml-8px {
  margin-left: 8px !important; }

.pl-8px {
  padding-left: 8px !important; }

.ml-10px {
  margin-left: 10px !important; }

.pl-10px {
  padding-left: 10px !important; }

.ml-12px {
  margin-left: 12px !important; }

.pl-12px {
  padding-left: 12px !important; }

.ml-16px {
  margin-left: 16px !important; }

.pl-16px {
  padding-left: 16px !important; }

.ml-20px {
  margin-left: 20px !important; }

.pl-20px {
  padding-left: 20px !important; }

.ml-24px {
  margin-left: 24px !important; }

.pl-24px {
  padding-left: 24px !important; }

.ml-28px {
  margin-left: 28px !important; }

.pl-28px {
  padding-left: 28px !important; }

.ml-32px {
  margin-left: 32px !important; }

.pl-32px {
  padding-left: 32px !important; }

.ml-40px {
  margin-left: 40px !important; }

.pl-40px {
  padding-left: 40px !important; }

.ml-46px {
  margin-left: 46px !important; }

.pl-46px {
  padding-left: 46px !important; }

.ml-48px {
  margin-left: 48px !important; }

.pl-48px {
  padding-left: 48px !important; }

.ml-56px {
  margin-left: 56px !important; }

.pl-56px {
  padding-left: 56px !important; }

.ml-57px {
  margin-left: 57px !important; }

.pl-57px {
  padding-left: 57px !important; }

.ml-60px {
  margin-left: 60px !important; }

.pl-60px {
  padding-left: 60px !important; }

.ml-64px {
  margin-left: 64px !important; }

.pl-64px {
  padding-left: 64px !important; }

.ml-72px {
  margin-left: 72px !important; }

.pl-72px {
  padding-left: 72px !important; }

.ml-80px {
  margin-left: 80px !important; }

.pl-80px {
  padding-left: 80px !important; }

.ml-96px {
  margin-left: 96px !important; }

.pl-96px {
  padding-left: 96px !important; }

.ml-100px {
  margin-left: 100px !important; }

.pl-100px {
  padding-left: 100px !important; }

.ml-120px {
  margin-left: 120px !important; }

.pl-120px {
  padding-left: 120px !important; }

.ml-152px {
  margin-left: 152px !important; }

.pl-152px {
  padding-left: 152px !important; }

.ml-160px {
  margin-left: 160px !important; }

.pl-160px {
  padding-left: 160px !important; }

.ml-217px {
  margin-left: 217px !important; }

.pl-217px {
  padding-left: 217px !important; }

@media all and (min-width: 0px) {
  .mt-xs1-0 {
    margin-top: 0 !important; }

  .pt-xs1-0 {
    padding-top: 0 !important; }

  .mt-xs1-4px {
    margin-top: 4px !important; }

  .pt-xs1-4px {
    padding-top: 4px !important; }

  .mt-xs1-8px {
    margin-top: 8px !important; }

  .pt-xs1-8px {
    padding-top: 8px !important; }

  .mt-xs1-10px {
    margin-top: 10px !important; }

  .pt-xs1-10px {
    padding-top: 10px !important; }

  .mt-xs1-12px {
    margin-top: 12px !important; }

  .pt-xs1-12px {
    padding-top: 12px !important; }

  .mt-xs1-16px {
    margin-top: 16px !important; }

  .pt-xs1-16px {
    padding-top: 16px !important; }

  .mt-xs1-20px {
    margin-top: 20px !important; }

  .pt-xs1-20px {
    padding-top: 20px !important; }

  .mt-xs1-22px {
    margin-top: 22px !important; }

  .pt-xs1-22px {
    padding-top: 22px !important; }

  .mt-xs1-24px {
    margin-top: 24px !important; }

  .pt-xs1-24px {
    padding-top: 24px !important; }

  .mt-xs1-28px {
    margin-top: 28px !important; }

  .pt-xs1-28px {
    padding-top: 28px !important; }

  .mt-xs1-30px {
    margin-top: 30px !important; }

  .pt-xs1-30px {
    padding-top: 30px !important; }

  .mt-xs1-32px {
    margin-top: 32px !important; }

  .pt-xs1-32px {
    padding-top: 32px !important; }

  .mt-xs1-37px {
    margin-top: 37px !important; }

  .pt-xs1-37px {
    padding-top: 37px !important; }

  .mt-xs1-40px {
    margin-top: 40px !important; }

  .pt-xs1-40px {
    padding-top: 40px !important; }

  .mt-xs1-46px {
    margin-top: 46px !important; }

  .pt-xs1-46px {
    padding-top: 46px !important; }

  .mt-xs1-48px {
    margin-top: 48px !important; }

  .pt-xs1-48px {
    padding-top: 48px !important; }

  .mt-xs1-56px {
    margin-top: 56px !important; }

  .pt-xs1-56px {
    padding-top: 56px !important; }

  .mt-xs1-57px {
    margin-top: 57px !important; }

  .pt-xs1-57px {
    padding-top: 57px !important; }

  .mt-xs1-60px {
    margin-top: 60px !important; }

  .pt-xs1-60px {
    padding-top: 60px !important; }

  .mt-xs1-64px {
    margin-top: 64px !important; }

  .pt-xs1-64px {
    padding-top: 64px !important; }

  .mt-xs1-72px {
    margin-top: 72px !important; }

  .pt-xs1-72px {
    padding-top: 72px !important; }

  .mt-xs1-80px {
    margin-top: 80px !important; }

  .pt-xs1-80px {
    padding-top: 80px !important; }

  .mt-xs1-96px {
    margin-top: 96px !important; }

  .pt-xs1-96px {
    padding-top: 96px !important; }

  .mt-xs1-100px {
    margin-top: 100px !important; }

  .pt-xs1-100px {
    padding-top: 100px !important; }

  .mt-xs1-120px {
    margin-top: 120px !important; }

  .pt-xs1-120px {
    padding-top: 120px !important; }

  .mt-xs1-152px {
    margin-top: 152px !important; }

  .pt-xs1-152px {
    padding-top: 152px !important; }

  .mt-xs1-160px {
    margin-top: 160px !important; }

  .pt-xs1-160px {
    padding-top: 160px !important; }

  .mt-xs1-217px {
    margin-top: 217px !important; }

  .pt-xs1-217px {
    padding-top: 217px !important; }

  .mr-xs1-0 {
    margin-right: 0 !important; }

  .pr-xs1-0 {
    padding-right: 0 !important; }

  .mr-xs1-4px {
    margin-right: 4px !important; }

  .pr-xs1-4px {
    padding-right: 4px !important; }

  .mr-xs1-8px {
    margin-right: 8px !important; }

  .pr-xs1-8px {
    padding-right: 8px !important; }

  .mr-xs1-10px {
    margin-right: 10px !important; }

  .pr-xs1-10px {
    padding-right: 10px !important; }

  .mr-xs1-12px {
    margin-right: 12px !important; }

  .pr-xs1-12px {
    padding-right: 12px !important; }

  .mr-xs1-16px {
    margin-right: 16px !important; }

  .pr-xs1-16px {
    padding-right: 16px !important; }

  .mr-xs1-20px {
    margin-right: 20px !important; }

  .pr-xs1-20px {
    padding-right: 20px !important; }

  .mr-xs1-24px {
    margin-right: 24px !important; }

  .pr-xs1-24px {
    padding-right: 24px !important; }

  .mr-xs1-28px {
    margin-right: 28px !important; }

  .pr-xs1-28px {
    padding-right: 28px !important; }

  .mr-xs1-30px {
    margin-right: 30px !important; }

  .pr-xs1-30px {
    padding-right: 30px !important; }

  .mr-xs1-32px {
    margin-right: 32px !important; }

  .pr-xs1-32px {
    padding-right: 32px !important; }

  .mr-xs1-40px {
    margin-right: 40px !important; }

  .pr-xs1-40px {
    padding-right: 40px !important; }

  .mr-xs1-46px {
    margin-right: 46px !important; }

  .pr-xs1-46px {
    padding-right: 46px !important; }

  .mr-xs1-48px {
    margin-right: 48px !important; }

  .pr-xs1-48px {
    padding-right: 48px !important; }

  .mr-xs1-56px {
    margin-right: 56px !important; }

  .pr-xs1-56px {
    padding-right: 56px !important; }

  .mr-xs1-57px {
    margin-right: 57px !important; }

  .pr-xs1-57px {
    padding-right: 57px !important; }

  .mr-xs1-60px {
    margin-right: 60px !important; }

  .pr-xs1-60px {
    padding-right: 60px !important; }

  .mr-xs1-64px {
    margin-right: 64px !important; }

  .pr-xs1-64px {
    padding-right: 64px !important; }

  .mr-xs1-72px {
    margin-right: 72px !important; }

  .pr-xs1-72px {
    padding-right: 72px !important; }

  .mr-xs1-80px {
    margin-right: 80px !important; }

  .pr-xs1-80px {
    padding-right: 80px !important; }

  .mr-xs1-96px {
    margin-right: 96px !important; }

  .pr-xs1-96px {
    padding-right: 96px !important; }

  .mr-xs1-100px {
    margin-right: 100px !important; }

  .pr-xs1-100px {
    padding-right: 100px !important; }

  .mr-xs1-120px {
    margin-right: 120px !important; }

  .pr-xs1-120px {
    padding-right: 120px !important; }

  .mr-xs1-152px {
    margin-right: 152px !important; }

  .pr-xs1-152px {
    padding-right: 152px !important; }

  .mr-xs1-160px {
    margin-right: 160px !important; }

  .pr-xs1-160px {
    padding-right: 160px !important; }

  .mr-xs1-217px {
    margin-right: 217px !important; }

  .pr-xs1-217px {
    padding-right: 217px !important; }

  .mb-xs1-0 {
    margin-bottom: 0 !important; }

  .pb-xs1-0 {
    padding-bottom: 0 !important; }

  .mb-xs1-4px {
    margin-bottom: 4px !important; }

  .pb-xs1-4px {
    padding-bottom: 4px !important; }

  .mb-xs1-8px {
    margin-bottom: 8px !important; }

  .pb-xs1-8px {
    padding-bottom: 8px !important; }

  .mb-xs1-10px {
    margin-bottom: 10px !important; }

  .pb-xs1-10px {
    padding-bottom: 10px !important; }

  .mb-xs1-12px {
    margin-bottom: 12px !important; }

  .pb-xs1-12px {
    padding-bottom: 12px !important; }

  .mb-xs1-16px {
    margin-bottom: 16px !important; }

  .pb-xs1-16px {
    padding-bottom: 16px !important; }

  .mb-xs1-20px {
    margin-bottom: 20px !important; }

  .pb-xs1-20px {
    padding-bottom: 20px !important; }

  .mb-xs1-24px {
    margin-bottom: 24px !important; }

  .pb-xs1-24px {
    padding-bottom: 24px !important; }

  .mb-xs1-26px {
    margin-bottom: 26px !important; }

  .pb-xs1-26px {
    padding-bottom: 26px !important; }

  .mb-xs1-28px {
    margin-bottom: 28px !important; }

  .pb-xs1-28px {
    padding-bottom: 28px !important; }

  .mb-xs1-30px {
    margin-bottom: 30px !important; }

  .pb-xs1-30px {
    padding-bottom: 30px !important; }

  .mb-xs1-32px {
    margin-bottom: 32px !important; }

  .pb-xs1-32px {
    padding-bottom: 32px !important; }

  .mb-xs1-40px {
    margin-bottom: 40px !important; }

  .pb-xs1-40px {
    padding-bottom: 40px !important; }

  .mb-xs1-46px {
    margin-bottom: 46px !important; }

  .pb-xs1-46px {
    padding-bottom: 46px !important; }

  .mb-xs1-48px {
    margin-bottom: 48px !important; }

  .pb-xs1-48px {
    padding-bottom: 48px !important; }

  .mb-xs1-56px {
    margin-bottom: 56px !important; }

  .pb-xs1-56px {
    padding-bottom: 56px !important; }

  .mb-xs1-57px {
    margin-bottom: 57px !important; }

  .pb-xs1-57px {
    padding-bottom: 57px !important; }

  .mb-xs1-60px {
    margin-bottom: 60px !important; }

  .pb-xs1-60px {
    padding-bottom: 60px !important; }

  .mb-xs1-64px {
    margin-bottom: 64px !important; }

  .pb-xs1-64px {
    padding-bottom: 64px !important; }

  .mb-xs1-72px {
    margin-bottom: 72px !important; }

  .pb-xs1-72px {
    padding-bottom: 72px !important; }

  .mb-xs1-80px {
    margin-bottom: 80px !important; }

  .pb-xs1-80px {
    padding-bottom: 80px !important; }

  .mb-xs1-96px {
    margin-bottom: 96px !important; }

  .pb-xs1-96px {
    padding-bottom: 96px !important; }

  .mb-xs1-100px {
    margin-bottom: 100px !important; }

  .pb-xs1-100px {
    padding-bottom: 100px !important; }

  .mb-xs1-120px {
    margin-bottom: 120px !important; }

  .pb-xs1-120px {
    padding-bottom: 120px !important; }

  .mb-xs1-152px {
    margin-bottom: 152px !important; }

  .pb-xs1-152px {
    padding-bottom: 152px !important; }

  .mb-xs1-160px {
    margin-bottom: 160px !important; }

  .pb-xs1-160px {
    padding-bottom: 160px !important; }

  .mb-xs1-217px {
    margin-bottom: 217px !important; }

  .pb-xs1-217px {
    padding-bottom: 217px !important; }

  .ml-xs1-0 {
    margin-left: 0 !important; }

  .pl-xs1-0 {
    padding-left: 0 !important; }

  .ml-xs1-4px {
    margin-left: 4px !important; }

  .pl-xs1-4px {
    padding-left: 4px !important; }

  .ml-xs1-8px {
    margin-left: 8px !important; }

  .pl-xs1-8px {
    padding-left: 8px !important; }

  .ml-xs1-10px {
    margin-left: 10px !important; }

  .pl-xs1-10px {
    padding-left: 10px !important; }

  .ml-xs1-12px {
    margin-left: 12px !important; }

  .pl-xs1-12px {
    padding-left: 12px !important; }

  .ml-xs1-16px {
    margin-left: 16px !important; }

  .pl-xs1-16px {
    padding-left: 16px !important; }

  .ml-xs1-20px {
    margin-left: 20px !important; }

  .pl-xs1-20px {
    padding-left: 20px !important; }

  .ml-xs1-24px {
    margin-left: 24px !important; }

  .pl-xs1-24px {
    padding-left: 24px !important; }

  .ml-xs1-28px {
    margin-left: 28px !important; }

  .pl-xs1-28px {
    padding-left: 28px !important; }

  .ml-xs1-32px {
    margin-left: 32px !important; }

  .pl-xs1-32px {
    padding-left: 32px !important; }

  .ml-xs1-40px {
    margin-left: 40px !important; }

  .pl-xs1-40px {
    padding-left: 40px !important; }

  .ml-xs1-46px {
    margin-left: 46px !important; }

  .pl-xs1-46px {
    padding-left: 46px !important; }

  .ml-xs1-48px {
    margin-left: 48px !important; }

  .pl-xs1-48px {
    padding-left: 48px !important; }

  .ml-xs1-56px {
    margin-left: 56px !important; }

  .pl-xs1-56px {
    padding-left: 56px !important; }

  .ml-xs1-57px {
    margin-left: 57px !important; }

  .pl-xs1-57px {
    padding-left: 57px !important; }

  .ml-xs1-60px {
    margin-left: 60px !important; }

  .pl-xs1-60px {
    padding-left: 60px !important; }

  .ml-xs1-64px {
    margin-left: 64px !important; }

  .pl-xs1-64px {
    padding-left: 64px !important; }

  .ml-xs1-72px {
    margin-left: 72px !important; }

  .pl-xs1-72px {
    padding-left: 72px !important; }

  .ml-xs1-80px {
    margin-left: 80px !important; }

  .pl-xs1-80px {
    padding-left: 80px !important; }

  .ml-xs1-96px {
    margin-left: 96px !important; }

  .pl-xs1-96px {
    padding-left: 96px !important; }

  .ml-xs1-100px {
    margin-left: 100px !important; }

  .pl-xs1-100px {
    padding-left: 100px !important; }

  .ml-xs1-120px {
    margin-left: 120px !important; }

  .pl-xs1-120px {
    padding-left: 120px !important; }

  .ml-xs1-152px {
    margin-left: 152px !important; }

  .pl-xs1-152px {
    padding-left: 152px !important; }

  .ml-xs1-160px {
    margin-left: 160px !important; }

  .pl-xs1-160px {
    padding-left: 160px !important; }

  .ml-xs1-217px {
    margin-left: 217px !important; }

  .pl-xs1-217px {
    padding-left: 217px !important; } }
@media all and (min-width: 420px) {
  .mt-xs2-0 {
    margin-top: 0 !important; }

  .pt-xs2-0 {
    padding-top: 0 !important; }

  .mt-xs2-4px {
    margin-top: 4px !important; }

  .pt-xs2-4px {
    padding-top: 4px !important; }

  .mt-xs2-8px {
    margin-top: 8px !important; }

  .pt-xs2-8px {
    padding-top: 8px !important; }

  .mt-xs2-10px {
    margin-top: 10px !important; }

  .pt-xs2-10px {
    padding-top: 10px !important; }

  .mt-xs2-12px {
    margin-top: 12px !important; }

  .pt-xs2-12px {
    padding-top: 12px !important; }

  .mt-xs2-16px {
    margin-top: 16px !important; }

  .pt-xs2-16px {
    padding-top: 16px !important; }

  .mt-xs2-20px {
    margin-top: 20px !important; }

  .pt-xs2-20px {
    padding-top: 20px !important; }

  .mt-xs2-22px {
    margin-top: 22px !important; }

  .pt-xs2-22px {
    padding-top: 22px !important; }

  .mt-xs2-24px {
    margin-top: 24px !important; }

  .pt-xs2-24px {
    padding-top: 24px !important; }

  .mt-xs2-28px {
    margin-top: 28px !important; }

  .pt-xs2-28px {
    padding-top: 28px !important; }

  .mt-xs2-30px {
    margin-top: 30px !important; }

  .pt-xs2-30px {
    padding-top: 30px !important; }

  .mt-xs2-32px {
    margin-top: 32px !important; }

  .pt-xs2-32px {
    padding-top: 32px !important; }

  .mt-xs2-37px {
    margin-top: 37px !important; }

  .pt-xs2-37px {
    padding-top: 37px !important; }

  .mt-xs2-40px {
    margin-top: 40px !important; }

  .pt-xs2-40px {
    padding-top: 40px !important; }

  .mt-xs2-46px {
    margin-top: 46px !important; }

  .pt-xs2-46px {
    padding-top: 46px !important; }

  .mt-xs2-48px {
    margin-top: 48px !important; }

  .pt-xs2-48px {
    padding-top: 48px !important; }

  .mt-xs2-56px {
    margin-top: 56px !important; }

  .pt-xs2-56px {
    padding-top: 56px !important; }

  .mt-xs2-57px {
    margin-top: 57px !important; }

  .pt-xs2-57px {
    padding-top: 57px !important; }

  .mt-xs2-60px {
    margin-top: 60px !important; }

  .pt-xs2-60px {
    padding-top: 60px !important; }

  .mt-xs2-64px {
    margin-top: 64px !important; }

  .pt-xs2-64px {
    padding-top: 64px !important; }

  .mt-xs2-72px {
    margin-top: 72px !important; }

  .pt-xs2-72px {
    padding-top: 72px !important; }

  .mt-xs2-80px {
    margin-top: 80px !important; }

  .pt-xs2-80px {
    padding-top: 80px !important; }

  .mt-xs2-96px {
    margin-top: 96px !important; }

  .pt-xs2-96px {
    padding-top: 96px !important; }

  .mt-xs2-100px {
    margin-top: 100px !important; }

  .pt-xs2-100px {
    padding-top: 100px !important; }

  .mt-xs2-120px {
    margin-top: 120px !important; }

  .pt-xs2-120px {
    padding-top: 120px !important; }

  .mt-xs2-152px {
    margin-top: 152px !important; }

  .pt-xs2-152px {
    padding-top: 152px !important; }

  .mt-xs2-160px {
    margin-top: 160px !important; }

  .pt-xs2-160px {
    padding-top: 160px !important; }

  .mt-xs2-217px {
    margin-top: 217px !important; }

  .pt-xs2-217px {
    padding-top: 217px !important; }

  .mr-xs2-0 {
    margin-right: 0 !important; }

  .pr-xs2-0 {
    padding-right: 0 !important; }

  .mr-xs2-4px {
    margin-right: 4px !important; }

  .pr-xs2-4px {
    padding-right: 4px !important; }

  .mr-xs2-8px {
    margin-right: 8px !important; }

  .pr-xs2-8px {
    padding-right: 8px !important; }

  .mr-xs2-10px {
    margin-right: 10px !important; }

  .pr-xs2-10px {
    padding-right: 10px !important; }

  .mr-xs2-12px {
    margin-right: 12px !important; }

  .pr-xs2-12px {
    padding-right: 12px !important; }

  .mr-xs2-16px {
    margin-right: 16px !important; }

  .pr-xs2-16px {
    padding-right: 16px !important; }

  .mr-xs2-20px {
    margin-right: 20px !important; }

  .pr-xs2-20px {
    padding-right: 20px !important; }

  .mr-xs2-24px {
    margin-right: 24px !important; }

  .pr-xs2-24px {
    padding-right: 24px !important; }

  .mr-xs2-28px {
    margin-right: 28px !important; }

  .pr-xs2-28px {
    padding-right: 28px !important; }

  .mr-xs2-30px {
    margin-right: 30px !important; }

  .pr-xs2-30px {
    padding-right: 30px !important; }

  .mr-xs2-32px {
    margin-right: 32px !important; }

  .pr-xs2-32px {
    padding-right: 32px !important; }

  .mr-xs2-40px {
    margin-right: 40px !important; }

  .pr-xs2-40px {
    padding-right: 40px !important; }

  .mr-xs2-46px {
    margin-right: 46px !important; }

  .pr-xs2-46px {
    padding-right: 46px !important; }

  .mr-xs2-48px {
    margin-right: 48px !important; }

  .pr-xs2-48px {
    padding-right: 48px !important; }

  .mr-xs2-56px {
    margin-right: 56px !important; }

  .pr-xs2-56px {
    padding-right: 56px !important; }

  .mr-xs2-57px {
    margin-right: 57px !important; }

  .pr-xs2-57px {
    padding-right: 57px !important; }

  .mr-xs2-60px {
    margin-right: 60px !important; }

  .pr-xs2-60px {
    padding-right: 60px !important; }

  .mr-xs2-64px {
    margin-right: 64px !important; }

  .pr-xs2-64px {
    padding-right: 64px !important; }

  .mr-xs2-72px {
    margin-right: 72px !important; }

  .pr-xs2-72px {
    padding-right: 72px !important; }

  .mr-xs2-80px {
    margin-right: 80px !important; }

  .pr-xs2-80px {
    padding-right: 80px !important; }

  .mr-xs2-96px {
    margin-right: 96px !important; }

  .pr-xs2-96px {
    padding-right: 96px !important; }

  .mr-xs2-100px {
    margin-right: 100px !important; }

  .pr-xs2-100px {
    padding-right: 100px !important; }

  .mr-xs2-120px {
    margin-right: 120px !important; }

  .pr-xs2-120px {
    padding-right: 120px !important; }

  .mr-xs2-152px {
    margin-right: 152px !important; }

  .pr-xs2-152px {
    padding-right: 152px !important; }

  .mr-xs2-160px {
    margin-right: 160px !important; }

  .pr-xs2-160px {
    padding-right: 160px !important; }

  .mr-xs2-217px {
    margin-right: 217px !important; }

  .pr-xs2-217px {
    padding-right: 217px !important; }

  .mb-xs2-0 {
    margin-bottom: 0 !important; }

  .pb-xs2-0 {
    padding-bottom: 0 !important; }

  .mb-xs2-4px {
    margin-bottom: 4px !important; }

  .pb-xs2-4px {
    padding-bottom: 4px !important; }

  .mb-xs2-8px {
    margin-bottom: 8px !important; }

  .pb-xs2-8px {
    padding-bottom: 8px !important; }

  .mb-xs2-10px {
    margin-bottom: 10px !important; }

  .pb-xs2-10px {
    padding-bottom: 10px !important; }

  .mb-xs2-12px {
    margin-bottom: 12px !important; }

  .pb-xs2-12px {
    padding-bottom: 12px !important; }

  .mb-xs2-16px {
    margin-bottom: 16px !important; }

  .pb-xs2-16px {
    padding-bottom: 16px !important; }

  .mb-xs2-20px {
    margin-bottom: 20px !important; }

  .pb-xs2-20px {
    padding-bottom: 20px !important; }

  .mb-xs2-24px {
    margin-bottom: 24px !important; }

  .pb-xs2-24px {
    padding-bottom: 24px !important; }

  .mb-xs2-26px {
    margin-bottom: 26px !important; }

  .pb-xs2-26px {
    padding-bottom: 26px !important; }

  .mb-xs2-28px {
    margin-bottom: 28px !important; }

  .pb-xs2-28px {
    padding-bottom: 28px !important; }

  .mb-xs2-30px {
    margin-bottom: 30px !important; }

  .pb-xs2-30px {
    padding-bottom: 30px !important; }

  .mb-xs2-32px {
    margin-bottom: 32px !important; }

  .pb-xs2-32px {
    padding-bottom: 32px !important; }

  .mb-xs2-40px {
    margin-bottom: 40px !important; }

  .pb-xs2-40px {
    padding-bottom: 40px !important; }

  .mb-xs2-46px {
    margin-bottom: 46px !important; }

  .pb-xs2-46px {
    padding-bottom: 46px !important; }

  .mb-xs2-48px {
    margin-bottom: 48px !important; }

  .pb-xs2-48px {
    padding-bottom: 48px !important; }

  .mb-xs2-56px {
    margin-bottom: 56px !important; }

  .pb-xs2-56px {
    padding-bottom: 56px !important; }

  .mb-xs2-57px {
    margin-bottom: 57px !important; }

  .pb-xs2-57px {
    padding-bottom: 57px !important; }

  .mb-xs2-60px {
    margin-bottom: 60px !important; }

  .pb-xs2-60px {
    padding-bottom: 60px !important; }

  .mb-xs2-64px {
    margin-bottom: 64px !important; }

  .pb-xs2-64px {
    padding-bottom: 64px !important; }

  .mb-xs2-72px {
    margin-bottom: 72px !important; }

  .pb-xs2-72px {
    padding-bottom: 72px !important; }

  .mb-xs2-80px {
    margin-bottom: 80px !important; }

  .pb-xs2-80px {
    padding-bottom: 80px !important; }

  .mb-xs2-96px {
    margin-bottom: 96px !important; }

  .pb-xs2-96px {
    padding-bottom: 96px !important; }

  .mb-xs2-100px {
    margin-bottom: 100px !important; }

  .pb-xs2-100px {
    padding-bottom: 100px !important; }

  .mb-xs2-120px {
    margin-bottom: 120px !important; }

  .pb-xs2-120px {
    padding-bottom: 120px !important; }

  .mb-xs2-152px {
    margin-bottom: 152px !important; }

  .pb-xs2-152px {
    padding-bottom: 152px !important; }

  .mb-xs2-160px {
    margin-bottom: 160px !important; }

  .pb-xs2-160px {
    padding-bottom: 160px !important; }

  .mb-xs2-217px {
    margin-bottom: 217px !important; }

  .pb-xs2-217px {
    padding-bottom: 217px !important; }

  .ml-xs2-0 {
    margin-left: 0 !important; }

  .pl-xs2-0 {
    padding-left: 0 !important; }

  .ml-xs2-4px {
    margin-left: 4px !important; }

  .pl-xs2-4px {
    padding-left: 4px !important; }

  .ml-xs2-8px {
    margin-left: 8px !important; }

  .pl-xs2-8px {
    padding-left: 8px !important; }

  .ml-xs2-10px {
    margin-left: 10px !important; }

  .pl-xs2-10px {
    padding-left: 10px !important; }

  .ml-xs2-12px {
    margin-left: 12px !important; }

  .pl-xs2-12px {
    padding-left: 12px !important; }

  .ml-xs2-16px {
    margin-left: 16px !important; }

  .pl-xs2-16px {
    padding-left: 16px !important; }

  .ml-xs2-20px {
    margin-left: 20px !important; }

  .pl-xs2-20px {
    padding-left: 20px !important; }

  .ml-xs2-24px {
    margin-left: 24px !important; }

  .pl-xs2-24px {
    padding-left: 24px !important; }

  .ml-xs2-28px {
    margin-left: 28px !important; }

  .pl-xs2-28px {
    padding-left: 28px !important; }

  .ml-xs2-32px {
    margin-left: 32px !important; }

  .pl-xs2-32px {
    padding-left: 32px !important; }

  .ml-xs2-40px {
    margin-left: 40px !important; }

  .pl-xs2-40px {
    padding-left: 40px !important; }

  .ml-xs2-46px {
    margin-left: 46px !important; }

  .pl-xs2-46px {
    padding-left: 46px !important; }

  .ml-xs2-48px {
    margin-left: 48px !important; }

  .pl-xs2-48px {
    padding-left: 48px !important; }

  .ml-xs2-56px {
    margin-left: 56px !important; }

  .pl-xs2-56px {
    padding-left: 56px !important; }

  .ml-xs2-57px {
    margin-left: 57px !important; }

  .pl-xs2-57px {
    padding-left: 57px !important; }

  .ml-xs2-60px {
    margin-left: 60px !important; }

  .pl-xs2-60px {
    padding-left: 60px !important; }

  .ml-xs2-64px {
    margin-left: 64px !important; }

  .pl-xs2-64px {
    padding-left: 64px !important; }

  .ml-xs2-72px {
    margin-left: 72px !important; }

  .pl-xs2-72px {
    padding-left: 72px !important; }

  .ml-xs2-80px {
    margin-left: 80px !important; }

  .pl-xs2-80px {
    padding-left: 80px !important; }

  .ml-xs2-96px {
    margin-left: 96px !important; }

  .pl-xs2-96px {
    padding-left: 96px !important; }

  .ml-xs2-100px {
    margin-left: 100px !important; }

  .pl-xs2-100px {
    padding-left: 100px !important; }

  .ml-xs2-120px {
    margin-left: 120px !important; }

  .pl-xs2-120px {
    padding-left: 120px !important; }

  .ml-xs2-152px {
    margin-left: 152px !important; }

  .pl-xs2-152px {
    padding-left: 152px !important; }

  .ml-xs2-160px {
    margin-left: 160px !important; }

  .pl-xs2-160px {
    padding-left: 160px !important; }

  .ml-xs2-217px {
    margin-left: 217px !important; }

  .pl-xs2-217px {
    padding-left: 217px !important; } }
@media all and (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0 !important; }

  .pt-md-0 {
    padding-top: 0 !important; }

  .mt-md-4px {
    margin-top: 4px !important; }

  .pt-md-4px {
    padding-top: 4px !important; }

  .mt-md-8px {
    margin-top: 8px !important; }

  .pt-md-8px {
    padding-top: 8px !important; }

  .mt-md-10px {
    margin-top: 10px !important; }

  .pt-md-10px {
    padding-top: 10px !important; }

  .mt-md-12px {
    margin-top: 12px !important; }

  .pt-md-12px {
    padding-top: 12px !important; }

  .mt-md-16px {
    margin-top: 16px !important; }

  .pt-md-16px {
    padding-top: 16px !important; }

  .mt-md-20px {
    margin-top: 20px !important; }

  .pt-md-20px {
    padding-top: 20px !important; }

  .mt-md-22px {
    margin-top: 22px !important; }

  .pt-md-22px {
    padding-top: 22px !important; }

  .mt-md-24px {
    margin-top: 24px !important; }

  .pt-md-24px {
    padding-top: 24px !important; }

  .mt-md-28px {
    margin-top: 28px !important; }

  .pt-md-28px {
    padding-top: 28px !important; }

  .mt-md-30px {
    margin-top: 30px !important; }

  .pt-md-30px {
    padding-top: 30px !important; }

  .mt-md-32px {
    margin-top: 32px !important; }

  .pt-md-32px {
    padding-top: 32px !important; }

  .mt-md-37px {
    margin-top: 37px !important; }

  .pt-md-37px {
    padding-top: 37px !important; }

  .mt-md-40px {
    margin-top: 40px !important; }

  .pt-md-40px {
    padding-top: 40px !important; }

  .mt-md-46px {
    margin-top: 46px !important; }

  .pt-md-46px {
    padding-top: 46px !important; }

  .mt-md-48px {
    margin-top: 48px !important; }

  .pt-md-48px {
    padding-top: 48px !important; }

  .mt-md-56px {
    margin-top: 56px !important; }

  .pt-md-56px {
    padding-top: 56px !important; }

  .mt-md-57px {
    margin-top: 57px !important; }

  .pt-md-57px {
    padding-top: 57px !important; }

  .mt-md-60px {
    margin-top: 60px !important; }

  .pt-md-60px {
    padding-top: 60px !important; }

  .mt-md-64px {
    margin-top: 64px !important; }

  .pt-md-64px {
    padding-top: 64px !important; }

  .mt-md-72px {
    margin-top: 72px !important; }

  .pt-md-72px {
    padding-top: 72px !important; }

  .mt-md-80px {
    margin-top: 80px !important; }

  .pt-md-80px {
    padding-top: 80px !important; }

  .mt-md-96px {
    margin-top: 96px !important; }

  .pt-md-96px {
    padding-top: 96px !important; }

  .mt-md-100px {
    margin-top: 100px !important; }

  .pt-md-100px {
    padding-top: 100px !important; }

  .mt-md-120px {
    margin-top: 120px !important; }

  .pt-md-120px {
    padding-top: 120px !important; }

  .mt-md-152px {
    margin-top: 152px !important; }

  .pt-md-152px {
    padding-top: 152px !important; }

  .mt-md-160px {
    margin-top: 160px !important; }

  .pt-md-160px {
    padding-top: 160px !important; }

  .mt-md-217px {
    margin-top: 217px !important; }

  .pt-md-217px {
    padding-top: 217px !important; }

  .mr-md-0 {
    margin-right: 0 !important; }

  .pr-md-0 {
    padding-right: 0 !important; }

  .mr-md-4px {
    margin-right: 4px !important; }

  .pr-md-4px {
    padding-right: 4px !important; }

  .mr-md-8px {
    margin-right: 8px !important; }

  .pr-md-8px {
    padding-right: 8px !important; }

  .mr-md-10px {
    margin-right: 10px !important; }

  .pr-md-10px {
    padding-right: 10px !important; }

  .mr-md-12px {
    margin-right: 12px !important; }

  .pr-md-12px {
    padding-right: 12px !important; }

  .mr-md-16px {
    margin-right: 16px !important; }

  .pr-md-16px {
    padding-right: 16px !important; }

  .mr-md-20px {
    margin-right: 20px !important; }

  .pr-md-20px {
    padding-right: 20px !important; }

  .mr-md-24px {
    margin-right: 24px !important; }

  .pr-md-24px {
    padding-right: 24px !important; }

  .mr-md-28px {
    margin-right: 28px !important; }

  .pr-md-28px {
    padding-right: 28px !important; }

  .mr-md-30px {
    margin-right: 30px !important; }

  .pr-md-30px {
    padding-right: 30px !important; }

  .mr-md-32px {
    margin-right: 32px !important; }

  .pr-md-32px {
    padding-right: 32px !important; }

  .mr-md-40px {
    margin-right: 40px !important; }

  .pr-md-40px {
    padding-right: 40px !important; }

  .mr-md-46px {
    margin-right: 46px !important; }

  .pr-md-46px {
    padding-right: 46px !important; }

  .mr-md-48px {
    margin-right: 48px !important; }

  .pr-md-48px {
    padding-right: 48px !important; }

  .mr-md-56px {
    margin-right: 56px !important; }

  .pr-md-56px {
    padding-right: 56px !important; }

  .mr-md-57px {
    margin-right: 57px !important; }

  .pr-md-57px {
    padding-right: 57px !important; }

  .mr-md-60px {
    margin-right: 60px !important; }

  .pr-md-60px {
    padding-right: 60px !important; }

  .mr-md-64px {
    margin-right: 64px !important; }

  .pr-md-64px {
    padding-right: 64px !important; }

  .mr-md-72px {
    margin-right: 72px !important; }

  .pr-md-72px {
    padding-right: 72px !important; }

  .mr-md-80px {
    margin-right: 80px !important; }

  .pr-md-80px {
    padding-right: 80px !important; }

  .mr-md-96px {
    margin-right: 96px !important; }

  .pr-md-96px {
    padding-right: 96px !important; }

  .mr-md-100px {
    margin-right: 100px !important; }

  .pr-md-100px {
    padding-right: 100px !important; }

  .mr-md-120px {
    margin-right: 120px !important; }

  .pr-md-120px {
    padding-right: 120px !important; }

  .mr-md-152px {
    margin-right: 152px !important; }

  .pr-md-152px {
    padding-right: 152px !important; }

  .mr-md-160px {
    margin-right: 160px !important; }

  .pr-md-160px {
    padding-right: 160px !important; }

  .mr-md-217px {
    margin-right: 217px !important; }

  .pr-md-217px {
    padding-right: 217px !important; }

  .mb-md-0 {
    margin-bottom: 0 !important; }

  .pb-md-0 {
    padding-bottom: 0 !important; }

  .mb-md-4px {
    margin-bottom: 4px !important; }

  .pb-md-4px {
    padding-bottom: 4px !important; }

  .mb-md-8px {
    margin-bottom: 8px !important; }

  .pb-md-8px {
    padding-bottom: 8px !important; }

  .mb-md-10px {
    margin-bottom: 10px !important; }

  .pb-md-10px {
    padding-bottom: 10px !important; }

  .mb-md-12px {
    margin-bottom: 12px !important; }

  .pb-md-12px {
    padding-bottom: 12px !important; }

  .mb-md-16px {
    margin-bottom: 16px !important; }

  .pb-md-16px {
    padding-bottom: 16px !important; }

  .mb-md-20px {
    margin-bottom: 20px !important; }

  .pb-md-20px {
    padding-bottom: 20px !important; }

  .mb-md-24px {
    margin-bottom: 24px !important; }

  .pb-md-24px {
    padding-bottom: 24px !important; }

  .mb-md-26px {
    margin-bottom: 26px !important; }

  .pb-md-26px {
    padding-bottom: 26px !important; }

  .mb-md-28px {
    margin-bottom: 28px !important; }

  .pb-md-28px {
    padding-bottom: 28px !important; }

  .mb-md-30px {
    margin-bottom: 30px !important; }

  .pb-md-30px {
    padding-bottom: 30px !important; }

  .mb-md-32px {
    margin-bottom: 32px !important; }

  .pb-md-32px {
    padding-bottom: 32px !important; }

  .mb-md-40px {
    margin-bottom: 40px !important; }

  .pb-md-40px {
    padding-bottom: 40px !important; }

  .mb-md-46px {
    margin-bottom: 46px !important; }

  .pb-md-46px {
    padding-bottom: 46px !important; }

  .mb-md-48px {
    margin-bottom: 48px !important; }

  .pb-md-48px {
    padding-bottom: 48px !important; }

  .mb-md-56px {
    margin-bottom: 56px !important; }

  .pb-md-56px {
    padding-bottom: 56px !important; }

  .mb-md-57px {
    margin-bottom: 57px !important; }

  .pb-md-57px {
    padding-bottom: 57px !important; }

  .mb-md-60px {
    margin-bottom: 60px !important; }

  .pb-md-60px {
    padding-bottom: 60px !important; }

  .mb-md-64px {
    margin-bottom: 64px !important; }

  .pb-md-64px {
    padding-bottom: 64px !important; }

  .mb-md-72px {
    margin-bottom: 72px !important; }

  .pb-md-72px {
    padding-bottom: 72px !important; }

  .mb-md-80px {
    margin-bottom: 80px !important; }

  .pb-md-80px {
    padding-bottom: 80px !important; }

  .mb-md-96px {
    margin-bottom: 96px !important; }

  .pb-md-96px {
    padding-bottom: 96px !important; }

  .mb-md-100px {
    margin-bottom: 100px !important; }

  .pb-md-100px {
    padding-bottom: 100px !important; }

  .mb-md-120px {
    margin-bottom: 120px !important; }

  .pb-md-120px {
    padding-bottom: 120px !important; }

  .mb-md-152px {
    margin-bottom: 152px !important; }

  .pb-md-152px {
    padding-bottom: 152px !important; }

  .mb-md-160px {
    margin-bottom: 160px !important; }

  .pb-md-160px {
    padding-bottom: 160px !important; }

  .mb-md-217px {
    margin-bottom: 217px !important; }

  .pb-md-217px {
    padding-bottom: 217px !important; }

  .ml-md-0 {
    margin-left: 0 !important; }

  .pl-md-0 {
    padding-left: 0 !important; }

  .ml-md-4px {
    margin-left: 4px !important; }

  .pl-md-4px {
    padding-left: 4px !important; }

  .ml-md-8px {
    margin-left: 8px !important; }

  .pl-md-8px {
    padding-left: 8px !important; }

  .ml-md-10px {
    margin-left: 10px !important; }

  .pl-md-10px {
    padding-left: 10px !important; }

  .ml-md-12px {
    margin-left: 12px !important; }

  .pl-md-12px {
    padding-left: 12px !important; }

  .ml-md-16px {
    margin-left: 16px !important; }

  .pl-md-16px {
    padding-left: 16px !important; }

  .ml-md-20px {
    margin-left: 20px !important; }

  .pl-md-20px {
    padding-left: 20px !important; }

  .ml-md-24px {
    margin-left: 24px !important; }

  .pl-md-24px {
    padding-left: 24px !important; }

  .ml-md-28px {
    margin-left: 28px !important; }

  .pl-md-28px {
    padding-left: 28px !important; }

  .ml-md-32px {
    margin-left: 32px !important; }

  .pl-md-32px {
    padding-left: 32px !important; }

  .ml-md-40px {
    margin-left: 40px !important; }

  .pl-md-40px {
    padding-left: 40px !important; }

  .ml-md-46px {
    margin-left: 46px !important; }

  .pl-md-46px {
    padding-left: 46px !important; }

  .ml-md-48px {
    margin-left: 48px !important; }

  .pl-md-48px {
    padding-left: 48px !important; }

  .ml-md-56px {
    margin-left: 56px !important; }

  .pl-md-56px {
    padding-left: 56px !important; }

  .ml-md-57px {
    margin-left: 57px !important; }

  .pl-md-57px {
    padding-left: 57px !important; }

  .ml-md-60px {
    margin-left: 60px !important; }

  .pl-md-60px {
    padding-left: 60px !important; }

  .ml-md-64px {
    margin-left: 64px !important; }

  .pl-md-64px {
    padding-left: 64px !important; }

  .ml-md-72px {
    margin-left: 72px !important; }

  .pl-md-72px {
    padding-left: 72px !important; }

  .ml-md-80px {
    margin-left: 80px !important; }

  .pl-md-80px {
    padding-left: 80px !important; }

  .ml-md-96px {
    margin-left: 96px !important; }

  .pl-md-96px {
    padding-left: 96px !important; }

  .ml-md-100px {
    margin-left: 100px !important; }

  .pl-md-100px {
    padding-left: 100px !important; }

  .ml-md-120px {
    margin-left: 120px !important; }

  .pl-md-120px {
    padding-left: 120px !important; }

  .ml-md-152px {
    margin-left: 152px !important; }

  .pl-md-152px {
    padding-left: 152px !important; }

  .ml-md-160px {
    margin-left: 160px !important; }

  .pl-md-160px {
    padding-left: 160px !important; }

  .ml-md-217px {
    margin-left: 217px !important; }

  .pl-md-217px {
    padding-left: 217px !important; } }
@media all and (min-width: 1680px) {
  .mt-lg-0 {
    margin-top: 0 !important; }

  .pt-lg-0 {
    padding-top: 0 !important; }

  .mt-lg-4px {
    margin-top: 4px !important; }

  .pt-lg-4px {
    padding-top: 4px !important; }

  .mt-lg-8px {
    margin-top: 8px !important; }

  .pt-lg-8px {
    padding-top: 8px !important; }

  .mt-lg-10px {
    margin-top: 10px !important; }

  .pt-lg-10px {
    padding-top: 10px !important; }

  .mt-lg-12px {
    margin-top: 12px !important; }

  .pt-lg-12px {
    padding-top: 12px !important; }

  .mt-lg-16px {
    margin-top: 16px !important; }

  .pt-lg-16px {
    padding-top: 16px !important; }

  .mt-lg-20px {
    margin-top: 20px !important; }

  .pt-lg-20px {
    padding-top: 20px !important; }

  .mt-lg-22px {
    margin-top: 22px !important; }

  .pt-lg-22px {
    padding-top: 22px !important; }

  .mt-lg-24px {
    margin-top: 24px !important; }

  .pt-lg-24px {
    padding-top: 24px !important; }

  .mt-lg-28px {
    margin-top: 28px !important; }

  .pt-lg-28px {
    padding-top: 28px !important; }

  .mt-lg-30px {
    margin-top: 30px !important; }

  .pt-lg-30px {
    padding-top: 30px !important; }

  .mt-lg-32px {
    margin-top: 32px !important; }

  .pt-lg-32px {
    padding-top: 32px !important; }

  .mt-lg-37px {
    margin-top: 37px !important; }

  .pt-lg-37px {
    padding-top: 37px !important; }

  .mt-lg-40px {
    margin-top: 40px !important; }

  .pt-lg-40px {
    padding-top: 40px !important; }

  .mt-lg-46px {
    margin-top: 46px !important; }

  .pt-lg-46px {
    padding-top: 46px !important; }

  .mt-lg-48px {
    margin-top: 48px !important; }

  .pt-lg-48px {
    padding-top: 48px !important; }

  .mt-lg-56px {
    margin-top: 56px !important; }

  .pt-lg-56px {
    padding-top: 56px !important; }

  .mt-lg-57px {
    margin-top: 57px !important; }

  .pt-lg-57px {
    padding-top: 57px !important; }

  .mt-lg-60px {
    margin-top: 60px !important; }

  .pt-lg-60px {
    padding-top: 60px !important; }

  .mt-lg-64px {
    margin-top: 64px !important; }

  .pt-lg-64px {
    padding-top: 64px !important; }

  .mt-lg-72px {
    margin-top: 72px !important; }

  .pt-lg-72px {
    padding-top: 72px !important; }

  .mt-lg-80px {
    margin-top: 80px !important; }

  .pt-lg-80px {
    padding-top: 80px !important; }

  .mt-lg-96px {
    margin-top: 96px !important; }

  .pt-lg-96px {
    padding-top: 96px !important; }

  .mt-lg-100px {
    margin-top: 100px !important; }

  .pt-lg-100px {
    padding-top: 100px !important; }

  .mt-lg-120px {
    margin-top: 120px !important; }

  .pt-lg-120px {
    padding-top: 120px !important; }

  .mt-lg-152px {
    margin-top: 152px !important; }

  .pt-lg-152px {
    padding-top: 152px !important; }

  .mt-lg-160px {
    margin-top: 160px !important; }

  .pt-lg-160px {
    padding-top: 160px !important; }

  .mt-lg-217px {
    margin-top: 217px !important; }

  .pt-lg-217px {
    padding-top: 217px !important; }

  .mr-lg-0 {
    margin-right: 0 !important; }

  .pr-lg-0 {
    padding-right: 0 !important; }

  .mr-lg-4px {
    margin-right: 4px !important; }

  .pr-lg-4px {
    padding-right: 4px !important; }

  .mr-lg-8px {
    margin-right: 8px !important; }

  .pr-lg-8px {
    padding-right: 8px !important; }

  .mr-lg-10px {
    margin-right: 10px !important; }

  .pr-lg-10px {
    padding-right: 10px !important; }

  .mr-lg-12px {
    margin-right: 12px !important; }

  .pr-lg-12px {
    padding-right: 12px !important; }

  .mr-lg-16px {
    margin-right: 16px !important; }

  .pr-lg-16px {
    padding-right: 16px !important; }

  .mr-lg-20px {
    margin-right: 20px !important; }

  .pr-lg-20px {
    padding-right: 20px !important; }

  .mr-lg-24px {
    margin-right: 24px !important; }

  .pr-lg-24px {
    padding-right: 24px !important; }

  .mr-lg-28px {
    margin-right: 28px !important; }

  .pr-lg-28px {
    padding-right: 28px !important; }

  .mr-lg-30px {
    margin-right: 30px !important; }

  .pr-lg-30px {
    padding-right: 30px !important; }

  .mr-lg-32px {
    margin-right: 32px !important; }

  .pr-lg-32px {
    padding-right: 32px !important; }

  .mr-lg-40px {
    margin-right: 40px !important; }

  .pr-lg-40px {
    padding-right: 40px !important; }

  .mr-lg-46px {
    margin-right: 46px !important; }

  .pr-lg-46px {
    padding-right: 46px !important; }

  .mr-lg-48px {
    margin-right: 48px !important; }

  .pr-lg-48px {
    padding-right: 48px !important; }

  .mr-lg-56px {
    margin-right: 56px !important; }

  .pr-lg-56px {
    padding-right: 56px !important; }

  .mr-lg-57px {
    margin-right: 57px !important; }

  .pr-lg-57px {
    padding-right: 57px !important; }

  .mr-lg-60px {
    margin-right: 60px !important; }

  .pr-lg-60px {
    padding-right: 60px !important; }

  .mr-lg-64px {
    margin-right: 64px !important; }

  .pr-lg-64px {
    padding-right: 64px !important; }

  .mr-lg-72px {
    margin-right: 72px !important; }

  .pr-lg-72px {
    padding-right: 72px !important; }

  .mr-lg-80px {
    margin-right: 80px !important; }

  .pr-lg-80px {
    padding-right: 80px !important; }

  .mr-lg-96px {
    margin-right: 96px !important; }

  .pr-lg-96px {
    padding-right: 96px !important; }

  .mr-lg-100px {
    margin-right: 100px !important; }

  .pr-lg-100px {
    padding-right: 100px !important; }

  .mr-lg-120px {
    margin-right: 120px !important; }

  .pr-lg-120px {
    padding-right: 120px !important; }

  .mr-lg-152px {
    margin-right: 152px !important; }

  .pr-lg-152px {
    padding-right: 152px !important; }

  .mr-lg-160px {
    margin-right: 160px !important; }

  .pr-lg-160px {
    padding-right: 160px !important; }

  .mr-lg-217px {
    margin-right: 217px !important; }

  .pr-lg-217px {
    padding-right: 217px !important; }

  .mb-lg-0 {
    margin-bottom: 0 !important; }

  .pb-lg-0 {
    padding-bottom: 0 !important; }

  .mb-lg-4px {
    margin-bottom: 4px !important; }

  .pb-lg-4px {
    padding-bottom: 4px !important; }

  .mb-lg-8px {
    margin-bottom: 8px !important; }

  .pb-lg-8px {
    padding-bottom: 8px !important; }

  .mb-lg-10px {
    margin-bottom: 10px !important; }

  .pb-lg-10px {
    padding-bottom: 10px !important; }

  .mb-lg-12px {
    margin-bottom: 12px !important; }

  .pb-lg-12px {
    padding-bottom: 12px !important; }

  .mb-lg-16px {
    margin-bottom: 16px !important; }

  .pb-lg-16px {
    padding-bottom: 16px !important; }

  .mb-lg-20px {
    margin-bottom: 20px !important; }

  .pb-lg-20px {
    padding-bottom: 20px !important; }

  .mb-lg-24px {
    margin-bottom: 24px !important; }

  .pb-lg-24px {
    padding-bottom: 24px !important; }

  .mb-lg-26px {
    margin-bottom: 26px !important; }

  .pb-lg-26px {
    padding-bottom: 26px !important; }

  .mb-lg-28px {
    margin-bottom: 28px !important; }

  .pb-lg-28px {
    padding-bottom: 28px !important; }

  .mb-lg-30px {
    margin-bottom: 30px !important; }

  .pb-lg-30px {
    padding-bottom: 30px !important; }

  .mb-lg-32px {
    margin-bottom: 32px !important; }

  .pb-lg-32px {
    padding-bottom: 32px !important; }

  .mb-lg-40px {
    margin-bottom: 40px !important; }

  .pb-lg-40px {
    padding-bottom: 40px !important; }

  .mb-lg-46px {
    margin-bottom: 46px !important; }

  .pb-lg-46px {
    padding-bottom: 46px !important; }

  .mb-lg-48px {
    margin-bottom: 48px !important; }

  .pb-lg-48px {
    padding-bottom: 48px !important; }

  .mb-lg-56px {
    margin-bottom: 56px !important; }

  .pb-lg-56px {
    padding-bottom: 56px !important; }

  .mb-lg-57px {
    margin-bottom: 57px !important; }

  .pb-lg-57px {
    padding-bottom: 57px !important; }

  .mb-lg-60px {
    margin-bottom: 60px !important; }

  .pb-lg-60px {
    padding-bottom: 60px !important; }

  .mb-lg-64px {
    margin-bottom: 64px !important; }

  .pb-lg-64px {
    padding-bottom: 64px !important; }

  .mb-lg-72px {
    margin-bottom: 72px !important; }

  .pb-lg-72px {
    padding-bottom: 72px !important; }

  .mb-lg-80px {
    margin-bottom: 80px !important; }

  .pb-lg-80px {
    padding-bottom: 80px !important; }

  .mb-lg-96px {
    margin-bottom: 96px !important; }

  .pb-lg-96px {
    padding-bottom: 96px !important; }

  .mb-lg-100px {
    margin-bottom: 100px !important; }

  .pb-lg-100px {
    padding-bottom: 100px !important; }

  .mb-lg-120px {
    margin-bottom: 120px !important; }

  .pb-lg-120px {
    padding-bottom: 120px !important; }

  .mb-lg-152px {
    margin-bottom: 152px !important; }

  .pb-lg-152px {
    padding-bottom: 152px !important; }

  .mb-lg-160px {
    margin-bottom: 160px !important; }

  .pb-lg-160px {
    padding-bottom: 160px !important; }

  .mb-lg-217px {
    margin-bottom: 217px !important; }

  .pb-lg-217px {
    padding-bottom: 217px !important; }

  .ml-lg-0 {
    margin-left: 0 !important; }

  .pl-lg-0 {
    padding-left: 0 !important; }

  .ml-lg-4px {
    margin-left: 4px !important; }

  .pl-lg-4px {
    padding-left: 4px !important; }

  .ml-lg-8px {
    margin-left: 8px !important; }

  .pl-lg-8px {
    padding-left: 8px !important; }

  .ml-lg-10px {
    margin-left: 10px !important; }

  .pl-lg-10px {
    padding-left: 10px !important; }

  .ml-lg-12px {
    margin-left: 12px !important; }

  .pl-lg-12px {
    padding-left: 12px !important; }

  .ml-lg-16px {
    margin-left: 16px !important; }

  .pl-lg-16px {
    padding-left: 16px !important; }

  .ml-lg-20px {
    margin-left: 20px !important; }

  .pl-lg-20px {
    padding-left: 20px !important; }

  .ml-lg-24px {
    margin-left: 24px !important; }

  .pl-lg-24px {
    padding-left: 24px !important; }

  .ml-lg-28px {
    margin-left: 28px !important; }

  .pl-lg-28px {
    padding-left: 28px !important; }

  .ml-lg-32px {
    margin-left: 32px !important; }

  .pl-lg-32px {
    padding-left: 32px !important; }

  .ml-lg-40px {
    margin-left: 40px !important; }

  .pl-lg-40px {
    padding-left: 40px !important; }

  .ml-lg-46px {
    margin-left: 46px !important; }

  .pl-lg-46px {
    padding-left: 46px !important; }

  .ml-lg-48px {
    margin-left: 48px !important; }

  .pl-lg-48px {
    padding-left: 48px !important; }

  .ml-lg-56px {
    margin-left: 56px !important; }

  .pl-lg-56px {
    padding-left: 56px !important; }

  .ml-lg-57px {
    margin-left: 57px !important; }

  .pl-lg-57px {
    padding-left: 57px !important; }

  .ml-lg-60px {
    margin-left: 60px !important; }

  .pl-lg-60px {
    padding-left: 60px !important; }

  .ml-lg-64px {
    margin-left: 64px !important; }

  .pl-lg-64px {
    padding-left: 64px !important; }

  .ml-lg-72px {
    margin-left: 72px !important; }

  .pl-lg-72px {
    padding-left: 72px !important; }

  .ml-lg-80px {
    margin-left: 80px !important; }

  .pl-lg-80px {
    padding-left: 80px !important; }

  .ml-lg-96px {
    margin-left: 96px !important; }

  .pl-lg-96px {
    padding-left: 96px !important; }

  .ml-lg-100px {
    margin-left: 100px !important; }

  .pl-lg-100px {
    padding-left: 100px !important; }

  .ml-lg-120px {
    margin-left: 120px !important; }

  .pl-lg-120px {
    padding-left: 120px !important; }

  .ml-lg-152px {
    margin-left: 152px !important; }

  .pl-lg-152px {
    padding-left: 152px !important; }

  .ml-lg-160px {
    margin-left: 160px !important; }

  .pl-lg-160px {
    padding-left: 160px !important; }

  .ml-lg-217px {
    margin-left: 217px !important; }

  .pl-lg-217px {
    padding-left: 217px !important; } }
html {
  height: 100%;
  scroll-behavior: smooth; }

body {
  min-height: 100%; }
  body.noscroll {
    position: fixed;
    width: 100%;
    overflow-y: scroll; }

.dsp-none {
  display: none !important; }

#content-wrapper {
  z-index: 0; }

#overlay-wrapper {
  display: block;
  visibility: hidden;
  position: fixed;
  z-index: 202;
  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; }
  #overlay-wrapper #loading-style {
    display: none;
    flex-direction: column;
    width: 312px;
    height: 224px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    top: calc(50% - 112px);
    left: calc(50% - 156px); }
    #overlay-wrapper #loading-style .c-container-01 {
      width: 40px;
      height: 40px; }
      #overlay-wrapper #loading-style .c-container-01 svg path,
      #overlay-wrapper #loading-style .c-container-01 svg rect {
        fill: #E94034; }
    #overlay-wrapper #loading-style .c-container-02 {
      margin-top: 28px;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      color: #221F44; }
    #overlay-wrapper #loading-style .c-container-03 {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: #76758F; }
    #overlay-wrapper #loading-style.on {
      display: flex; }

.c-wrapper, .c-wrapper-2 {
  margin: 0 auto 0 auto; }

.bg-gray {
  background: #F7F7FC !important; }

.bg-gray-dark {
  background: #ECEAFA !important; }

.no-footer footer {
  display: none; }

@media all and (max-width: 767px) {
  .c-wrapper, .c-wrapper-2 {
    width: calc(100% - 48px); }
    .c-wrapper.cw-extension, .c-wrapper-2.cw-extension {
      width: calc(100% - 16px); } }
@media all and (min-width: 768px) {
  .c-wrapper {
    width: 1272px; }

  .c-wrapper-2 {
    width: 840px; } }
@media all and (min-width: 768px) and (max-width: 1279px) {
  body {
    zoom: 0.57; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  body {
    zoom: 0.80; } }
@media all and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.1) {
  html {
    zoom: 0.95; } }
@media all and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.11) and (-webkit-max-device-pixel-ratio: 1.49) {
  html {
    zoom: 0.9; } }
@media all and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.99) {
  html {
    zoom: 0.8; } }
@media all and (max-width: 767px) {
  .comp-category-01 {
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    width: 100%; }
    .comp-category-01 > .c-item-01 {
      width: 100%; }
      .comp-category-01 > .c-item-01 img {
        width: 100%;
        height: 312px;
        object-fit: cover;
        object-position: center center; }
    .comp-category-01 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 8px; }
      .comp-category-01 > .c-item-02:after {
        content: '';
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-01 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #221F44; }
    .comp-category-01 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-01 {
    width: 624px; }
    .comp-category-01 > .c-item-01 img {
      width: 100%;
      height: 732px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-01 > .c-item-02 {
      position: absolute;
      display: flex;
      align-items: center;
      height: 40px;
      padding: 0 16px 0 16px;
      left: 16px;
      bottom: 16px;
      background: #FFFFFF;
      border-radius: 56px;
      z-index: 1; }
      .comp-category-01 > .c-item-02:after {
        content: '';
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-category-01 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-01 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-02 {
    width: calc(50% - 8px);
    flex-shrink: 0;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    background: #fff; }
    .comp-category-02 > .c-item-01 img {
      width: 100%;
      height: 148px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-02 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 8px;
      z-index: 1; }
      .comp-category-02 > .c-item-02:after {
        content: '';
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-02 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-category-02 > .c-item-02.f-fs {
      font-size: 7.98px; } }
@media all and (min-width: 768px) {
  .comp-category-02 {
    background: #fff; }
    .comp-category-02 > .c-item-01 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
    .comp-category-02 > .c-item-02 {
      position: absolute;
      left: 16px;
      bottom: 16px;
      display: flex;
      align-items: center;
      max-width: 160px;
      min-height: 40px;
      padding: 8px 16px 8px 16px;
      background: #FFFFFF;
      border-radius: 56px; }
      .comp-category-02 > .c-item-02:after {
        content: '';
        display: flex;
        flex-shrink: 0;
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-02 > .c-item-02 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-category-02 > .c-item-02.f-fs {
      font-size: 7.98px; } }
@media all and (max-width: 767px) {
  .comp-category-03 {
    background-color: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    display: block;
    width: 100%;
    flex-shrink: 0; }
    .comp-category-03 > .c-item-01 img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      object-position: center; }
    .comp-category-03 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 8px; }
      .comp-category-03 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-category-03 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-03 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-03 {
    background-color: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-category-03 > .c-item-01 img {
      width: 300px;
      height: 408px;
      object-fit: cover;
      object-position: center; }
    .comp-category-03 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-category-03 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-category-03 > .c-item-02 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-03 > .c-item-02.f-fs {
      font-size: 9.12px; } }
.comp-category-04 {
  background: #FFFFFF;
  padding: 32px 24px; }
  .comp-category-04 > .c-item-02 {
    margin-right: 16px;
    width: 184px; }

@media all and (max-width: 767px) {
  .comp-category-04 {
    display: flex;
    margin-bottom: 16px;
    height: 64px;
    align-items: center;
    padding: 8px 16px 8px 8px;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-category-04 > .c-item-01 {
      padding: 0px;
      margin-right: 8px; }
      .comp-category-04 > .c-item-01 .c-unit-01 {
        display: none; }
      .comp-category-04 > .c-item-01 .c-unit-02 {
        display: block; }
    .comp-category-04 > .c-item-02 {
      flex: 1; }
    .comp-category-04 > .c-item-03 {
      z-index: 10 !important; }
      .comp-category-04 > .c-item-03 .c-unit-01 {
        display: none; }
      .comp-category-04 > .c-item-03 .c-unit-02 {
        display: block; }
      .comp-category-04 > .c-item-03.elevensight-11button-v2 {
        width: revert !important; }

  .comp-category-04 > .c-item-02 .c-unit-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-category-04 > .c-item-02 .c-unit-01.f-fs {
      font-size: 5.7px; }
  .comp-category-04 > .c-item-02 .c-unit-02 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-04 > .c-item-02 .c-unit-02.f-fs {
      font-size: 10.26px; } }
@media all and (min-width: 768px) {
  .comp-category-04 {
    background: #FFFFFF;
    padding: 32px 24px 24px 32px;
    margin-right: 24px; }
    .comp-category-04 > .c-item-01 {
      display: flex;
      justify-content: center;
      padding: 0px 24px; }
      .comp-category-04 > .c-item-01 .c-unit-02 {
        display: none; }
    .comp-category-04 > .c-item-02 {
      width: 144px;
      height: 76px;
      margin: 56px 0px 8px 0px; }
      .comp-category-04 > .c-item-02 .c-unit-01 {
        margin-bottom: 4px;
        min-height: 24px; }
      .comp-category-04 > .c-item-02 .c-unit-02 {
        height: 48px; }
    .comp-category-04 > .c-item-03 {
      z-index: 10 !important; }
      .comp-category-04 > .c-item-03 .c-unit-01 {
        display: block; }
      .comp-category-04 > .c-item-03 .c-unit-02 {
        display: none; }

  .comp-category-04 {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .comp-category-04 > .c-item-02 .c-unit-01 {
      font-family: Outfit;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #76758F; }
      .comp-category-04 > .c-item-02 .c-unit-01.f-fs {
        font-size: 5.7px; }
    .comp-category-04 > .c-item-02 .c-unit-02 {
      font-family: Outfit;
      font-weight: 500;
      font-size: 18px;
      line-height: 24px;
      color: #221F44; }
      .comp-category-04 > .c-item-02 .c-unit-02.f-fs {
        font-size: 10.26px; } }
@media all and (max-width: 767px) {
  .comp-category-05 {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    height: fit-content; }
    .comp-category-05 > .c-item-01 img {
      width: 100%;
      aspect-ratio: 16 / 19;
      height: auto; }
    .comp-category-05 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 8px; }
      .comp-category-05 > .c-item-02:after {
        content: '';
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20");
        flex-shrink: 0; }

  .comp-category-05 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-category-05 > .c-item-02.f-fs {
      font-size: 7.98px; } }
@media all and (min-width: 768px) {
  .comp-category-05 {
    width: 408px;
    display: block; }
    .comp-category-05 > .c-item-01 {
      width: 100%; }
      .comp-category-05 > .c-item-01 img {
        width: 100%;
        height: 505px; }
    .comp-category-05 > .c-item-02 {
      position: absolute;
      display: flex;
      align-items: center;
      height: 40px;
      padding: 0 16px 0 16px;
      left: 16px;
      bottom: 16px;
      background: #FFFFFF;
      border-radius: 56px;
      z-index: 1; }
      .comp-category-05 > .c-item-02:after {
        content: '';
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-category-05 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-05 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-06 {
    background-color: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-category-06 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 230px;
      height: 230px;
      padding: 8px; }
      .comp-category-06 > .c-item-01 > .c-item-01-A {
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-category-06 > .c-item-01 > .c-item-01-A > .c-unit-01 img {
          width: 107px;
          height: 107px;
          object-fit: cover;
          object-position: center center; }
      .comp-category-06 > .c-item-01 > :nth-child(2) {
        background-color: #F7F7FC; }
      .comp-category-06 > .c-item-01 > :nth-child(3) {
        background-color: #F7F7FC; }
    .comp-category-06 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-category-06 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-06 > .c-item-01 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-06 > .c-item-01 .c-unit-01.f-fs {
      font-size: 9.12px; }
  .comp-category-06 > .c-item-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-06 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-06 {
    background-color: #fff;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16); }
    .comp-category-06 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
      padding: 8px; }
      .comp-category-06 > .c-item-01 > .c-item-01-A {
        display: flex;
        align-items: center;
        justify-content: center; }
        .comp-category-06 > .c-item-01 > .c-item-01-A > .c-unit-01 img {
          width: 142px;
          height: 142px;
          object-fit: cover;
          object-position: center center; }
      .comp-category-06 > .c-item-01 > :nth-child(2) {
        background-color: #F7F7FC; }
      .comp-category-06 > .c-item-01 > :nth-child(3) {
        background-color: #F7F7FC; }
    .comp-category-06 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-category-06 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-06 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-06 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-07 {
    background-color: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    width: 97px;
    height: 148px;
    flex: 0 0 auto;
    border-right: 1px solid #ECEAFA; }
    .comp-category-07 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      padding: 8px;
      background: #FFFFFF;
      width: 100%;
      height: 96px; }
      .comp-category-07 > .c-item-01 > .c-unit-01:not(:first-child):not(:first-child) {
        display: none; }
      .comp-category-07 > .c-item-01 > .c-unit-01 {
        display: flex;
        justify-content: center;
        align-items: center; }
        .comp-category-07 > .c-item-01 > .c-unit-01 img {
          width: 80px;
          height: 80px;
          object-fit: contain; }
      .comp-category-07 > .c-item-01 > .c-unit-02 {
        position: absolute;
        left: 8px;
        top: 8px; }
    .comp-category-07 > .c-item-02 {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 52px;
      padding: 0 8px;
      background: rgba(247, 247, 252, 0.64); }
      .comp-category-07 > .c-item-02 .c-unit-01 {
        margin-right: 8px; }

  .comp-category-07 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-07 > .c-item-02.f-fs {
      font-size: 7.98px; }
    .comp-category-07 > .c-item-02 > .c-unit-02 {
      color: #777; } }
@media all and (min-width: 768px) {
  .comp-category-07 {
    background-color: #fff;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16);
    width: 128px; }
    .comp-category-07 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      height: 128px;
      padding: 8px;
      background: #FFFFFF; }
      .comp-category-07 > .c-item-01 > .c-unit-01 img {
        width: 100%;
        height: auto; }
      .comp-category-07 > .c-item-01 > .c-unit-02 {
        position: absolute;
        left: 8px;
        top: 8px; }
    .comp-category-07 > .c-item-02 {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 52px;
      padding: 0 8px;
      background: rgba(247, 247, 252, 0.64); }
      .comp-category-07 > .c-item-02 .c-unit-01 {
        margin-right: 8px; }

  .comp-category-07 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-category-07 > .c-item-02.f-fs {
      font-size: 7.98px; }
    .comp-category-07 > .c-item-02 > .c-unit-02 {
      color: #777; } }
@media all and (max-width: 767px) {
  .comp-category-08 {
    background-color: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    width: 97px;
    height: 148px;
    flex: 0 0 auto; }
    .comp-category-08:not(:last-child) {
      border-right: 1px solid #ECEAFA; }
    .comp-category-08 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      padding: 8px;
      background: #FFFFFF; }
      .comp-category-08 > .c-item-01 > .c-unit-01 img {
        width: 80px;
        height: 80px; }
      .comp-category-08 > .c-item-01 > .c-unit-02 {
        position: absolute;
        left: 8px;
        top: 8px; }
    .comp-category-08 > .c-item-02 {
      align-items: center;
      flex-wrap: wrap;
      height: 52px;
      padding: 0 8px;
      background: rgba(247, 247, 252, 0.64); }

  .comp-category-08 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-08 > .c-item-02.f-fs {
      font-size: 7.98px; }
    .comp-category-08 > .c-item-02 > .c-unit-02 {
      color: #777; } }
@media all and (min-width: 768px) {
  .comp-category-08 {
    background-color: #fff;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16);
    width: 128px; }
    .comp-category-08 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      height: 128px;
      padding: 8px;
      background: #FFFFFF; }
      .comp-category-08 > .c-item-01 > .c-unit-01 img {
        width: 100%;
        height: auto; }
      .comp-category-08 > .c-item-01 > .c-unit-02 {
        position: absolute;
        left: 8px;
        top: 8px; }
    .comp-category-08 > .c-item-02 {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 52px;
      padding: 0 8px;
      background: rgba(247, 247, 252, 0.64); }
      .comp-category-08 > .c-item-02 .c-unit-01 {
        margin-right: 8px; }

  .comp-category-08 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-08 > .c-item-02.f-fs {
      font-size: 7.98px; }
    .comp-category-08 > .c-item-02 > .c-unit-02 {
      color: #777; } }
@media all and (max-width: 767px) {
  .comp-category-09 {
    width: 100%;
    height: auto;
    display: block;
    background-color: #fff; }
    .comp-category-09 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1; }
    .comp-category-09 > .c-container-02 img {
      width: 100%;
      height: auto; }
    .comp-category-09 > .c-container-03 {
      padding: 24px; }
      .comp-category-09 > .c-container-03 > .c-item-01 {
        width: calc(100% - 40px);
        margin-bottom: 8px; }
      .comp-category-09 > .c-container-03 > .c-item-02 {
        width: calc(100% - 40px); }
    .comp-category-09:after {
      content: '';
      right: 24px;
      bottom: 24px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-09 > .c-container-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em; }
    .comp-category-09 > .c-container-01.f-fs {
      font-size: 5.7px; }
  .comp-category-09 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-category-09 > .c-container-03 > .c-item-01.f-fs {
      font-size: 13.68px; }
  .comp-category-09 > .c-container-03 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-09 > .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-09 {
    width: 408px;
    height: 620px;
    display: block;
    background-color: #fff; }
    .comp-category-09 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1; }
    .comp-category-09 .c-container-03 {
      padding: 24px 24px 0px 24px; }
      .comp-category-09 .c-container-03 > .c-item-01 {
        margin-bottom: 8px; }
      .comp-category-09 .c-container-03 > .c-item-02 {
        width: 320px; }
    .comp-category-09:after {
      content: '';
      bottom: 24px;
      right: 24px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-09 > .c-container-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em; }
    .comp-category-09 > .c-container-01.f-fs {
      font-size: 5.7px; }
  .comp-category-09 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-category-09 > .c-container-03 > .c-item-01.f-fs {
      font-size: 13.68px; }
  .comp-category-09 > .c-container-03 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-09 > .c-container-03 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-10 {
    width: 100%;
    height: auto;
    display: block;
    background-color: #fff; }
    .comp-category-10:not(:last-child) {
      margin-bottom: 24px; }
    .comp-category-10 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1; }
    .comp-category-10 .c-container-02 img {
      width: 100%;
      height: 312px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-10 > .c-container-03 {
      padding: 24px; }
      .comp-category-10 > .c-container-03 .c-item-01 {
        width: calc(100% - 40px);
        margin-bottom: 8px; }
      .comp-category-10 > .c-container-03 .c-item-02 {
        width: calc(100% - 40px); }
    .comp-category-10:after {
      content: '';
      right: 24px;
      bottom: 24px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-10 > .c-container-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em; }
    .comp-category-10 > .c-container-01.f-fs {
      font-size: 5.7px; }
  .comp-category-10 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-category-10 > .c-container-03 > .c-item-01.f-fs {
      font-size: 13.68px; }
  .comp-category-10 > .c-container-03 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-10 > .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-10 {
    width: 408px;
    height: 620px;
    display: block;
    background-color: #fff; }
    .comp-category-10 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1; }
    .comp-category-10 > .c-container-02 img {
      width: 408px;
      height: 408px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-10 .c-container-03 {
      padding: 24px 24px 0px 24px; }
      .comp-category-10 .c-container-03 > .c-item-01 {
        margin-bottom: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 56px; }
      .comp-category-10 .c-container-03 > .c-item-02 {
        width: 320px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .comp-category-10:after {
      content: '';
      bottom: 24px;
      right: 24px;
      position: absolute;
      width: 24px;
      height: 24px;
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2015C7%2019.4183%2010.5817%2023%2015%2023C19.4183%2023%2023%2019.4183%2023%2015C23%2010.5817%2019.4183%207%2015%207C10.5817%207%207%2010.5817%207%2015ZM21%2015C21%2018.3137%2018.3137%2021%2015%2021C11.6863%2021%209%2018.3137%209%2015C9%2011.6863%2011.6863%209%2015%209C18.3137%209%2021%2011.6863%2021%2015ZM20.5858%2022.0024L21.9975%2020.5858L25.435%2023.9975L24.0233%2025.4142L20.5858%2022.0024ZM14%2014V11H16V14H19V16H16V19H14V16H11V14H14Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-10 > .c-container-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em; }
    .comp-category-10 > .c-container-01.f-fs {
      font-size: 5.7px; }
  .comp-category-10 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-category-10 > .c-container-03 > .c-item-01.f-fs {
      font-size: 13.68px; }
  .comp-category-10 > .c-container-03 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-10 > .c-container-03 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-11 {
    width: 230px;
    height: auto;
    display: block;
    background-color: #fff;
    height: 438px;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16); }
    .comp-category-11 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1;
      font-family: Outfit; }
      .comp-category-11 > .c-container-01.f-fs {
        font-size: 5.7px; }
    .comp-category-11 .c-container-02 img {
      width: 230px;
      height: 230px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-11 > .c-container-03 {
      padding: 16px; }
      .comp-category-11 > .c-container-03 .c-item-01 {
        width: 100%;
        margin-bottom: 8px;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .comp-category-11 > .c-container-03 .c-item-02 {
        width: calc(100% - 40px);
        -webkit-line-clamp: 4;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .comp-category-11:after {
      content: '';
      right: 16px;
      bottom: 16px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-11 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-11 > .c-container-03 > .c-item-01.f-fs {
      font-size: 10.26px; }
  .comp-category-11 > .c-container-03 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-11 > .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-11 {
    width: 300px;
    height: 508px;
    display: block;
    background-color: #fff; }
    .comp-category-11 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1;
      font-family: Outfit; }
      .comp-category-11 > .c-container-01.f-fs {
        font-size: 5.7px; }
    .comp-category-11 > .c-container-02 img {
      width: 300px;
      height: 324px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-11 .c-container-03 {
      padding: 16px 16px 0px 16px; }
      .comp-category-11 .c-container-03 > .c-item-01 {
        height: 48px;
        margin-bottom: 8px;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .comp-category-11 .c-container-03 > .c-item-02 {
        width: 236px;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .comp-category-11:after {
      content: '';
      bottom: 24px;
      right: 24px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-11 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-11 > .c-container-03 > .c-item-01.f-fs {
      font-size: 10.26px; }
  .comp-category-11 > .c-container-03 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-category-11 > .c-container-03 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-12 {
    width: 100%;
    height: auto;
    display: block;
    background-color: #fff;
    height: 438px;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16);
    margin-bottom: 24px; }
    .comp-category-12 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1;
      font-family: Outfit; }
      .comp-category-12 > .c-container-01.f-fs {
        font-size: 5.7px; }
    .comp-category-12 .c-container-02 img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-12 > .c-container-03 {
      padding: 16px; }
      .comp-category-12 > .c-container-03 .c-item-01 {
        width: 100%;
        margin-bottom: 8px;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .comp-category-12 > .c-container-03 .c-item-02 {
        width: calc(100% - 40px);
        -webkit-line-clamp: 4;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .comp-category-12:after {
      content: '';
      right: 16px;
      bottom: 16px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .comp-category-12:last-child {
      margin-bottom: 0; }

  .comp-category-12 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-12 > .c-container-03 > .c-item-01.f-fs {
      font-size: 10.26px; }
  .comp-category-12 > .c-container-03 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-12 > .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-12 {
    width: 408px;
    height: 620px;
    display: block;
    background-color: #fff; }
    .comp-category-12 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1;
      font-family: Outfit; }
      .comp-category-12 > .c-container-01.f-fs {
        font-size: 5.7px; }
    .comp-category-12 > .c-container-02 img {
      width: 100%;
      height: 408px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-12 .c-container-03 {
      padding: 16px 16px 0px 16px; }
      .comp-category-12 .c-container-03 > .c-item-01 {
        height: 48px;
        margin-bottom: 8px;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
      .comp-category-12 .c-container-03 > .c-item-02 {
        width: 236px;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .comp-category-12:after {
      content: '';
      bottom: 24px;
      right: 24px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-12 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-12 > .c-container-03 > .c-item-01.f-fs {
      font-size: 10.26px; }
  .comp-category-12 > .c-container-03 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-category-12 > .c-container-03 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-13 {
    width: 100%;
    height: auto;
    display: block;
    background-color: #fff; }
    .comp-category-13:not(:last-child) {
      margin-bottom: 24px; }
    .comp-category-13 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1; }
    .comp-category-13 .c-container-02 img {
      width: 100%;
      height: 312px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-13 > .c-container-03 {
      padding: 24px; }
      .comp-category-13 > .c-container-03 .c-item-01 {
        width: calc(100% - 40px);
        margin-bottom: 8px; }
      .comp-category-13 > .c-container-03 .c-item-02 {
        width: calc(100% - 40px); }
    .comp-category-13:after {
      content: '';
      right: 24px;
      bottom: 24px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-13 > .c-container-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em; }
    .comp-category-13 > .c-container-01.f-fs {
      font-size: 5.7px; }
  .comp-category-13 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-category-13 > .c-container-03 > .c-item-01.f-fs {
      font-size: 13.68px; }
  .comp-category-13 > .c-container-03 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-13 > .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-category-13 {
    width: 408px;
    height: 620px;
    display: block;
    background-color: #fff; }
    .comp-category-13 > .c-container-01 {
      position: absolute;
      left: 0px;
      top: 16px;
      background: #FFFFFF;
      color: #221F44;
      padding: 6px 12px;
      z-index: 1; }
    .comp-category-13 > .c-container-02 img {
      width: 408px;
      height: 408px;
      object-fit: cover;
      object-position: center center; }
    .comp-category-13 .c-container-03 {
      padding: 24px 24px 0px 24px; }
      .comp-category-13 .c-container-03 > .c-item-01 {
        margin-bottom: 8px; }
      .comp-category-13 .c-container-03 > .c-item-02 {
        width: 320px; }
    .comp-category-13:after {
      content: '';
      bottom: 24px;
      right: 24px;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-13 > .c-container-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em; }
    .comp-category-13 > .c-container-01.f-fs {
      font-size: 5.7px; }
  .comp-category-13 > .c-container-03 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-category-13 > .c-container-03 > .c-item-01.f-fs {
      font-size: 13.68px; }
  .comp-category-13 > .c-container-03 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-category-13 > .c-container-03 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-14 {
    width: 304px;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16); }
    .comp-category-14 .c-container-01 {
      width: 304px;
      height: 367px; }
      .comp-category-14 .c-container-01 img {
        width: 100%;
        height: 367px;
        object-fit: cover;
        object-position: center; }
    .comp-category-14 .c-container-02 {
      padding: 24px;
      font-family: Outfit;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px; }
      .comp-category-14 .c-container-02.f-fs {
        font-size: 11.4px; }
    .comp-category-14 .c-container-03 {
      position: absolute;
      right: 16px;
      top: 16px;
      padding: 8px 16px;
      border-radius: 100px;
      background: #FFF;
      color: #221F44;
      font-family: Outfit;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 20px; }
      .comp-category-14 .c-container-03.f-fs {
        font-size: 7.98px; } }
@media all and (min-width: 768px) {
  .comp-category-14 {
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-category-14 .c-container-01 {
      width: 100%;
      height: 424px; }
      .comp-category-14 .c-container-01 img {
        width: 100%;
        height: 424px;
        object-fit: cover;
        object-position: center; }
    .comp-category-14 .c-container-02 {
      padding: 24px;
      background: #fff;
      font-family: Outfit;
      font-size: 24px;
      font-weight: 500;
      line-height: 28px; }
      .comp-category-14 .c-container-02.f-fs {
        font-size: 13.68px; }
    .comp-category-14 .c-container-03 {
      display: none; } }
@media all and (max-width: 767px) {
  .comp-category-15 {
    background-color: #fff; }
    .comp-category-15 > .c-item-01 img {
      aspect-ratio: 156 / 136;
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center; }
    .comp-category-15 > .c-item-02 {
      display: flex;
      align-items: center;
      height: 56px; }
      .comp-category-15 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        left: 5px;
        width: 22px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7848L11.118%2015.8125L15.243%2011.6875H5.5V10.3125H15.243L11.118%206.18748L12.0902%205.21521L17.875%2011L12.0902%2016.7848Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-15 > .c-item-02 {
    color: #221F44;
    text-align: right;
    font-family: "Outfit";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.571px;
    text-transform: capitalize; }
    .comp-category-15 > .c-item-02.f-fs {
      font-size: 6.84px; } }
@media all and (min-width: 768px) {
  .comp-category-15 {
    background-color: #fff; }
    .comp-category-15 > .c-item-01 img {
      width: 100%;
      height: 280px;
      object-fit: cover;
      object-position: center; }
    .comp-category-15 > .c-item-02 {
      display: flex;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-category-15 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        left: 3px;
        width: 22px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7848L11.118%2015.8125L15.243%2011.6875H5.5V10.3125H15.243L11.118%206.18748L12.0902%205.21521L17.875%2011L12.0902%2016.7848Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-category-15 > .c-item-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-category-15 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-category-17 {
    display: flex;
    flex-direction: column;
    margin: 0 20px; }
    .comp-category-17 .c-unit-01 img {
      aspect-ratio: 335 / 320;
      width: 100%;
      height: auto;
      object-position: center; }
    .comp-category-17 .c-unit-02 {
      margin: 0 12px;
      border-radius: 5px;
      background: #fff;
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
      padding: 17px 38px 17px 25px;
      top: -58px; }
      .comp-category-17 .c-unit-02 .c-unit-02-A {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 36px;
        color: #221F44;
        font-family: "Outfit";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        text-transform: capitalize; }
        .comp-category-17 .c-unit-02 .c-unit-02-A.f-fs {
          font-size: 7.98px; }
      .comp-category-17 .c-unit-02 .c-unit-02-B {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 30px;
        color: #000;
        margin-top: 10px;
        font-family: "Outfit";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        .comp-category-17 .c-unit-02 .c-unit-02-B.f-fs {
          font-size: 8.55px; }
      .comp-category-17 .c-unit-02 .c-unit-02-C {
        display: block;
        margin-top: 12px;
        color: #E94034;
        font-family: "Outfit";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20.571px;
        text-transform: capitalize; }
        .comp-category-17 .c-unit-02 .c-unit-02-C.f-fs {
          font-size: 7.98px; }
        .comp-category-17 .c-unit-02 .c-unit-02-C:after {
          content: '';
          position: absolute;
          margin-left: 1px;
          width: 22px;
          height: 22px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); } }
@media all and (min-width: 768px) {
  .comp-category-17 {
    display: flex;
    flex-direction: column;
    width: 389px;
    height: 530px; }
    .comp-category-17 .c-unit-01 {
      width: 389px;
      height: 389px; }
      .comp-category-17 .c-unit-01 img {
        width: 389px;
        height: 389px; }
    .comp-category-17 .c-unit-02 {
      width: 361px;
      border-radius: 5px;
      background: #fff;
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
      padding: 28px 67px 11px 32px;
      top: -65px;
      margin: 0 auto; }
      .comp-category-17 .c-unit-02 .c-unit-02-A {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 50px;
        color: #221F44;
        font-family: "Outfit";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        text-transform: capitalize; }
        .comp-category-17 .c-unit-02 .c-unit-02-A.f-fs {
          font-size: 10.26px; }
      .comp-category-17 .c-unit-02 .c-unit-02-B {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 32px;
        margin-top: 23px;
        color: #000;
        font-family: "Outfit";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        .comp-category-17 .c-unit-02 .c-unit-02-B.f-fs {
          font-size: 7.98px; }
      .comp-category-17 .c-unit-02 .c-unit-02-C {
        display: block;
        margin-top: 35px;
        color: #E94034;
        font-family: "Outfit";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20.571px;
        text-transform: capitalize; }
        .comp-category-17 .c-unit-02 .c-unit-02-C.f-fs {
          font-size: 7.98px; }
        .comp-category-17 .c-unit-02 .c-unit-02-C:after {
          content: '';
          position: absolute;
          margin-left: 1px;
          width: 24px;
          height: 24px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); } }
@media all and (max-width: 767px) {
  .comp-category-18 {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    height: 100%; }
    .comp-category-18 .c-container-01 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .comp-category-18 .c-container-01 .c-item-01 {
        display: none; }
      .comp-category-18 .c-container-01 .c-item-03 {
        display: block;
        width: 100%;
        height: 100%; }
        .comp-category-18 .c-container-01 .c-item-03 img {
          width: 100%;
          height: 100%;
          box-shadow: 0px 4px 4px 0px #00000040;
          object-position: center; }
      .comp-category-18 .c-container-01 .c-item-02 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        transition: opacity 0.3s ease; }
    .comp-category-18 .c-container-02 {
      margin-top: 90px;
      width: 270px;
      z-index: 2;
      font-family: Outfit;
      font-size: 20px;
      font-weight: 400;
      line-height: 25px;
      text-align: center;
      color: #FFFFFF;
      margin-bottom: 14px; }
      .comp-category-18 .c-container-02.f-fs {
        font-size: 11.4px; }
    .comp-category-18 .c-container-03 {
      display: flex;
      align-items: center;
      font-family: Outfit;
      font-size: 11px;
      font-weight: 400;
      line-height: 20.57px;
      text-align: center; }
      .comp-category-18 .c-container-03.f-fs {
        font-size: 6.27px; }
      .comp-category-18 .c-container-03:after {
        content: "";
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4141L16.1716%2022.9999L22.1716%2016.9999H8V14.9999H22.1716L16.1716%208.99991L17.5858%207.58569L26%2015.9999L17.5858%2024.4141Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); } }
@media all and (min-width: 768px) {
  .comp-category-18 {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: grab; }
    .comp-category-18:active {
      cursor: grabbing; }
    .comp-category-18 .c-container-01 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .comp-category-18 .c-container-01 .c-item-01 {
        display: block;
        width: 100%;
        height: 100%; }
        .comp-category-18 .c-container-01 .c-item-01 img {
          width: 100%;
          height: 100%;
          background: var(--miscellaneous-keyboard-emoji-mic, #1B1F26B8);
          box-shadow: 0px 4px 4px 0px #00000040;
          object-position: center; }
      .comp-category-18 .c-container-01 .c-item-03 {
        display: none; }
      .comp-category-18 .c-container-01 .c-item-02 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        transition: opacity 0.3s ease; }
    .comp-category-18 .c-container-02 {
      margin-top: 190px;
      width: 808px;
      z-index: 2;
      font-family: Outfit;
      font-size: clamp(30px, 2.62vw, 60px);
      font-weight: 400;
      line-height: 72px;
      text-align: center;
      color: #FFFFFF;
      margin-bottom: 24px; }
    .comp-category-18 .c-container-03 {
      display: flex;
      align-items: center; }
      .comp-category-18 .c-container-03:after {
        content: "";
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4141L16.1716%2022.9999L22.1716%2016.9999H8V14.9999H22.1716L16.1716%208.99991L17.5858%207.58569L26%2015.9999L17.5858%2024.4141Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); } }
@media all and (max-width: 767px) {
  .comp-category-19 {
    display: flex;
    flex-direction: column;
    height: 360px; }
    .comp-category-19 .c-item-01 {
      display: flex;
      height: 213px !important;
      justify-content: center;
      position: relative; }
      .comp-category-19 .c-item-01 .c-unit-01 {
        height: 213px; }
        .comp-category-19 .c-item-01 .c-unit-01 img {
          width: 100%;
          height: 213px;
          object-fit: cover;
          object-position: center; }
      .comp-category-19 .c-item-01 .c-unit-03 {
        display: none; }
      .comp-category-19 .c-item-01 .c-unit-02 {
        display: none; }
    .comp-category-19 .c-item-02 {
      margin-top: 10px;
      color: #221F44;
      font-family: "Outfit";
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .comp-category-19 .c-item-02.f-fs {
        font-size: 7.98px; }
    .comp-category-19 .c-item-03 {
      color: #000;
      font-family: "Outfit";
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 17px;
      margin-top: 10px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .comp-category-19 .c-item-03.f-fs {
        font-size: 6.84px; }
    .comp-category-19 .c-item-04 {
      color: #221F44;
      font-family: "Outfit";
      font-size: 14px;
      font-style: normal;
      margin-top: 13px;
      font-weight: 600;
      line-height: 20.571px;
      text-transform: capitalize; }
      .comp-category-19 .c-item-04.f-fs {
        font-size: 7.98px; }
      .comp-category-19 .c-item-04:after {
        content: '';
        position: absolute;
        margin-left: 1px;
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); } }
@media all and (min-width: 768px) {
  .comp-category-19 {
    display: flex;
    flex-direction: column;
    height: 560px; }
    .comp-category-19 .c-item-01 {
      display: flex;
      width: 305px;
      height: 434px;
      justify-content: center;
      position: relative; }
      .comp-category-19 .c-item-01 .c-unit-01 {
        width: 100%;
        height: 100%; }
        .comp-category-19 .c-item-01 .c-unit-01 img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      .comp-category-19 .c-item-01 .c-unit-03 {
        display: none;
        position: absolute;
        top: 75px;
        width: 225px;
        height: 225px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease; }
        .comp-category-19 .c-item-01 .c-unit-03 img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center; }
      .comp-category-19 .c-item-01 .c-unit-02 {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 85%;
        bottom: 20px;
        color: #fff;
        text-align: center;
        font-family: "Outfit";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 1px;
        text-transform: uppercase;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.6s ease, visibility 0.3s ease; }
      .comp-category-19 .c-item-01:hover {
        padding: 136px 40px;
        background: #F7F7FC; }
        .comp-category-19 .c-item-01:hover .c-unit-01 {
          display: none; }
        .comp-category-19 .c-item-01:hover .c-unit-02 {
          opacity: 1;
          visibility: visible; }
        .comp-category-19 .c-item-01:hover .c-unit-03 {
          display: flex;
          opacity: 1;
          visibility: visible; }
    .comp-category-19 .c-item-02 {
      width: 305px;
      margin-top: 19px;
      color: #221F44;
      font-family: "Outfit";
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px;
      text-transform: capitalize;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .comp-category-19 .c-item-02.f-fs {
        font-size: 11.4px; }
    .comp-category-19 .c-item-03 {
      width: 305px;
      color: #000;
      font-family: "Outfit";
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 17px;
      margin-top: 13px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .comp-category-19 .c-item-03.f-fs {
        font-size: 6.84px; }
    .comp-category-19 .c-item-04 {
      color: #221F44;
      font-family: "Outfit";
      font-size: 14px;
      font-style: normal;
      margin-top: 13px;
      font-weight: 600;
      line-height: 20.571px;
      text-transform: capitalize; }
      .comp-category-19 .c-item-04.f-fs {
        font-size: 7.98px; }
      .comp-category-19 .c-item-04:after {
        content: '';
        position: absolute;
        margin-left: 1px;
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); } }
.comp-product-01 {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 24px 16px;
  background-color: #fff;
  transition: box-shadow 0.2s;
  box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
  .comp-product-01 .c-container-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 8px; }
    .comp-product-01 .c-container-01 .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 32px;
      padding: 0 8px 0 6px;
      border-radius: 48px;
      background: #F7F7FC; }
      .comp-product-01 .c-container-01 .c-item-01 .c-unit-01 {
        width: 20px;
        height: 20px;
        border: 2px solid #F7F7FC;
        border-radius: 50%;
        background-size: cover; }
        .comp-product-01 .c-container-01 .c-item-01 .c-unit-01:nth-child(1) {
          z-index: 2; }
        .comp-product-01 .c-container-01 .c-item-01 .c-unit-01:nth-child(2), .comp-product-01 .c-container-01 .c-item-01 .c-unit-01:nth-child(3) {
          z-index: 1;
          margin-left: -11px; }
        .comp-product-01 .c-container-01 .c-item-01 .c-unit-01:nth-child(3) {
          z-index: 0; }
      .comp-product-01 .c-container-01 .c-item-01 .c-unit-02 {
        margin-left: 4px; }
    .comp-product-01 .c-container-01 .c-item-02 {
      display: block;
      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%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23F7F7FC%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.75%208.5H21.25V10H22.75V11.5H21.25V13H19.75V11.5H18.25V10H19.75V8.5ZM21.25%2022L16%2017.5L10.75%2022V10H16V11.5H12.25V18.7387L16%2015.5244L19.75%2018.7387V15.25H21.25V22Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
      .comp-product-01 .c-container-01 .c-item-02.on {
        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%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23E94034%22%2F%3E%20%3Cpath%20d%3D%22M16%2017.5L22.75%2024.25L22.75%207.75L9.25%207.75L9.25%2024.25L16%2017.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .comp-product-01 .c-container-01 .c-item-03 {
      display: flex;
      gap: 4px 0;
      margin-top: 8px;
      max-height: 48px; }
      .comp-product-01 .c-container-01 .c-item-03 .c-unit-01 {
        display: block;
        margin-right: 4px;
        padding: 6px 12px;
        border: 1px solid #D8D8D8;
        border-radius: 100px; }
        .comp-product-01 .c-container-01 .c-item-03 .c-unit-01:last-child {
          margin-right: 0; }
  .comp-product-01 .c-container-02 .c-item-01 {
    display: block; }
    .comp-product-01 .c-container-02 .c-item-01 img {
      width: 268px;
      height: 268px;
      object-fit: contain;
      object-position: center; }
  .comp-product-01 .c-container-02 .c-item-02 {
    width: 100%;
    height: 32px;
    display: flex;
    gap: 4px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 4px;
    overflow: hidden; }
    .comp-product-01 .c-container-02 .c-item-02 .c-unit-01 {
      z-index: 1;
      left: 0px;
      bottom: 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: max-content;
      padding: 0px 8px;
      border-radius: 16px;
      background: rgba(118, 117, 143, 0.72);
      color: #fff; }
  .comp-product-01 .c-container-03 {
    display: flex;
    text-align: start;
    margin: 16px 0 8px 0; }
    .comp-product-01 .c-container-03 .c-item-01 span {
      font-weight: 600;
      font-size: 12px;
      line-height: 16px;
      text-transform: uppercase;
      color: #A19EB3; }
      .comp-product-01 .c-container-03 .c-item-01 span.f-fs {
        font-size: 6.84px; }
      .comp-product-01 .c-container-03 .c-item-01 span svg {
        bottom: 2px; }
  .comp-product-01 .c-container-04 {
    display: flex;
    text-align: start;
    height: 40px;
    margin-bottom: 8px;
    overflow: hidden; }
  .comp-product-01 .c-container-09 {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
    height: 18px; }
    .comp-product-01 .c-container-09 .c-unit-01 {
      margin-right: 4px; }
    .comp-product-01 .c-container-09 .c-unit-02 {
      display: flex; }
      .comp-product-01 .c-container-09 .c-unit-02 .c-unit-02-A {
        display: flex;
        align-items: center; }
        .comp-product-01 .c-container-09 .c-unit-02 .c-unit-02-A .star-01 {
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.54125L9.09%2011.4062L8.27%207.89125L11%205.52625L7.405%205.22125L6%201.90625L4.595%205.22125L1%205.52625L3.73%207.89125L2.91%2011.4062L6%209.54125Z%22%20fill%3D%22%23DCDBE1%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
        .comp-product-01 .c-container-09 .c-unit-02 .c-unit-02-A .star-02 {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          height: 100%;
          overflow: hidden;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.42406L9.09%2011.2891L8.27%207.77406L11%205.40906L7.405%205.10406L6%201.78906L4.595%205.10406L1%205.40906L3.73%207.77406L2.91%2011.2891L6%209.42406Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
    .comp-product-01 .c-container-09 .c-unit-03 {
      padding-left: 19px; }
      .comp-product-01 .c-container-09 .c-unit-03:before {
        content: '';
        position: absolute;
        width: 3px;
        height: 3px;
        top: 8px;
        left: 7px;
        border-radius: 50%;
        background: #76758F; }
  .comp-product-01 .c-container-05 {
    margin-top: 24px; }
    .comp-product-01 .c-container-05 .c-item-01 {
      display: flex;
      align-items: center; }
      .comp-product-01 .c-container-05 .c-item-01 .c-unit-01 {
        display: flex;
        flex-direction: column; }
        .comp-product-01 .c-container-05 .c-item-01 .c-unit-01 .c-unit-01-A {
          margin-bottom: 2px; }
      .comp-product-01 .c-container-05 .c-item-01 .c-unit-02 {
        display: flex;
        align-items: center;
        height: 20px;
        margin: 0 0 0 8px;
        padding: 0 4px;
        background-color: #1DC066; }
  .comp-product-01 .c-container-06 {
    display: none;
    position: absolute;
    z-index: 23;
    top: 12px;
    right: 12px; }
    .comp-product-01 .c-container-06 .c-item-01 .c-unit-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      background: #F7F7FC;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      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_1385_4219%29%22%3E%20%3Cpath%20d%3D%22M8.75%207.5H7.5V15H8.75V7.5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3Cpath%20d%3D%22M12.5%207.5H11.25V15H12.5V7.5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3Cpath%20d%3D%22M2.5%203.75V5H3.75V17.5C3.75%2017.8315%203.8817%2018.1495%204.11612%2018.3839C4.35054%2018.6183%204.66848%2018.75%205%2018.75H15C15.3315%2018.75%2015.6495%2018.6183%2015.8839%2018.3839C16.1183%2018.1495%2016.25%2017.8315%2016.25%2017.5V5H17.5V3.75H2.5ZM5%2017.5V5H15V17.5H5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3Cpath%20d%3D%22M12.5%201.25H7.5V2.5H12.5V1.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1385_4219%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"); }
    .comp-product-01 .c-container-06 .c-item-01 .c-unit-02 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      background: #F7F7FC;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2236%22%20height%3D%2236%22%20rx%3D%2218%22%20fill%3D%22%23F7F7FC%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.7812%2011.75H17.2188V17.2188H11.75V18.7812H17.2188V24.25H18.7812V18.7812H24.25V17.2188H18.7812V11.75Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .comp-product-01 .c-container-07 {
    display: flex;
    width: max-content;
    padding: 6px 12px;
    border: 1px solid #221F44; }
  .comp-product-01 .c-container-08 {
    background: #FFFFFF;
    width: 100%;
    height: 75px;
    padding: 0 8px;
    position: absolute;
    left: 0;
    bottom: -56px;
    box-shadow: 0px 8px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-product-01 .c-container-08 .c-container-08-A {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 16px;
      width: 100%;
      height: 40px;
      background: #E94034; }
  .comp-product-01.action-button:hover .c-container-06 {
    display: flex; }

.comp-product-01 .c-container-01 .c-item-01 .c-unit-02 {
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #221F44; }
  .comp-product-01 .c-container-01 .c-item-01 .c-unit-02.f-fs {
    font-size: 7.41px; }
.comp-product-01 .c-container-01 .c-item-03 {
  width: calc(100% - 2px);
  height: 24px;
  overflow: hidden;
  display: flex;
  gap: 0px;
  overflow-x: auto;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden; }
  .comp-product-01 .c-container-01 .c-item-03::-webkit-scrollbar {
    height: 8px; }
  .comp-product-01 .c-container-01 .c-item-03::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px; }
  .comp-product-01 .c-container-01 .c-item-03::-webkit-scrollbar-track {
    background: transparent; }
  .comp-product-01 .c-container-01 .c-item-03::-webkit-scrollbar {
    display: none; }
  .comp-product-01 .c-container-01 .c-item-03 .c-unit-01 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #221F44;
    height: 23px; }
    .comp-product-01 .c-container-01 .c-item-03 .c-unit-01.f-fs {
      font-size: 5.7px; }
.comp-product-01 .c-container-02 .c-item-02 {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #FFFFFF; }
  .comp-product-01 .c-container-02 .c-item-02.f-fs {
    font-size: 6.84px; }
.comp-product-01 .c-container-03 .c-item-01 {
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #76758F; }
  .comp-product-01 .c-container-03 .c-item-01.f-fs {
    font-size: 6.84px; }
  .comp-product-01 .c-container-03 .c-item-01 h1 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-01 .c-container-03 .c-item-01 h1.f-fs {
      font-size: 6.84px; }
  .comp-product-01 .c-container-03 .c-item-01 .c-unit-01 {
    display: block;
    font-size: 1.17em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate; }
.comp-product-01 .c-container-04 .c-item-01 {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #221F44; }
  .comp-product-01 .c-container-04 .c-item-01.f-fs {
    font-size: 9.12px; }
  .comp-product-01 .c-container-04 .c-item-01 .c-unit-01 {
    display: flex;
    flex-direction: column; }
    .comp-product-01 .c-container-04 .c-item-01 .c-unit-01 .c-unit-01-A {
      display: flex;
      flex-wrap: wrap;
      gap: 0px 4px; }
      .comp-product-01 .c-container-04 .c-item-01 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
        color: #9C9CAE;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; }
.comp-product-01 .c-container-09 .c-unit-01 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #221F44; }
  .comp-product-01 .c-container-09 .c-unit-01.f-fs {
    font-size: 7.41px; }
.comp-product-01 .c-container-09 .c-unit-03 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #9C9CAE; }
  .comp-product-01 .c-container-09 .c-unit-03.f-fs {
    font-size: 7.41px; }
.comp-product-01 .c-container-05 .c-item-01 .c-unit-01 .c-unit-01-A {
  font-family: Outfit;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-decoration-line: line-through;
  color: #A19EB4; }
  .comp-product-01 .c-container-05 .c-item-01 .c-unit-01 .c-unit-01-A.f-fs {
    font-size: 7.98px; }
.comp-product-01 .c-container-05 .c-item-01 .c-unit-01 .c-unit-01-B {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 14px;
  color: #221F44; }
  .comp-product-01 .c-container-05 .c-item-01 .c-unit-01 .c-unit-01-B.f-fs {
    font-size: 7.98px; }
.comp-product-01 .c-container-05 .c-item-01 .c-unit-02 {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF; }
  .comp-product-01 .c-container-05 .c-item-01 .c-unit-02.f-fs {
    font-size: 6.84px; }
.comp-product-01 .c-container-06 {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF; }
.comp-product-01 .c-container-07 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #221F44; }
.comp-product-01 .c-container-08 .c-container-08-A {
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF; }
  .comp-product-01 .c-container-08 .c-container-08-A.f-fs {
    font-size: 7.41px; }

@media all and (max-width: 767px) {
  .comp-product-01 .shopping-cart-discount {
    margin-top: 2px;
    color: #1DC066;
    font-family: "Outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; }
  .comp-product-01 .c-container-04 .c-item-01 {
    font-size: 14px; }
  .comp-product-01 .c-container-09.mobiledisplay {
    display: none; }

  .dsp-overflow-xs1-wr24-comp230-16 .comp-product-01 .c-container-02 .c-item-01 img {
    height: 198px;
    width: 198px;
    object-fit: contain;
    object-position: center; }

  .comp-product-01.cp-v1.with-a-tag {
    height: auto; }
    .comp-product-01.cp-v1.with-a-tag .owl-dots {
      width: 100%;
      display: flex;
      justify-content: center; }
    .comp-product-01.cp-v1.with-a-tag .c-container-02 {
      height: 196px; }
      .comp-product-01.cp-v1.with-a-tag .c-container-02 .c-item-01 {
        height: 100%; }
        .comp-product-01.cp-v1.with-a-tag .c-container-02 .c-item-01 img {
          height: 198px;
          width: 198px;
          object-fit: contain;
          object-position: center; }
    .comp-product-01.cp-v1.with-a-tag .c-container-04 {
      min-height: 60px; }
    .comp-product-01.cp-v1.with-a-tag .c-container-04 {
      margin-top: 0; }
    .comp-product-01.cp-v1.with-a-tag .c-container-08 .c-container-08-A {
      color: #EA5C52;
      background: #FFFFFF;
      font-family: Outfit;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 24px; }

  .comp-product-01 {
    width: 100%; }
    .comp-product-01.action-button .c-container-06 {
      display: flex;
      position: absolute;
      z-index: 23;
      top: 8px;
      right: 8px; }
      .comp-product-01.action-button .c-container-06 .c-item-01 .c-unit-01 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background: #F7F7FC;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        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_1385_4219%29%22%3E%20%3Cpath%20d%3D%22M8.75%207.5H7.5V15H8.75V7.5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3Cpath%20d%3D%22M12.5%207.5H11.25V15H12.5V7.5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3Cpath%20d%3D%22M2.5%203.75V5H3.75V17.5C3.75%2017.8315%203.8817%2018.1495%204.11612%2018.3839C4.35054%2018.6183%204.66848%2018.75%205%2018.75H15C15.3315%2018.75%2015.6495%2018.6183%2015.8839%2018.3839C16.1183%2018.1495%2016.25%2017.8315%2016.25%2017.5V5H17.5V3.75H2.5ZM5%2017.5V5H15V17.5H5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3Cpath%20d%3D%22M12.5%201.25H7.5V2.5H12.5V1.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_1385_4219%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"); }
      .comp-product-01.action-button .c-container-06 .c-item-01 .c-unit-02 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background: #F7F7FC;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%2236%22%20height%3D%2236%22%20rx%3D%2218%22%20fill%3D%22%23F7F7FC%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.7812%2011.75H17.2188V17.2188H11.75V18.7812H17.2188V24.25H18.7812V18.7812H24.25V17.2188H18.7812V11.75Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .comp-product-01 .c-container-02 {
      width: 100%; }
      .comp-product-01 .c-container-02 .c-item-01 {
        height: 136px; }
    .comp-product-01 .c-container-08 {
      display: flex !important;
      position: static;
      align-items: center;
      justify-content: center;
      border: 2px solid #EA5C52;
      margin-top: 16px;
      width: 100%;
      height: 40px;
      font-family: Outfit;
      line-height: 24px;
      color: #EA5C52;
      background: #FFFFFF;
      font-weight: 500;
      font-size: 14px; }
      .comp-product-01 .c-container-08.f-fs {
        font-size: 7.98px; }
      .comp-product-01 .c-container-08 .c-container-08-A {
        margin-top: 0 !important;
        height: auto !important; }

  .dsp-grid-xs1-1-24-0 > .comp-product-01 .c-container-02 .c-item-01 {
    height: 280px; }
    .dsp-grid-xs1-1-24-0 > .comp-product-01 .c-container-02 .c-item-01 .owl-stage-outer {
      height: 100%; }
      .dsp-grid-xs1-1-24-0 > .comp-product-01 .c-container-02 .c-item-01 .owl-stage-outer .owl-item {
        height: 100%; }
  .dsp-grid-xs1-1-24-0 > .comp-product-01 .c-container-05 {
    margin-top: 20px; }
  .dsp-grid-xs1-1-24-0 > .comp-product-01 .c-container-08 {
    display: flex !important;
    bottom: 0; }
    .dsp-grid-xs1-1-24-0 > .comp-product-01 .c-container-08 .c-container-08-A {
      font-family: Outfit;
      font-style: normal;
      background-color: #fff;
      font-weight: 500;
      font-size: 14px;
      line-height: 24px;
      color: #EA5C52; }
  .dsp-grid-xs1-1-24-0 > .comp-product-01 .owl-dots {
    width: 100%;
    justify-content: center; }

  .dsp-grid-xs1-2-8-8 > .comp-product-01 {
    padding: 8px 16px 16px 16px; }
    .dsp-grid-xs1-2-8-8 > .comp-product-01 .c-container-01 {
      margin: 0 -8px 16px -8px; }
    .dsp-grid-xs1-2-8-8 > .comp-product-01 .c-container-04 {
      height: auto;
      margin-bottom: auto; }
    .dsp-grid-xs1-2-8-8 > .comp-product-01 .c-container-02 .c-item-01 img {
      width: 100%;
      height: auto;
      object-fit: contain;
      object-position: center; }
    .dsp-grid-xs1-2-8-8 > .comp-product-01 .c-container-02 .c-item-01 .owl-stage-outer {
      height: 100%; }
      .dsp-grid-xs1-2-8-8 > .comp-product-01 .c-container-02 .c-item-01 .owl-stage-outer .owl-item {
        height: 100%; }
    .dsp-grid-xs1-2-8-8 > .comp-product-01 .c-container-08 {
      display: flex !important;
      bottom: 0; }
      .dsp-grid-xs1-2-8-8 > .comp-product-01 .c-container-08 .c-container-08-A {
        font-family: Outfit;
        font-style: normal;
        background-color: #fff;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #EA5C52;
        text-align: center; }
    .dsp-grid-xs1-2-8-8 > .comp-product-01 .owl-dots {
      display: flex;
      align-items: center;
      justify-content: center; }
  .dsp-grid-xs1-2-8-8 .comp-product-01 .c-container-04 .c-item-01 {
    font-size: 14px;
    line-height: 18px; }
  .dsp-grid-xs1-2-8-8 .comp-product-01 > .c-container-05 > .c-item-01 > .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #fff; }
    .dsp-grid-xs1-2-8-8 .comp-product-01 > .c-container-05 > .c-item-01 > .c-unit-02.f-fs {
      font-size: 6.84px; }

  .comp-product-01.cp-v1 {
    padding: 16px 16px 16px 16px; }
    .comp-product-01.cp-v1 .c-container-02 .prd-card-slider {
      display: block; }
    .comp-product-01.cp-v1 .c-container-04 {
      height: 60px;
      margin-bottom: 8px; }

  .comp-product-01 .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    .comp-product-01 .owl-item:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
  .comp-product-01 .owl-dots {
    bottom: 12px; }
  .comp-product-01 .owl-dots button.owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    display: inline-block;
    background-color: #D7D5E1 !important;
    margin: 0 3px; }
  .comp-product-01 .owl-dots button.owl-dot.active {
    background: #4E4C69 !important; }
  .comp-product-01 .owl-dots button.owl-dot:focus {
    outline: none; }
  .comp-product-01 .c-container-02 .c-item-01 img {
    object-fit: contain;
    object-position: center; }
  .comp-product-01 .c-container-03 .c-item-01 span {
    margin-top: 2px;
    display: flex; }
    .comp-product-01 .c-container-03 .c-item-01 span svg {
      display: none; }

  .comp-product-01.with-a-tag {
    width: 230px;
    display: block; } }
@media all and (min-width: 768px) {
  .comp-product-01 .shopping-cart-discount {
    margin-top: 4px;
    color: #1DC066;
    font-family: "Outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; }
  .comp-product-01:hover {
    cursor: pointer; }
    .comp-product-01:hover .c-container-08 {
      opacity: 1;
      visibility: visible; }
      .comp-product-01:hover .c-container-08 .c-container-08-A {
        display: flex; }
  .comp-product-01 .c-container-08 {
    visibility: 0;
    opacity: 0;
    transition: opacity 0.25s ease, visibility 0.25s ease; }

  .dsp-grid-md-3-64-24 > .comp-product-01 {
    height: 748px; }
    .dsp-grid-md-3-64-24 > .comp-product-01 .c-container-03 {
      margin-top: 36px; }

  .dsp-grid-md-4-64-24 > .comp-product-01 {
    height: 584px; }

  .dsp-grid-md-4-115-24 > .comp-product-01 {
    height: 482px; }
    .dsp-grid-md-4-115-24 > .comp-product-01 .c-container-02 .c-item-01 {
      height: 268px; }

  /*  .comp-product-01.cp-v1 {
      .c-container-02 {
                                  .single-visual {
              display: none;
          }
      }
  }*/
  .dsp-grid-md-4-64-24 .comp-product-01 .owl-item,
  .dsp-grid-lg-4-64-24 .comp-product-01 .owl-item {
    height: 268px; }
  .dsp-grid-md-4-64-24 .comp-product-01 .c-container-02 .c-item-01 img,
  .dsp-grid-lg-4-64-24 .comp-product-01 .c-container-02 .c-item-01 img {
    height: 268px;
    width: 268px;
    object-fit: contain;
    object-position: center; }

  .dsp-grid-lg-4-32-16 .comp-product-01 .owl-item {
    height: auto; }
  .dsp-grid-lg-4-32-16 .comp-product-01 .c-container-02 .c-item-01 img {
    height: 177px;
    width: 177px;
    object-fit: contain;
    object-position: center; }

  .dsp-grid-md-3-64-24 .comp-product-01 .owl-item,
  .dsp-grid-lg-3-64-24 .comp-product-01 .owl-item {
    height: 376px; }
  .dsp-grid-md-3-64-24 .comp-product-01 .c-container-02 .c-item-01 img,
  .dsp-grid-lg-3-64-24 .comp-product-01 .c-container-02 .c-item-01 img {
    height: 376px;
    width: 376px;
    object-fit: contain;
    object-position: center; }

  .comp-product-01 .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
  .comp-product-01 .owl-dots {
    position: absolute;
    bottom: 12px;
    display: flex;
    justify-content: center;
    width: 100%; }
  .comp-product-01 .owl-dots button.owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    display: inline-block;
    background-color: #D7D5E1 !important;
    margin: 0 3px; }
  .comp-product-01 .owl-dots button.owl-dot.active {
    background: #4E4C69 !important; }
  .comp-product-01 .owl-dots button.owl-dot:focus {
    outline: none; }
  .comp-product-01 .c-container-04 .c-item-01 {
    width: 100%; }
    .comp-product-01 .c-container-04 .c-item-01 .c-unit-01 {
      display: flex;
      flex-direction: column; }
      .comp-product-01 .c-container-04 .c-item-01 .c-unit-01 .c-unit-01-A {
        display: flex;
        gap: 4px; }
        .comp-product-01 .c-container-04 .c-item-01 .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
          color: #9C9CAE;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px; }

  .comp-product-01.with-a-tag {
    height: fit-content;
    width: 300px;
    display: block; }
    .comp-product-01.with-a-tag:hover .c-container-08 {
      display: block; }
    .comp-product-01.with-a-tag .c-container-08 {
      bottom: -64px; } }
@media all and (max-width: 767px) {
  .comp-product-02 {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #F7F7FC; }
    .comp-product-02 > .c-container-01 {
      padding: 16px;
      background: #fff; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A {
        display: flex;
        flex-direction: column; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A .c-unit-02 {
          display: none;
          width: max-content;
          margin-top: 8px;
          padding: 6px 12px;
          border: 1px solid #221F44; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-B {
        margin: 12px 0 12px 0; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-B-01 {
        width: max-content;
        display: inline-block;
        padding: 6px 12px;
        border: 1px solid #221F44;
        font-family: Outfit;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #221F44; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-B-01.f-fs {
          font-size: 5.7px; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-D {
        margin-top: 12px; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E {
        display: flex;
        width: 100%;
        margin: 20px 0 20px 0;
        margin-bottom: 12px; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E .c-item-01 {
          margin-right: 4px; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E .c-item-02 {
          display: flex;
          align-items: center; }
          .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E .c-item-02 .star-01 {
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.54125L9.09%2011.4062L8.27%207.89125L11%205.52625L7.405%205.22125L6%201.90625L4.595%205.22125L1%205.52625L3.73%207.89125L2.91%2011.4062L6%209.54125Z%22%20fill%3D%22%23DCDBE1%22%2F%3E%20%3C%2Fsvg%3E%20");
            background-size: 16px 16px; }
          .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E .c-item-02 .star-02 {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            height: 100%;
            overflow: hidden;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.42406L9.09%2011.2891L8.27%207.77406L11%205.40906L7.405%205.10406L6%201.78906L4.595%205.10406L1%205.40906L3.73%207.77406L2.91%2011.2891L6%209.42406Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20");
            background-size: 16px 16px; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E .c-item-03 {
          padding-left: 19px; }
          .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E .c-item-03:before {
            width: 3px;
            height: 3px;
            top: 8px;
            left: 7px;
            border-radius: 50%;
            position: absolute;
            content: '';
            background: #76758F; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-F {
        display: flex;
        align-items: center;
        width: 100%;
        margin-top: 16px; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-F .c-item-01 {
          margin-right: 4px; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-G {
        display: flex;
        align-items: center;
        margin-bottom: 12px; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-G .c-item-01 {
          margin-right: 4px; }
      .comp-product-02 > .c-container-01 > .c-item-02 {
        display: none;
        border-top: 1px solid #ECEAFA; }
        .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A {
          display: none;
          align-items: center;
          justify-content: space-between;
          padding: 16px 0;
          border-bottom: 1px solid #ECEAFA; }
          .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 {
            display: flex;
            align-items: center; }
            .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
              margin-top: 2px; }
            .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-B {
              display: flex;
              align-items: center;
              padding: 0 4px;
              height: 18px;
              background: #1DC066;
              margin-left: 8px; }
          .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-02 {
            display: flex;
            align-items: center;
            padding: 0 8px 0 16px;
            background: #E94034; }
            .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-02:after {
              content: "";
              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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%206H23V8H25V10H23V12H21V10H19V8H21V6ZM23%2024L16%2018L9%2024V8H16V10H11V19.6516L16%2015.3658L21%2019.6516V15H23V24Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 {
            display: flex;
            flex: 1;
            align-items: center; }
            .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 .c-item-01-A {
              margin-right: 8px; }
              .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 .c-item-01-A .c-unit-01 {
                font-family: 'Outfit';
                font-weight: 400;
                line-height: 14px;
                text-decoration-line: line-through;
                margin-bottom: 2px;
                color: #A19EB4; }
                .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 .c-item-01-A .c-unit-01.f-fs {
                  font-size: 7.98px; }
              .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 .c-item-01-A .c-unit-02 {
                font-family: 'Outfit';
                font-weight: 400;
                line-height: 14px;
                color: #221F44; }
                .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 .c-item-01-A .c-unit-02.f-fs {
                  font-size: 7.98px; }
            .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 .c-item-01-B {
              display: flex;
              align-items: center;
              padding: 2px 4px;
              height: 18px;
              background: #1DC066;
              font-weight: 700;
              font-size: 12px;
              line-height: 16px;
              color: #FFFFFF; }
              .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-03 > .c-item-01 .c-item-01-B.f-fs {
                font-size: 6.84px; }
          .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-04 {
            padding: 12px 21px;
            background: #E94034;
            font-family: 'Outfit';
            font-weight: 600;
            line-height: 16px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #FFFFFF; }
            .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-04.f-fs {
              font-size: 7.41px; }
        .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-B {
          padding-top: 16px; }
        .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-C {
          margin-top: 20px;
          font-size: 15px; }
    .comp-product-02 > .c-container-01-A {
      display: none;
      align-items: center;
      width: 100%;
      margin-bottom: 12px; }
      .comp-product-02 > .c-container-01-A .c-item-01 {
        margin-right: 4px; }
      .comp-product-02 > .c-container-01-A .c-item-02 {
        display: flex; }
        .comp-product-02 > .c-container-01-A .c-item-02 .c-unit-01 {
          display: flex;
          width: 16px;
          height: 16px;
          margin-right: 2px; }
      .comp-product-02 > .c-container-01-A .c-item-03 {
        padding-left: 19px; }
        .comp-product-02 > .c-container-01-A .c-item-03:before {
          content: '';
          position: absolute;
          width: 3px;
          height: 3px;
          top: 8px;
          left: 7px;
          border-radius: 50%;
          background: #76758F; }
    .comp-product-02 > .c-container-01-B {
      display: none;
      align-items: center;
      width: 100%;
      margin: 12px 0 16px 0; }
      .comp-product-02 > .c-container-01-B .c-item-01 {
        margin-right: 4px; }
    .comp-product-02 > .c-container-02 {
      order: 2;
      width: 100%;
      background: #FFFFFF;
      padding: 20px 0 20px 0;
      margin-top: 4px; }
      .comp-product-02 > .c-container-02 > .c-item-01:not(:last-child) {
        margin-bottom: 32px; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A {
        padding-left: 24px;
        margin-bottom: 8px; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B {
        overflow: auto;
        padding-left: 24px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap; }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B:after {
          content: "";
          display: block;
          width: 4px;
          height: 4px; }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-01 {
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-size: cover;
          background-position: center; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-01.active:after {
            content: "";
            position: absolute;
            top: 8px;
            left: 8px;
            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%3Cpath%20d%3D%22M0%2012C0%205.37258%205.37258%200%2012%200V0C18.6274%200%2024%205.37258%2024%2012V12C24%2018.6274%2018.6274%2024%2012%2024V24C5.37258%2024%200%2018.6274%200%2012V12Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3Cpath%20d%3D%22M16.7549%207.5L17.8699%208.50345L10.0893%2017.1485L6%2013.0592L7.06066%2011.9985L10.032%2014.9699L16.7549%207.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02 {
          display: flex;
          align-items: center;
          background: #FFFFFF;
          border: 1px solid #D7D5E1;
          border-radius: 48px;
          padding: 0 12px;
          height: 40px; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02:not(:last-child) {
            margin-right: 20px; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02.active {
            color: #E94034;
            background: #FAE9E7;
            border: 1px solid #E94034; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C {
        padding-left: 24px;
        overflow: auto;
        display: flex;
        gap: 8px;
        flex-wrap: wrap; }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C:after {
          content: "";
          display: block;
          width: 4px;
          height: 4px; }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01 {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #FFFFFF;
          border: 1px solid #D7D5E1;
          border-radius: 48px;
          padding: 0 12px;
          height: 40px;
          white-space: nowrap; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01.active {
            width: min-content;
            color: #E94034;
            background: #FAE9E7;
            border: 1px solid #E94034; }
    .comp-product-02 > .c-container-03 {
      display: none; }
      .comp-product-02 > .c-container-03 > .c-item-02 {
        margin-left: 16px; }
    .comp-product-02 > .c-container-03-A {
      display: none; }
    .comp-product-02 > .c-container-05 {
      order: 3;
      width: 100%;
      margin-top: 4px;
      background: #FFFFFF;
      padding: 20px 24px 68px 24px; }
      .comp-product-02 > .c-container-05 > .c-container-05-A {
        margin-bottom: 44px;
        padding: 16px;
        background-color: #F7F7FC; }
        .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-01 {
          border-bottom: 1px solid;
          padding-bottom: 8px;
          border-color: #ECEAFA;
          font-family: Outfit;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 24px;
          color: #6258C9; }
          .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-01.f-fs {
            font-size: 9.12px; }
        .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-02 {
          display: flex;
          margin-top: 16px; }
          .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-02 .c-unit-01 {
            width: 24px;
            height: 24px;
            margin-right: 10px; }
          .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-02 .c-unit-02 {
            color: #221F44;
            font-family: Outfit;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px; }
            .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-02 .c-unit-02.f-fs {
              font-size: 9.12px; }
            .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-02 .c-unit-02 .c-unit-02-A {
              display: flex; }
              .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-02 .c-unit-02 .c-unit-02-A .c-unit-02-A-01 {
                color: #E94034; }
        .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-03 {
          width: 100%;
          display: flex;
          height: 48px;
          padding: 12px 20px;
          margin-top: 8px;
          justify-content: center;
          align-items: center;
          background-color: #FFFFFF;
          font-family: Outfit;
          font-size: 14px;
          font-weight: 600;
          line-height: 24px;
          color: #221F44; }
          .comp-product-02 > .c-container-05 > .c-container-05-A .c-item-03.f-fs {
            font-size: 7.98px; }
      .comp-product-02 > .c-container-05 > .c-container-05-B {
        margin-bottom: 4px;
        padding: 16px;
        background-color: #F7F7FC; }
        .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-01 {
          border-bottom: 1px solid;
          padding-bottom: 8px;
          border-color: #ECEAFA;
          font-family: Outfit;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 24px;
          color: #6258C9; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-01.f-fs {
            font-size: 9.12px; }
        .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 {
          display: flex;
          align-items: center;
          margin-bottom: 8px;
          margin-top: 8px; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 .c-unit-01 {
            width: 24px;
            height: 24px;
            margin-right: 10px; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 .c-unit-02 {
            font-family: Outfit;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            color: #221F44; }
            .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 .c-unit-02.f-fs {
              font-size: 9.12px; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02:last-child {
            margin-bottom: 0; }
      .comp-product-02 > .c-container-05 > .c-item-01 > .c-item-01-A {
        display: flex; }
        .comp-product-02 > .c-container-05 > .c-item-01 > .c-item-01-A:not(:last-child) {
          margin-bottom: 8px; }
        .comp-product-02 > .c-container-05 > .c-item-01 > .c-item-01-A > .c-unit-01 {
          margin-right: 4px; }
      .comp-product-02 > .c-container-05 > .c-item-01-A {
        display: flex;
        margin-top: 24px;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: #E94034; }
        .comp-product-02 > .c-container-05 > .c-item-01-A.f-fs {
          font-size: 9.12px; }
      .comp-product-02 > .c-container-05 > .c-item-02 {
        margin-top: 24px; }
        .comp-product-02 > .c-container-05 > .c-item-02 li {
          padding-left: 16px; }
          .comp-product-02 > .c-container-05 > .c-item-02 li:not(:last-child) {
            margin-bottom: 8px; }
          .comp-product-02 > .c-container-05 > .c-item-02 li:after {
            content: "";
            position: absolute;
            top: 8px;
            left: 0;
            width: 4px;
            height: 4px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%224%22%20height%3D%224%22%20viewBox%3D%220%200%204%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%204V0H4V4H0Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
    .comp-product-02 > .c-container-07 {
      order: 2;
      width: calc(100% - 32px);
      margin: 0 auto;
      padding: 16px;
      background: #fff;
      border-bottom: 1px solid #ECEAFA;
      box-shadow: 0px 12px 24px rgba(34, 31, 68, 0.16); }
    .comp-product-02 > .c-container-08 {
      display: none; }
    .comp-product-02 > .c-container-09 {
      display: none; }
    .comp-product-02 > .c-container-10 {
      display: flex;
      background-color: #ffffff;
      padding: 0 20px;
      padding-bottom: 20px;
      order: 3; }
      .comp-product-02 > .c-container-10 .c-container-10-01 {
        display: flex;
        width: 100%;
        align-items: center;
        background: #F7F7FC;
        padding: 16px; }
        .comp-product-02 > .c-container-10 .c-container-10-01 .c-item-01 {
          margin-right: 16px; }
    .comp-product-02 #quantityChanger {
      display: none; }

  #quantityChangerPlaceHolder .c-container-04 {
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 48px 0; }
    #quantityChangerPlaceHolder .c-container-04 > .c-item-03 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 0; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-03:after {
        content: "";
        position: absolute;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
        background: #ECEAFA; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-01 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-right: 16px; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
          margin-bottom: 2px; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-01 .c-item-01-B {
          display: flex;
          align-items: center;
          height: 18px;
          margin-left: 8px;
          padding: 0 4px;
          background: #1DC066; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-02 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 152px;
        height: 32px;
        padding: 0 12px;
        background: #fff; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-A, #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B, #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-C {
          width: 32px;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #F7F7FC; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          #quantityChangerPlaceHolder .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input:read-only {
            background-color: #F7F7FC; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-03:before {
        content: "";
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ECEAFA; }
    #quantityChangerPlaceHolder .c-container-04 > .c-item-04 {
      margin: 8px 0 16px 0; }
    #quantityChangerPlaceHolder .c-container-04 > .c-item-05 {
      display: flex;
      flex-wrap: wrap; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-01 {
        display: flex;
        margin-right: auto;
        align-items: center;
        justify-content: center;
        background: #E94034;
        font-family: 'Outfit';
        font-weight: 600;
        font-size: 13px;
        padding: 12px 72px;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-01.f-fs {
          font-size: 7.41px; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-A {
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #221F44; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-B {
        margin-right: 5px;
        width: 40px;
        height: 40px; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-B:after {
          content: '';
          position: absolute;
          top: 8px;
          left: 8px;
          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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.75%204.5H17.25V6H18.75V7.5H17.25V9H15.75V7.5H14.25V6H15.75V4.5ZM17.25%2018L12%2013.5L6.75%2018V6H12V7.5H8.25V14.7387L12%2011.5244L15.75%2014.7387V11.25H17.25V18Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
          width: 24px;
          height: 24px; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-B:before {
          content: '';
          left: 41px;
          top: 9px;
          width: 1px;
          position: absolute;
          height: 24px;
          background: #ECEAFA; }
      #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-C {
        width: 40px;
        height: 40px; }
        #quantityChangerPlaceHolder .c-container-04 > .c-item-05 > .c-item-05-C:after {
          content: '';
          position: absolute;
          top: 8px;
          left: 8px;
          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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.68934%207.49999L9.75%208.56065L11.25%207.06065V12.75H12.75V7.06065L14.25%208.56065L15.3107%207.49999L12%204.18933L8.68934%207.49999ZM16.5%2011.25H14.25V9.74999H18V19.5H6V9.74999H9.75V11.25H7.5V18H16.5V11.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E");
          width: 24px;
          height: 24px; }
    #quantityChangerPlaceHolder .c-container-04 .c-container-06 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 48px;
      background: #221F44;
      margin-top: 16px;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #FFFFFF; }
      #quantityChangerPlaceHolder .c-container-04 .c-container-06.f-fs {
        font-size: 7.41px; }

  .quantityChangerPlaceHolder-sticky {
    position: fixed;
    display: block;
    bottom: 0;
    z-index: 33;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0px -12px 24px rgba(34, 31, 68, 0.08); }
    .quantityChangerPlaceHolder-sticky .c-container-04 {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      width: calc(100% - 32px);
      padding: 16px 0;
      justify-content: space-between; }
      .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 {
        display: flex;
        align-items: center;
        margin-right: 8px;
        width: max-content;
        height: fit-content; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A {
          margin-right: 8px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A > .shopping-cart-discount {
            display: flex;
            margin-top: 2px;
            color: #1DC066;
            font-family: "Outfit";
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 14px;
            margin-top: 4px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A > .c-unit-01 {
            margin-bottom: 2px;
            width: max-content;
            font-family: Outfit;
            font-weight: 500;
            font-size: 14px;
            line-height: 14px;
            text-decoration-line: line-through;
            color: #A19EB4; }
            .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
              font-size: 7.98px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A > .c-unit-02 {
            width: max-content;
            font-family: Outfit;
            font-weight: 500;
            font-size: 14px;
            line-height: 14px;
            color: #221F44; }
            .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
              font-size: 7.98px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A > .c-unit-03 {
            margin-top: 2px;
            color: #221F44;
            font-family: Outfit;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 14px; }
            .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-A > .c-unit-03.f-fs {
              font-size: 7.98px; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-B {
          width: 46px;
          display: flex;
          padding: 2px 4px 0px 4px;
          background-color: #1DC066;
          color: #ffffff;
          font-family: Outfit;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: 16px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-B.f-fs {
            font-size: 6.84px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-01 > .c-item-01-B:after {
            content: '';
            position: absolute;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.79282%207.99992L4.49992%207.29282L7.49992%2010.2928L7.49992%203.20703H8.49992L8.49992%2010.2928L11.4999%207.29282L12.207%207.99992L7.99992%2012.207L3.79282%207.99992Z%22%20fill%3D%22white%22%20%2F%3E%20%3C%2Fsvg%3E");
            right: 0;
            width: 16px;
            height: 16px; }
      .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-02 {
        display: flex;
        align-items: center;
        margin-top: 12px; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-02 .share-btn-group-01 {
          width: 101px;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 5px;
          margin-left: 11px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-02 .share-btn-group-01 .share-btn-mobile {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-02 .share-btn-group-01 .share-bookmark-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-02 .share-btn-group-01 .share-bookmark-btn::after {
            content: "";
            width: 1px;
            height: 24px;
            background: #eceafa;
            position: absolute;
            right: -3px; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-02 > .c-item-05-01 {
          display: flex;
          margin-right: auto;
          width: 100%;
          height: 100%;
          align-items: center;
          justify-content: center;
          background: #E94034;
          font-family: 'Outfit';
          font-weight: 600;
          font-size: 13px;
          padding: 12px 16px;
          line-height: 16px;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: #FFFFFF; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-02 > .c-item-05-01.f-fs {
            font-size: 7.41px; }
      .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 0; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03:after {
          display: none;
          content: "";
          position: absolute;
          height: 1px;
          top: 0;
          left: 0;
          right: 0;
          background: #ECEAFA; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-01 {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-right: 0; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
            margin-bottom: 2px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
            font-family: Outfit;
            font-weight: 400;
            font-size: 14px;
            line-height: 14px;
            color: #221F44;
            letter-spacing: 1px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-01 .c-item-01-B {
            display: flex;
            align-items: center;
            height: 18px;
            margin-left: 8px;
            padding: 0 4px;
            background: #1DC066; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-02 {
          display: none;
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 152px;
          height: 32px;
          padding: 0 12px;
          background: #fff; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-A, .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B, .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-C {
            width: 32px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #F7F7FC; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input:read-only {
              background-color: #F7F7FC; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-03:before {
          content: "";
          position: absolute;
          display: none;
          height: 1px;
          bottom: 0;
          left: 0;
          right: 0;
          background: #ECEAFA; }
      .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-04 {
        display: none;
        margin: 8px 0 16px 0; }
      .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 {
        display: flex;
        flex-wrap: nowrap; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-A {
          padding: 16px 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #FFF;
          font-family: Outfit;
          font-weight: 600;
          font-size: 13px;
          line-height: 16px;
          color: #221F44;
          letter-spacing: 1px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-A.f-fs {
            font-size: 7.41px; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-B {
          padding: 0 40px 0 16px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #E94034;
          margin-right: 0;
          margin-left: 0;
          font-family: Outfit;
          font-weight: 600;
          font-size: 13px;
          line-height: 16px;
          color: #FFF;
          letter-spacing: 1px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-B.f-fs {
            font-size: 7.41px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-B:after {
            content: '';
            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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%206H23V8H25V10H23V12H21V10H19V8H21V6ZM23%2024L16%2018L9%2024V8H16V10H11V19.6516L16%2015.3658L21%2019.6516V15H23V24Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E");
            position: absolute;
            right: 8px;
            width: 32px;
            height: 32px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-B:before {
            content: '';
            width: 1px;
            height: 24px;
            background: #ECEAFA;
            left: calc(100% + 56px);
            top: 0; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-C {
          display: none;
          width: 40px;
          height: 40px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-05 > .c-item-05-C:after {
            content: '';
            position: absolute;
            top: 8px;
            left: 8px;
            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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.68934%207.49999L9.75%208.56065L11.25%207.06065V12.75H12.75V7.06065L14.25%208.56065L15.3107%207.49999L12%204.18933L8.68934%207.49999ZM16.5%2011.25H14.25V9.74999H18V19.5H6V9.74999H9.75V11.25H7.5V18H16.5V11.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E");
            width: 24px;
            height: 24px; }
      .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 152px;
        height: 32px;
        padding: 0 12px;
        background: #fff;
        position: absolute;
        right: 0; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-A, .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-B, .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-C {
          width: 32px;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          background-color: #F7F7FC; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-A span, .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-B span, .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-C span {
            text-align: center;
            font-family: Outfit;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 10px;
            color: #9C9CAE; }
        .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-B {
          padding-bottom: 6px; }
          .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-B input {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center; }
            .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-06 .c-item-02-B input:read-only {
              background-color: #F7F7FC; }
      .quantityChangerPlaceHolder-sticky .c-container-04 > .c-item-07 {
        display: none;
        justify-content: center;
        align-items: center;
        width: 152px;
        height: 32px;
        padding: 0 12px;
        background: #fff;
        position: absolute;
        right: 0;
        background-color: #F7F7FC; }
    .quantityChangerPlaceHolder-sticky.quantity-loader .c-item-07 {
      display: flex; }

  .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-A {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #E94034; }
    .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-A.f-fs {
      font-size: 7.41px; }
    .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-A .c-unit-02 {
      font-family: Outfit;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #221F44; }
      .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-A .c-unit-02.f-fs {
        font-size: 5.7px; }
    .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-A a {
      color: #E94034; }
  .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-B {
    font-family: 'Outfit';
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-B.f-fs {
      font-size: 10.26px; }
  .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-E .c-item-01 {
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-E .c-item-01.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-E .c-item-03 {
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #76758F; }
    .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-E .c-item-03.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-F .c-item-02 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #6258C9; }
    .comp-product-02 > .c-container-01 > .c-item-01 .c-item-01-F .c-item-02.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-G {
    display: flex;
    align-items: center;
    margin-bottom: 12px; }
    .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-G .c-item-01 {
      margin-right: 4px; }
  .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-decoration-line: line-through;
    color: #A19EB4; }
    .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-A .c-unit-01-A-01.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #221F44; }
    .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-A .c-unit-01-A-02.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-B {
    font-family: Outfit;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #fff; }
    .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-01 .c-unit-01-B.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #fff; }
    .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-A > .c-unit-02.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-B {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-02 > .c-container-01 > .c-item-02 > .c-item-02-B.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > .c-container-01-A .c-item-01 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-02 > .c-container-01-A .c-item-01.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01-A .c-item-03 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #76758F; }
    .comp-product-02 > .c-container-01-A .c-item-03.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01-B .c-item-02 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #6258C9; }
    .comp-product-02 > .c-container-01-B .c-item-02.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #221F44; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A.f-fs {
      font-size: 5.7px; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-01 {
      font-family: Outfit;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      color: #76758F; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
        font-size: 5.7px; }
  .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01 {
    font-family: "Outfit";
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > .c-container-03 .c-item-02 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #6258C9; }
    .comp-product-02 > .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-01 {
    font-family: Outfit;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-01.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-02 {
    font-family: Outfit;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-02.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > .c-container-05 .c-item-02 li {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-product-02 > .c-container-05 .c-item-02 li.f-fs {
      font-size: 9.12px; }

  #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-decoration-line: line-through;
    color: #A19EB4; }
    #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
      font-size: 7.98px; }
  #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #221F44; }
    #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
      font-size: 7.98px; }
  #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-01 .c-item-01-B {
    font-family: Outfit;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF; }
    #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-01 .c-item-01-B.f-fs {
      font-size: 6.84px; }
  #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input {
    width: 60px;
    background: #F7F7FC;
    font-family: Outfit;
    font-weight: normal;
    font-size: 14.5px;
    line-height: 20px;
    text-align: center;
    color: #221F44; }
    #quantityChangerPlaceHolder > .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input.f-fs {
      font-size: 8.265px; }
  #quantityChangerPlaceHolder > .c-container-04 > .c-item-04 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    #quantityChangerPlaceHolder > .c-container-04 > .c-item-04.f-fs {
      font-size: 6.84px; }
  #quantityChangerPlaceHolder > .c-container-04 > .c-item-05 > .c-item-05-A {
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    #quantityChangerPlaceHolder > .c-container-04 > .c-item-05 > .c-item-05-A.f-fs {
      font-size: 7.41px; }
  #quantityChangerPlaceHolder > .c-container-04 > .c-item-05 > .c-item-05-B {
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    #quantityChangerPlaceHolder > .c-container-04 > .c-item-05 > .c-item-05-B.f-fs {
      font-size: 7.41px; } }
@media all and (min-width: 768px) {
  .comp-product-02 {
    padding: 30px;
    background: #fff; }
    .comp-product-02 > .c-container-01 {
      margin-bottom: 8px; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A {
        display: flex;
        align-items: center; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A .c-unit-01 {
          margin-right: 8px; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A .c-unit-02 {
          display: inline-block;
          padding: 6px 12px;
          border: 1px solid #221F44; }
        .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A > .c-item-01-C {
          display: inline-block;
          padding: 6px 12px;
          border: 1px solid #221F44; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-B {
        margin: 12px 0 12px 0; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-B-01 {
        display: none; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-E {
        display: none; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-F {
        display: none; }
      .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-G {
        display: none; }
      .comp-product-02 > .c-container-01 > .c-item-02 {
        display: none; }
    .comp-product-02 > .c-container-01-A {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 12px; }
      .comp-product-02 > .c-container-01-A .c-item-01 {
        margin-right: 4px; }
      .comp-product-02 > .c-container-01-A .c-item-02 {
        display: flex; }
        .comp-product-02 > .c-container-01-A .c-item-02 .star-01 {
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.54125L9.09%2011.4062L8.27%207.89125L11%205.52625L7.405%205.22125L6%201.90625L4.595%205.22125L1%205.52625L3.73%207.89125L2.91%2011.4062L6%209.54125Z%22%20fill%3D%22%23DCDBE1%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
        .comp-product-02 > .c-container-01-A .c-item-02 .star-02 {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          height: 100%;
          overflow: hidden;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.42406L9.09%2011.2891L8.27%207.77406L11%205.40906L7.405%205.10406L6%201.78906L4.595%205.10406L1%205.40906L3.73%207.77406L2.91%2011.2891L6%209.42406Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
      .comp-product-02 > .c-container-01-A .c-item-03 {
        padding-left: 19px; }
        .comp-product-02 > .c-container-01-A .c-item-03:before {
          content: '';
          position: absolute;
          top: 8px;
          left: 7px;
          width: 3px;
          height: 3px;
          border-radius: 50%;
          background: #76758F; }
    .comp-product-02 > .c-container-01-A-01 {
      display: flex;
      align-items: center;
      margin-bottom: 12px; }
      .comp-product-02 > .c-container-01-A-01 .c-item-01 {
        margin-right: 4px; }
    .comp-product-02 > .c-container-01-B {
      display: flex;
      align-items: center;
      width: 100%;
      margin: 12px 0 40px 0; }
      .comp-product-02 > .c-container-01-B .c-item-01 {
        width: 24px;
        height: 24px;
        margin-right: 4px; }
    .comp-product-02 > .c-container-02 {
      margin-bottom: 20px; }
      .comp-product-02 > .c-container-02 > .c-item-01:not(:last-child) {
        margin-bottom: 12px; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A {
        margin-bottom: 8px; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B {
        display: flex;
        gap: 8px;
        flex-wrap: wrap; }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B:not(:last-child) {
          margin-bottom: 12px; }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-01 {
          display: block;
          width: 32px;
          height: 32px;
          cursor: pointer;
          border-radius: 50%;
          background-size: cover;
          background-position: center; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-01.active:after {
            content: "";
            position: absolute;
            top: 7.5px;
            left: 8.5px;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%208C0%203.58172%203.58172%200%208%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208Z%22%20fill%3D%22%23E94034%22%3E%3C%2Fpath%3E%20%3Cpath%20d%3D%22M11.1699%205L11.9132%205.66896L6.7262%2011.4323L4%208.70613L4.70711%207.99902L6.68801%209.97993L11.1699%205Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02 {
          display: flex;
          align-items: center;
          background: #FFFFFF;
          border: 1px solid #D7D5E1;
          border-radius: 48px;
          padding: 0 8px;
          height: 24px; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02:not(:last-child) {
            margin-right: 8px; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02.active {
            color: #E94034;
            background: #FAE9E7;
            border: 1px solid #E94034; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C {
        display: flex;
        gap: 8px;
        flex-wrap: wrap; }
        .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          background: #FFFFFF;
          border: 1px solid #D7D5E1;
          border-radius: 48px;
          padding: 0 8px;
          height: 24px;
          white-space: nowrap; }
          .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01.active {
            width: min-content;
            color: #E94034;
            background: #FAE9E7;
            border: 1px solid #E94034; }
    .comp-product-02 > .c-container-03 {
      display: flex;
      padding: 16px;
      margin: 20px 0 40px 0;
      background: #F7F7FC; }
      .comp-product-02 > .c-container-03 .c-item-01 {
        margin-right: 16px; }
    .comp-product-02 > .c-container-09 {
      display: none; }
    .comp-product-02 > .c-container-03-A {
      display: flex;
      align-items: center;
      border-top: 1px solid #ECEAFA;
      border-bottom: 1px solid #ECEAFA;
      margin-bottom: 40px; }
      .comp-product-02 > .c-container-03-A > .c-item-01 {
        display: flex;
        flex: 1;
        padding: 13px 0;
        align-items: center; }
        .comp-product-02 > .c-container-03-A > .c-item-01 .c-item-01-A {
          margin-right: 8px; }
          .comp-product-02 > .c-container-03-A > .c-item-01 .c-item-01-A .c-unit-01 {
            font-family: Outfit;
            font-weight: 400;
            font-size: 14px;
            line-height: 14px;
            text-decoration-line: line-through;
            margin-bottom: 2px;
            color: #A19EB4; }
            .comp-product-02 > .c-container-03-A > .c-item-01 .c-item-01-A .c-unit-01.f-fs {
              font-size: 7.98px; }
          .comp-product-02 > .c-container-03-A > .c-item-01 .c-item-01-A .c-unit-02 {
            font-family: Outfit;
            font-weight: 400;
            font-size: 14px;
            line-height: 14px;
            color: #221F44; }
            .comp-product-02 > .c-container-03-A > .c-item-01 .c-item-01-A .c-unit-02.f-fs {
              font-size: 7.98px; }
        .comp-product-02 > .c-container-03-A > .c-item-01 .c-item-01-B {
          display: flex;
          align-items: center;
          padding: 2px 4px;
          height: 18px;
          background: #1DC066;
          font-weight: 700;
          font-size: 12px;
          line-height: 16px;
          color: #FFFFFF; }
          .comp-product-02 > .c-container-03-A > .c-item-01 .c-item-01-B.f-fs {
            font-size: 6.84px; }
      .comp-product-02 > .c-container-03-A > .c-item-02 {
        display: flex;
        width: 152px;
        height: 32px; }
        .comp-product-02 > .c-container-03-A > .c-item-02 .quantity-decrementer,
        .comp-product-02 > .c-container-03-A > .c-item-02 .quantity-incrementer {
          display: block;
          width: 52px;
          height: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 24px 24px; }
        .comp-product-02 > .c-container-03-A > .c-item-02 .quantity-decrementer {
          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%3Crect%20x%3D%226%22%20y%3D%2212.75%22%20width%3D%221.5%22%20height%3D%2212%22%20transform%3D%22rotate%28-90%206%2012.75%29%22%20fill%3D%22%23A19EB4%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          .comp-product-02 > .c-container-03-A > .c-item-02 .quantity-decrementer.line-remove {
            background-size: 28px 28px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.375%205.25H16.625V7H11.375V5.25ZM20.125%208.75H21.875V10.5H20.125V22.75H7.875V10.5H6.125V8.75H7.875H20.125ZM9.625%2010.5V21H18.375V10.5H9.625ZM11.375%2012.25H13.125V19.25H11.375V12.25ZM16.625%2012.25H14.875V19.25H16.625V12.25Z%22%20fill%3D%22%23A19EB4%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-product-02 > .c-container-03-A > .c-item-02 .quantity-incrementer {
          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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.75%206H11.25V11.25H6V12.75H11.25V18H12.75V12.75H18V11.25H12.75V6Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        .comp-product-02 > .c-container-03-A > .c-item-02 .quantity-textbox {
          width: 44px;
          height: 100%;
          text-align: center;
          background: #F7F7FC;
          font-weight: 400;
          font-size: 16px;
          line-height: 20px;
          color: #221F44; }
          .comp-product-02 > .c-container-03-A > .c-item-02 .quantity-textbox.f-fs {
            font-size: 9.12px; }
    .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 20px;
      padding: 12px 0; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03:after {
        content: "";
        position: absolute;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
        background: #ECEAFA; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-01 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-right: 8px; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
          margin-bottom: 2px; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-01 .c-item-01-B {
          display: flex;
          align-items: center;
          height: 18px;
          margin-left: 8px;
          padding: 0 4px;
          background: #1DC066; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 173px;
        height: 32px;
        padding: 0 12px;
        background: #fff; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-A, .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B, .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-C {
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #F7F7FC;
          height: 100%; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B {
          padding-right: 12px; }
          .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input {
            width: 33px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input:read-only {
              background-color: #F7F7FC; }
          .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B .c-item-02-B-01 {
            font-family: Outfit;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 20px;
            color: #000000; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03 > .c-item-03-A {
        display: none;
        align-items: center;
        justify-content: center;
        width: 173px;
        height: 32px;
        padding: 0 12px;
        background: #F7F7FC; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-03:before {
        content: "";
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ECEAFA; }
    .comp-product-02 > .c-container-11 .c-container-04 > .c-item-04 {
      margin: 8px 0 16px 0; }
    .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 {
      display: flex; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-01 {
        display: flex;
        margin-right: auto;
        align-items: center;
        justify-content: center;
        width: max-content;
        margin-right: 13px;
        background: #E94034;
        font-family: Outfit;
        font-weight: 600;
        font-size: 13px;
        padding: 12px 32px;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 8px;
        color: #FFFFFF;
        flex: 1; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-01.f-fs {
          font-size: 7.41px; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-A {
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #221F44; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-B {
        margin-right: 5px;
        width: 40px;
        height: 40px; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-B:after {
          content: '';
          position: absolute;
          top: 8px;
          left: 8px;
          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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.75%204.5H17.25V6H18.75V7.5H17.25V9H15.75V7.5H14.25V6H15.75V4.5ZM17.25%2018L12%2013.5L6.75%2018V6H12V7.5H8.25V14.7387L12%2011.5244L15.75%2014.7387V11.25H17.25V18Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
          width: 24px;
          height: 24px; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-B:before {
          content: '';
          position: absolute;
          top: 9px;
          left: 41px;
          width: 1px;
          height: 24px;
          background: #ECEAFA; }
      .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-C {
        width: 40px;
        height: 40px; }
        .comp-product-02 > .c-container-11 .c-container-04 > .c-item-05 > .c-item-05-C:after {
          content: '';
          position: absolute;
          top: 8px;
          left: 8px;
          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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.68934%207.49999L9.75%208.56065L11.25%207.06065V12.75H12.75V7.06065L14.25%208.56065L15.3107%207.49999L12%204.18933L8.68934%207.49999ZM16.5%2011.25H14.25V9.74999H18V19.5H6V9.74999H9.75V11.25H7.5V18H16.5V11.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E");
          width: 24px;
          height: 24px; }
    .comp-product-02 > .c-container-11 .c-container-04 .c-container-06 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 48px;
      background-color: #221F44;
      margin-top: 16px;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #FFFFFF; }
    .comp-product-02 > .c-container-11.quantity-loader .c-container-04 .c-item-03 .c-item-03-A {
      position: absolute;
      right: 0;
      display: flex; }
    .comp-product-02 > .c-container-05 {
      margin-top: 40px;
      margin-bottom: 24px; }
      .comp-product-02 > .c-container-05 .c-container-05-A {
        display: none; }
      .comp-product-02 > .c-container-05 > .c-container-05-B {
        margin-bottom: 4px;
        padding: 16px;
        background-color: #F7F7FC; }
        .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-01 {
          border-bottom: 1px solid;
          padding-bottom: 8px;
          border-color: #ECEAFA;
          font-family: Outfit;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 24px;
          color: #6258C9; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-01.f-fs {
            font-size: 9.12px; }
        .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 {
          display: flex;
          align-items: center;
          margin-bottom: 8px;
          margin-top: 8px; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 .c-unit-01 {
            width: 24px;
            height: 24px;
            margin-right: 10px; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 .c-unit-02 {
            font-family: Outfit;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            color: #221F44; }
            .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02 .c-unit-02.f-fs {
              font-size: 9.12px; }
          .comp-product-02 > .c-container-05 > .c-container-05-B .c-item-02:last-child {
            margin-bottom: 0; }
      .comp-product-02 > .c-container-05 .c-item-01-A {
        display: none; }
      .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A {
        display: flex; }
        .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A:not(:last-child) {
          margin-bottom: 8px; }
        .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-01 {
          margin-right: 4px; }
      .comp-product-02 > .c-container-05 .c-item-02 {
        display: flex;
        align-items: center; }
    .comp-product-02 > .c-container-07 {
      display: none; }
    .comp-product-02 > .c-container-08 {
      border: 1px solid #ECEAFA;
      width: 100%;
      padding: 16px;
      background: #FFFFFF; }
      .comp-product-02 > .c-container-08 > .c-item-01 {
        border-bottom: 1px solid #ECEAFA;
        padding-bottom: 8px; }
      .comp-product-02 > .c-container-08 > .c-item-02 {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 12px;
        margin-top: 8px; }
        .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-A {
          margin-right: 4px; }
        .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-B {
          display: flex; }
          .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-B .star-01 {
            display: block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.54125L9.09%2011.4062L8.27%207.89125L11%205.52625L7.405%205.22125L6%201.90625L4.595%205.22125L1%205.52625L3.73%207.89125L2.91%2011.4062L6%209.54125Z%22%20fill%3D%22%23DCDBE1%22%2F%3E%20%3C%2Fsvg%3E%20");
            background-size: 16px 16px; }
          .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-B .star-02 {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            height: 100%;
            overflow: hidden;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.42406L9.09%2011.2891L8.27%207.77406L11%205.40906L7.405%205.10406L6%201.78906L4.595%205.10406L1%205.40906L3.73%207.77406L2.91%2011.2891L6%209.42406Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20");
            background-size: 16px 16px; }
        .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-C {
          display: none; }
          .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-C:before {
            content: '';
            position: absolute;
            top: 8px;
            left: 7px;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background: #76758F; }
      .comp-product-02 > .c-container-08 > .c-item-03 {
        margin: 20px 0 16px 0;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .comp-product-02 > .c-container-08 > .c-item-04 {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 16px 0 12px 0; }
        .comp-product-02 > .c-container-08 > .c-item-04 .c-unit-02 {
          margin-left: 16px; }
          .comp-product-02 > .c-container-08 > .c-item-04 .c-unit-02:before {
            content: '';
            position: absolute;
            background: #76758F;
            left: -8px;
            border: 1px solid #76758F;
            height: 16px;
            transform: rotate(180deg); }
      .comp-product-02 > .c-container-08 > .c-item-05 {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 12px 0 16px 0; }
        .comp-product-02 > .c-container-08 > .c-item-05 .c-unit-01 {
          margin-right: 4px; }
      .comp-product-02 > .c-container-08 > .c-item-06 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        width: 100%;
        margin-top: 8px;
        border-top: 1px solid #ECEAFA; }
    .comp-product-02 > .c-container-09 {
      margin: 24px 0 24px 0;
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .comp-product-02 > .c-container-09 > b {
        color: #221F44; }
    .comp-product-02 > .c-container-10 {
      display: none; }

  .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A > .c-unit-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #E94034; }
    .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
      font-size: 7.41px; }
    .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A > .c-unit-01 a {
      color: #E94034; }
  .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #221F44; }
    .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
      font-size: 5.7px; }
  .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-B {
    font-family: Outfit;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-B.f-fs {
      font-size: 10.26px; }
  .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-C {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #221F44; }
    .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-C.f-fs {
      font-size: 5.7px; }
  .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-G {
    display: flex;
    align-items: center;
    margin-bottom: 12px; }
    .comp-product-02 > .c-container-01 > .c-item-01 > .c-item-01-G .c-item-01 {
      margin-right: 4px; }
  .comp-product-02 > .c-container-01-A .c-item-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-02 > .c-container-01-A .c-item-01.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01-A .c-item-03 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #76758F; }
    .comp-product-02 > .c-container-01-A .c-item-03.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01-A-01 .c-item-02 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #76758F; }
    .comp-product-02 > .c-container-01-A-01 .c-item-02.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-01-B .c-item-02 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #6258C9; }
    .comp-product-02 > .c-container-01-B .c-item-02.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #221F44; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A.f-fs {
      font-size: 5.7px; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-01 {
      font-family: Outfit;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      color: #76758F; }
      .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
        font-size: 5.7px; }
  .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-B > .c-unit-02.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01 {
    font-family: "Outfit";
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-02 > .c-container-02 > .c-item-01 > .c-item-01-C > .c-unit-01.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > .c-container-03 .c-item-02 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #6258C9; }
    .comp-product-02 > .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
    font-family: Outfit;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-decoration-line: line-through;
    color: #A19EB4; }
    .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #221F44; }
    .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-01 > .c-item-01-A > .shopping-cart-discount {
    display: flex;
    color: #1DC066;
    font-family: "Outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    margin-top: 4px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-01 .c-item-01-B {
    font-family: Outfit;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF; }
    .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-01 .c-item-01-B.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input {
    background: #F7F7FC;
    font-family: Outfit;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #221F44; }
    .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-03 > .c-item-02 .c-item-02-B input.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-04 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-04.f-fs {
      font-size: 6.84px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-05 > .c-item-05-A {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-05 > .c-item-05-A.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-05 > .c-item-05-B {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    .comp-product-02 > #quantityChanger > .c-container-04 > .c-item-05 > .c-item-05-B.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-01 {
    font-family: Outfit;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-01.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-02 {
    font-family: Outfit;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-product-02 > .c-container-05 .c-item-01 .c-item-01-A .c-unit-02.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > .c-container-08 > .c-item-01 {
    font-family: Outfit;
    color: #76758F;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-product-02 > .c-container-08 > .c-item-01.f-fs {
      font-size: 9.12px; }
  .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-A {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-A.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-C {
    font-family: Outfit;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #76758F; }
    .comp-product-02 > .c-container-08 > .c-item-02 .c-item-02-C.f-fs {
      font-size: 7.41px; }
  .comp-product-02 > .c-container-08 > .c-item-03 {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #221F44; }
    .comp-product-02 > .c-container-08 > .c-item-03.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-08 > .c-item-04 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    color: #76758F;
    font-size: 14px;
    line-height: 20px; }
    .comp-product-02 > .c-container-08 > .c-item-04 .c-unit-01.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-08 > .c-item-04 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #76758F; }
    .comp-product-02 > .c-container-08 > .c-item-04 .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-08 > .c-item-05 .c-unit-02 {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #24A148; }
    .comp-product-02 > .c-container-08 > .c-item-05 .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-02 > .c-container-08 > .c-item-06 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #221F44; }
    .comp-product-02 > .c-container-08 > .c-item-06.f-fs {
      font-size: 7.98px; }

  .quantityChangerPlaceHolder-sticky {
    display: none; }

  #sharePopover .a2a_dd span {
    display: none; }
  #sharePopover .c-item-05 {
    position: relative; }
  #sharePopover.popover {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -36px;
    right: -124px;
    padding: 4px;
    border-radius: 4px;
    background-color: #F7F7FC;
    z-index: 100;
    transition: opacity 0.5s, visibility 0.5s; }
  #sharePopover.popover.visible {
    visibility: visible;
    opacity: 1; }
  #sharePopover.popover::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -10px;
    border-width: 8px;
    border-style: solid;
    border-color: #F7F7FC transparent transparent transparent; }
  #sharePopover .a2a_kit {
    display: flex;
    gap: 10px; }
  #sharePopover .a2a_button_copy_link .a2a_svg,
  #sharePopover .a2a_button_google_gmail .a2a_svg,
  #sharePopover .a2a_button_facebook .a2a_svg,
  #sharePopover .a2a_button_email .a2a_svg,
  #sharePopover .a2a_button_whatsapp .a2a_svg,
  #sharePopover .a2a_button_microsoft_teams .a2a_svg,
  #sharePopover .a2a_button_houzz .a2a_svg {
    display: none; }
  #sharePopover .a2a_kit a {
    line-height: 0; } }
@media all and (max-width: 767px) {
  .comp-product-04 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 16px;
    margin-bottom: 24px;
    background: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-product-04:nth-last-child(-n+2) {
      margin-bottom: 0; }
    .comp-product-04 > .c-container-01, .comp-product-04 .c-container-02 {
      display: flex; }
    .comp-product-04 > .c-container-01 {
      width: 16px;
      padding-left: 16px;
      margin-right: 16px;
      margin-bottom: 20px; }
      .comp-product-04 > .c-container-01 > .c-item-01 {
        display: none; }
      .comp-product-04 > .c-container-01 > .c-item-02 {
        display: block; }
    .comp-product-04 > .c-container-02 {
      margin-left: 16px;
      display: flex;
      align-items: center; }
      .comp-product-04 > .c-container-02 > .c-item-01 {
        width: 64px;
        min-height: 64px;
        margin-right: 16px; }
        .comp-product-04 > .c-container-02 > .c-item-01 .c-unit-01 img {
          width: 100%;
          height: auto; }
      .comp-product-04 > .c-container-02 > .c-item-02 {
        width: 168px; }
        .comp-product-04 > .c-container-02 > .c-item-02 .c-unit-01 {
          margin-bottom: 4px; }
    .comp-product-04 > .c-item-02 > .c-unit-01 {
      margin-bottom: 4px; }
      .comp-product-04 > .c-item-02 > .c-unit-01 a {
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #76758F; }
        .comp-product-04 > .c-item-02 > .c-unit-01 a.f-fs {
          font-size: 6.84px; }
    .comp-product-04 > .c-item-02 > .c-unit-02 {
      display: block;
      width: 168px;
      font-family: Outfit;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px;
      color: #221F44; }
    .comp-product-04 > .c-container-03 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 64px;
      padding: 12px 16px;
      margin-top: 16px;
      border-top: 1px solid rgba(34, 31, 68, 0.04); }
      .comp-product-04 > .c-container-03 > .c-item-01 {
        display: flex;
        align-items: center; }
        .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A {
          margin-right: 8px; }
          .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A .c-unit-01 {
            margin-bottom: 2px; }
        .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-B {
          display: flex;
          align-items: center;
          height: 18px;
          padding: 0 4px;
          background: #1DC066;
          /*&:after {
              content: "";
              background-image: svg-background-image(' <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 16C6 21.5228 10.4772 26 16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16ZM24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16C8 11.5817 11.5817 8 16 8C20.4183 8 24 11.5817 24 16ZM17 17.5858L19.2929 15.2929L20.7071 16.7071L16 21.4142L11.2929 16.7071L12.7071 15.2929L15 17.5858V11H17V17.5858Z" fill="#221F44" /> </svg>');
              width: 32px;
              height: 32px;
          }*/ }
      .comp-product-04 > .c-container-03 > .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 118px;
        height: 40px; }
        .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-A, .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-B, .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-C {
          width: 40px;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #fff; }
        .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-B input {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
          .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-B input:read-only {
            background-color: #F7F7FC; }

  .comp-product-04 > .c-container-02 > .c-item-02 > .c-unit-01 a {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-04 > .c-container-02 > .c-item-02 > .c-unit-01 a.f-fs {
      font-size: 6.84px; }
  .comp-product-04 > .c-container-02 > .c-item-02 > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-04 > .c-container-02 > .c-item-02 > .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-decoration-line: line-through;
    color: #A19EB4; }
    .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
      font-size: 7.98px; }
  .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #221F44; }
    .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-B {
    font-family: Outfit;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF; }
    .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-B.f-fs {
      font-size: 6.84px; }
  .comp-product-04 > .c-container-03 > .c-item-02 > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #221F44; }
    .comp-product-04 > .c-container-03 > .c-item-02 > .c-unit-02.f-fs {
      font-size: 10.26px; } }
@media all and (min-width: 768px) {
  .comp-product-04 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 112px;
    padding: 0 24px 0 26px;
    margin-bottom: 8px;
    background: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-product-04 > .c-container-01 {
      width: 20px;
      height: 20px; }
      .comp-product-04 > .c-container-01 > .c-item-02 {
        display: none; }
    .comp-product-04 > .c-container-02 {
      display: flex;
      align-items: center; }
      .comp-product-04 > .c-container-02 > .c-item-01 .c-unit-01 {
        width: 100%;
        height: 100%; }
        .comp-product-04 > .c-container-02 > .c-item-01 .c-unit-01 img {
          width: 64px;
          height: 64px;
          object-fit: cover;
          object-position: center; }
      .comp-product-04 > .c-container-02 > .c-item-02 {
        width: 391px;
        margin-left: 24px; }
        .comp-product-04 > .c-container-02 > .c-item-02 > .c-unit-01 {
          margin-bottom: 4px; }
    .comp-product-04 > .c-item-02 > .c-unit-01 {
      margin-bottom: 4px; }
      .comp-product-04 > .c-item-02 > .c-unit-01 a {
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #76758F; }
    .comp-product-04 > .c-item-02 > .c-unit-02 {
      width: 391px;
      display: block;
      font-family: Outfit;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px;
      color: #221F44; }
    .comp-product-04 > .c-container-03 {
      display: flex;
      align-items: center; }
      .comp-product-04 > .c-container-03:after {
        content: "";
        position: absolute;
        left: -24px;
        height: 64px;
        width: 1px;
        background: #ECEAFA; }
      .comp-product-04 > .c-container-03 > .c-item-01 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        width: 96px;
        margin-right: 16px; }
        .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
          margin-bottom: 2px; }
        .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
          margin-bottom: 8px; }
        .comp-product-04 > .c-container-03 > .c-item-01 .c-item-01-B {
          display: flex;
          align-items: center;
          height: 18px;
          padding: 0 4px;
          background: #1DC066; }
      .comp-product-04 > .c-container-03 > .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 112px;
        height: 48px;
        padding: 8px;
        background: #F7F7FC; }
        .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-A, .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-B, .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-C {
          width: 32px;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #fff; }
        .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-B input {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .comp-product-04 > .c-container-03 > .c-item-02 .c-item-02-B input:read-only {
            background-color: #F7F7FC; }

  .comp-product-04 > .c-container-02 .c-item-02 > .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-product-04 > .c-container-02 .c-item-02 > .c-unit-01 a {
      font-family: Outfit;
      font-weight: 600;
      font-size: 12px;
      line-height: 16px;
      color: #76758F; }
      .comp-product-04 > .c-container-02 .c-item-02 > .c-unit-01 a.f-fs {
        font-size: 6.84px; }
    .comp-product-04 > .c-container-02 .c-item-02 > .c-unit-01 p {
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #221F44; }
  .comp-product-04 > .c-container-02 .c-item-02 .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-04 > .c-container-02 .c-item-02 .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    text-decoration-line: line-through;
    color: #A19EB4; }
    .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
      font-size: 7.98px; }
  .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #221F44; }
    .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-B {
    font-family: Outfit;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF; }
    .comp-product-04 > .c-container-03 > .c-item-01 > .c-item-01-B.f-fs {
      font-size: 6.84px; }
  .comp-product-04 > .c-container-03 > .c-item-02 > .c-item-02-B input {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #221F44; }
    .comp-product-04 > .c-container-03 > .c-item-02 > .c-item-02-B input.f-fs {
      font-size: 7.98px; } }
@media all and (max-width: 767px) {
  .comp-product-05 > .c-container-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 24px 0;
    background-color: #fff; }
    .comp-product-05 > .c-container-01 > .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 32px;
      width: 64px; }
      .comp-product-05 > .c-container-01 > .c-item-01 > .c-item-01-A {
        width: 32px;
        height: 32px;
        border: 1px solid #D7D5E1;
        border-radius: 50%;
        background-size: cover;
        background-repeat: no-repeat; }
      .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(1) {
        z-index: 0; }
      .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(2) {
        z-index: 1;
        margin-left: -16px; }
      .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        z-index: 2;
        margin-left: -16px; }
    .comp-product-05 > .c-container-01 > .c-item-02 {
      flex: 1;
      margin: 0 16px;
      display: flex;
      flex-direction: column; }
    .comp-product-05 > .c-container-01 > .c-item-03 {
      width: 112px;
      display: flex; }
      .comp-product-05 > .c-container-01 > .c-item-03 > .c-item-03-A {
        width: 80px; }
    .comp-product-05 > .c-container-01.on {
      background-color: #F7F7FC;
      border-bottom: none; }
  .comp-product-05 > .c-container-02 {
    width: 100%; }
  .comp-product-05 .c-container-03 {
    padding: 40px 0;
    background-color: #F7F7FC; }
    .comp-product-05 .c-container-03 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 32px; }
      .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-A {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background-color: #fff;
        margin-right: 16px; }
        .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-A img {
          border-radius: 50%;
          width: 65px;
          height: 65px;
          object-fit: cover; }
      .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-B {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-B > .c-unit-01 {
          margin-bottom: 4px; }
    .comp-product-05 .c-container-03 > :last-child {
      margin-bottom: 0; }

  .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(3) {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #76758F; }
    .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(3).f-fs {
      font-size: 7.98px; }
  .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-A {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-A.f-fs {
      font-size: 5.7px; }
  .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-B {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-B.f-fs {
      font-size: 9.12px; }
  .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C {
    font-family: Outfit;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    margin-top: 4px;
    width: fit-content; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.f-fs {
      font-size: 6.84px; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.v1 {
      background: #1DC066; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.v2 {
      background: #FFAF30; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.v3 {
      background: #6258C9; }
  .comp-product-05 > .c-container-01 > .c-item-03 > .c-item-03-A {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #4E4C69; }
    .comp-product-05 > .c-container-01 > .c-item-03 > .c-item-03-A.f-fs {
      font-size: 6.84px; }
  .comp-product-05 > .c-container-01.on > .c-item-02 > .c-item-02-B {
    color: #E94034; }
  .comp-product-05 > .c-container-01.on > .c-item-03 > .c-item-03-B svg path {
    fill: #E94034; }
  .comp-product-05 > .c-container-02 {
    width: 100%; }
  .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-01 a {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #76758F; }
    .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-01 a.f-fs {
      font-size: 6.84px; }
  .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-02 a {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-02 a.f-fs {
      font-size: 7.98px; } }
@media all and (min-width: 768px) {
  .comp-product-05 > .c-container-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 24px;
    background-color: #fff; }
    .comp-product-05 > .c-container-01 > .c-item-01 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 32px;
      width: 64px; }
      .comp-product-05 > .c-container-01 > .c-item-01 > .c-item-01-A {
        width: 32px;
        height: 32px;
        border: 1px solid #D7D5E1;
        border-radius: 50%;
        background-size: cover;
        background-repeat: no-repeat; }
      .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(1) {
        z-index: 0; }
      .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(2) {
        z-index: 1;
        margin-left: -16px; }
      .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(3) {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        z-index: 2;
        margin-left: -16px; }
    .comp-product-05 > .c-container-01 > .c-item-02 {
      flex: 1;
      margin: 0 16px;
      display: flex;
      flex-direction: column; }
    .comp-product-05 > .c-container-01 > .c-item-03 {
      width: 124px;
      display: flex; }
      .comp-product-05 > .c-container-01 > .c-item-03 > .c-item-03-A {
        width: 92px; }
    .comp-product-05 > .c-container-01.on {
      background-color: #F7F7FC;
      border-bottom: none; }
  .comp-product-05 > .c-container-02 {
    width: 100%; }
  .comp-product-05 .c-container-03 {
    padding: 40px 24px;
    background-color: #F7F7FC; }
    .comp-product-05 .c-container-03 > .c-item-01 {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 32px; }
      .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-A {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background-color: #fff;
        margin-right: 16px; }
        .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-A img {
          border-radius: 50%;
          width: 65px;
          height: 65px;
          object-fit: cover; }
      .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-B {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .comp-product-05 .c-container-03 > .c-item-01 > .c-item-01-B > .c-unit-01 {
          margin-bottom: 4px; }
    .comp-product-05 .c-container-03 > :last-child {
      margin-bottom: 0; }

  .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(3) {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #76758F; }
    .comp-product-05 > .c-container-01 > .c-item-01 > :nth-child(3).f-fs {
      font-size: 7.98px; }
  .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-A {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-A.f-fs {
      font-size: 5.7px; }
  .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-B {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-B.f-fs {
      font-size: 9.12px; }
  .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C {
    font-family: Outfit;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    margin-top: 4px;
    width: fit-content; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.f-fs {
      font-size: 6.84px; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.v1 {
      background: #1DC066; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.v2 {
      background: #FFAF30; }
    .comp-product-05 > .c-container-01 > .c-item-02 > .c-item-02-C.v3 {
      background: #6258C9; }
  .comp-product-05 > .c-container-01 > .c-item-03 > .c-item-03-A {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #4E4C69; }
    .comp-product-05 > .c-container-01 > .c-item-03 > .c-item-03-A.f-fs {
      font-size: 6.84px; }
  .comp-product-05 > .c-container-01.on > .c-item-02 > .c-item-02-B {
    color: #E94034; }
  .comp-product-05 > .c-container-01.on > .c-item-03 > .c-item-03-B svg path {
    fill: #E94034; }
  .comp-product-05 > .c-container-02 {
    width: 100%; }
  .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-01 a {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #76758F; }
    .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-01 a.f-fs {
      font-size: 6.84px; }
  .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-02 a {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-05 .c-container-03 > .c-item-01 .c-item-01-B .c-unit-02 a.f-fs {
      font-size: 7.98px; } }
@media all and (max-width: 767px) {
  .comp-product-06 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 16px;
    background: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    margin-bottom: 24px; }
    .comp-product-06 > .c-container-01, .comp-product-06 .c-container-02 {
      display: flex;
      height: 106px; }
    .comp-product-06 > .c-container-01 {
      width: 16px;
      padding-left: 16px;
      margin-right: 16px; }
      .comp-product-06 > .c-container-01 > .c-item-01 {
        display: none; }
      .comp-product-06 > .c-container-01 > .c-item-02 {
        display: block; }
    .comp-product-06 > .c-container-02 {
      width: calc(100% - 48px);
      margin-left: 16px; }
      .comp-product-06 > .c-container-02 > .c-item-01 {
        width: 64px;
        height: 64px;
        margin-right: 16px; }
      .comp-product-06 > .c-container-02 > .c-item-02 {
        padding-right: 16px; }
        .comp-product-06 > .c-container-02 > .c-item-02 .c-unit-01 {
          margin-bottom: 4px; }
    .comp-product-06 > .c-container-03 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 64px;
      padding: 12px 16px;
      border-top: 1px solid rgba(34, 31, 68, 0.04); }
      .comp-product-06 > .c-container-03 > .c-item-01 {
        display: flex;
        align-items: center; }
        .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A {
          margin-right: 8px; }
          .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A .c-unit-01 {
            margin-bottom: 2px; }
        .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-B {
          display: flex;
          align-items: center;
          height: 18px;
          padding: 0 4px;
          background: #1DC066;
          /*&:after {
              content: "";
              background-image: svg-background-image(' <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 16C6 21.5228 10.4772 26 16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16ZM24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16C8 11.5817 11.5817 8 16 8C20.4183 8 24 11.5817 24 16ZM17 17.5858L19.2929 15.2929L20.7071 16.7071L16 21.4142L11.2929 16.7071L12.7071 15.2929L15 17.5858V11H17V17.5858Z" fill="#221F44" /> </svg>');
              width: 32px;
              height: 32px;
          }*/ }
      .comp-product-06 > .c-container-03 > .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 118px;
        height: 40px; }
        .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-A, .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-B, .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-C {
          width: 40px;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #fff; }
        .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-B input {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
          .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-B input:read-only {
            background-color: #F7F7FC; }

  .comp-product-06 > .c-container-02 > .c-item-02 > .c-unit-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-06 > .c-container-02 > .c-item-02 > .c-unit-01.f-fs {
      font-size: 6.84px; }
  .comp-product-06 > .c-container-02 > .c-item-02 > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-06 > .c-container-02 > .c-item-02 > .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-decoration-line: line-through;
    color: #A19EB4; }
    .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
      font-size: 7.98px; }
  .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #221F44; }
    .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-B {
    font-family: Outfit;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF; }
    .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-B.f-fs {
      font-size: 6.84px; }
  .comp-product-06 > .c-container-03 > .c-item-02 > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #221F44; }
    .comp-product-06 > .c-container-03 > .c-item-02 > .c-unit-02.f-fs {
      font-size: 10.26px; } }
@media all and (min-width: 768px) {
  .comp-product-06 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 112px;
    padding: 0 24px 0 16px;
    margin-bottom: 8px;
    background: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-product-06 > .c-container-01 {
      width: 20px;
      height: 20px; }
      .comp-product-06 > .c-container-01 > .c-item-02 {
        display: none; }
    .comp-product-06 > .c-container-02 {
      display: flex;
      align-items: center;
      margin-right: 24px; }
      .comp-product-06 > .c-container-02 > .c-item-01 {
        width: 64px;
        height: 64px;
        margin-right: 24px; }
      .comp-product-06 > .c-container-02 > .c-item-02 {
        width: 247px; }
        .comp-product-06 > .c-container-02 > .c-item-02 > .c-unit-01 {
          margin-bottom: 4px; }
    .comp-product-06 > .c-container-03 {
      display: flex;
      align-items: center; }
      .comp-product-06 > .c-container-03:after {
        content: "";
        position: absolute;
        left: -24px;
        height: 64px;
        width: 1px;
        background: #ECEAFA; }
      .comp-product-06 > .c-container-03 > .c-item-01 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        width: 96px;
        margin-right: 16px; }
        .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
          margin-bottom: 2px; }
        .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
          margin-bottom: 8px; }
        .comp-product-06 > .c-container-03 > .c-item-01 .c-item-01-B {
          display: flex;
          align-items: center;
          height: 18px;
          padding: 0 4px;
          background: #1DC066; }
      .comp-product-06 > .c-container-03 > .c-item-02 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 112px;
        height: 48px;
        padding: 8px;
        background: #F7F7FC; }
        .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-A, .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-B, .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-C {
          width: 32px;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #fff; }
        .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-B input {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .comp-product-06 > .c-container-03 > .c-item-02 .c-item-02-B input:read-only {
            background-color: #F7F7FC; }

  .comp-product-06 > .c-container-02 .c-item-02 .c-unit-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-product-06 > .c-container-02 .c-item-02 .c-unit-01.f-fs {
      font-size: 6.84px; }
  .comp-product-06 > .c-container-02 .c-item-02 .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-06 > .c-container-02 .c-item-02 .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    text-decoration-line: line-through;
    color: #A19EB4; }
    .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
      font-size: 7.98px; }
  .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #221F44; }
    .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
      font-size: 7.98px; }
  .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-B {
    font-family: Outfit;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF; }
    .comp-product-06 > .c-container-03 > .c-item-01 > .c-item-01-B.f-fs {
      font-size: 6.84px; }
  .comp-product-06 > .c-container-03 > .c-item-02 > .c-item-02-B input {
    font-family: Outfit;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #221F44; }
    .comp-product-06 > .c-container-03 > .c-item-02 > .c-item-02-B input.f-fs {
      font-size: 7.98px; } }
.comp-product-07 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 112px;
  padding: 0 24px 0 16px;
  margin-bottom: 8px;
  background: #fff; }
  .comp-product-07 > .c-container-01 {
    display: flex;
    align-items: center;
    margin-right: 24px; }
    .comp-product-07 > .c-container-01 > .c-item-01 {
      width: 64px;
      height: 64px;
      margin-right: 24px; }
    .comp-product-07 > .c-container-01 > .c-item-02 {
      width: 255px; }
      .comp-product-07 > .c-container-01 > .c-item-02 > .c-unit-01 {
        margin-bottom: 4px; }
  .comp-product-07 > .c-container-02 {
    display: flex;
    align-items: center; }
    .comp-product-07 > .c-container-02:after {
      content: "";
      position: absolute;
      left: -24px;
      height: 64px;
      width: 1px;
      background: #ECEAFA; }
    .comp-product-07 > .c-container-02 > .c-item-01 {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center;
      width: 96px;
      margin-right: 16px; }
      .comp-product-07 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-02 {
        margin-bottom: 8px; }

.comp-product-07 > .c-container-01 .c-item-02 .c-unit-01 {
  font-family: Outfit;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #76758F; }
  .comp-product-07 > .c-container-01 .c-item-02 .c-unit-01.f-fs {
    font-size: 6.84px; }
.comp-product-07 > .c-container-01 .c-item-02 .c-unit-02 {
  font-family: Outfit;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #221F44; }
  .comp-product-07 > .c-container-01 .c-item-02 .c-unit-02.f-fs {
    font-size: 7.98px; }
.comp-product-07 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-01 {
  font-family: Outfit;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-decoration-line: line-through;
  color: #A19EB4; }
  .comp-product-07 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-01.f-fs {
    font-size: 7.98px; }
.comp-product-07 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-02 {
  font-family: Outfit;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #221F44; }
  .comp-product-07 > .c-container-02 > .c-item-01 > .c-item-01-A > .c-unit-02.f-fs {
    font-size: 7.98px; }
.comp-product-07 > .c-container-02 > .c-item-01 > .c-item-01-B {
  font-family: Outfit;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF; }
  .comp-product-07 > .c-container-02 > .c-item-01 > .c-item-01-B.f-fs {
    font-size: 6.84px; }

@media all and (max-width: 767px) {
  .comp-micro-checkout-01 {
    display: flex;
    align-items: center;
    background: #F7F7FC;
    padding: 12px;
    margin-bottom: 8px; }
    .comp-micro-checkout-01 .c-container-01 {
      margin-right: 17px;
      width: 64px;
      height: 64px; }
      .comp-micro-checkout-01 .c-container-01 img {
        width: 100%;
        height: auto;
        object-fit: cover; }
    .comp-micro-checkout-01 > .c-container-02 {
      padding-right: 8px; }
    .comp-micro-checkout-01:last-child {
      margin-bottom: 0; }

  .comp-micro-checkout-01 > .c-container-02 .c-item-01 {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #221F44; }
  .comp-micro-checkout-01 > .c-container-02 .c-item-02 {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #6258C9; } }
@media all and (min-width: 768px) {
  .comp-micro-checkout-01 {
    display: flex;
    align-items: center;
    background: #F7F7FC;
    padding: 12px;
    margin-bottom: 8px; }
    .comp-micro-checkout-01 > .c-container-01 {
      display: flex;
      margin-right: 16px;
      width: 69px;
      height: 69px; }
      .comp-micro-checkout-01 > .c-container-01 img {
        width: 100%;
        height: auto;
        object-fit: cover; }
    .comp-micro-checkout-01:last-child {
      margin-bottom: 0; }

  .comp-micro-checkout-01 > .c-container-02 .c-item-01 {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #221F44; }
  .comp-micro-checkout-01 > .c-container-02 .c-item-02 {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #6258C9; } }
@media all and (max-width: 767px) {
  .comp-product-09 {
    padding: 8px 8px 16px 8px;
    background-color: #fff;
    overflow: hidden;
    transition: box-shadow 0.2s;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    transition: 0.3s; }
    .comp-product-09 .c-container-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 16px; }
      .comp-product-09 .c-container-01 .c-item-01 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 32px;
        padding: 0 8px 0 6px;
        border-radius: 48px;
        background: #F7F7FC; }
        .comp-product-09 .c-container-01 .c-item-01 .c-unit-01 {
          width: 20px;
          height: 20px;
          border: 2px solid #F7F7FC;
          border-radius: 50%;
          background-size: cover; }
          .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(1) {
            z-index: 2; }
          .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(2), .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(3) {
            z-index: 1;
            margin-left: -11px; }
          .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(3) {
            z-index: 0; }
        .comp-product-09 .c-container-01 .c-item-01 .c-unit-02 {
          margin-left: 4px; }
      .comp-product-09 .c-container-01 .c-item-02 {
        display: block;
        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%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23F7F7FC%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.75%208.5H21.25V10H22.75V11.5H21.25V13H19.75V11.5H18.25V10H19.75V8.5ZM21.25%2022L16%2017.5L10.75%2022V10H16V11.5H12.25V18.7387L16%2015.5244L19.75%2018.7387V15.25H21.25V22Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        .comp-product-09 .c-container-01 .c-item-02.on {
          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%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23E94034%22%2F%3E%20%3Cpath%20d%3D%22M16%2017.5L22.75%2024.25L22.75%207.75L9.25%207.75L9.25%2024.25L16%2017.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .comp-product-09 .c-container-02 {
      width: 100%;
      height: 136px;
      padding: 0 8px; }
      .comp-product-09 .c-container-02 .c-item-01 {
        width: 100%;
        height: auto; }
        .comp-product-09 .c-container-02 .c-item-01 .c-item-01-A {
          width: 100%; }
          .comp-product-09 .c-container-02 .c-item-01 .c-item-01-A img {
            width: 100%;
            height: auto;
            object-fit: contain;
            object-position: center; }
      .comp-product-09 .c-container-02 .c-item-02 {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Outfit';
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #FFFFFF;
        padding: 0 8px;
        height: 24px;
        background: rgba(118, 117, 143, 0.72);
        backdrop-filter: blur(32px);
        border-radius: 16px; }
        .comp-product-09 .c-container-02 .c-item-02.f-fs {
          font-size: 6.84px; }
    .comp-product-09 .c-container-03 .c-item-01 {
      margin: 16px 0 8px 0; }
    .comp-product-09 .c-container-03 .c-item-02 {
      margin-bottom: 10px; }
    .comp-product-09 .c-container-03 > .c-item-03 {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 12px; }
      .comp-product-09 .c-container-03 > .c-item-03 .c-unit-01 {
        margin-right: 4px; }
      .comp-product-09 .c-container-03 > .c-item-03 .c-unit-02 {
        display: flex; }
        .comp-product-09 .c-container-03 > .c-item-03 .c-unit-02 .c-unit-02-A {
          display: flex;
          width: 16px;
          height: 16px;
          margin-right: 2px; }
      .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03 {
        padding-left: 19px; }
        .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03:before {
          width: 3px;
          height: 3px;
          top: 8px;
          left: 7px;
          border-radius: 50%;
          position: absolute;
          content: '';
          background: #76758F; }
    .comp-product-09 .c-container-04 {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #EA5C52;
      margin-top: 16px;
      width: 100%;
      height: 40px;
      font-family: 'Outfit';
      font-weight: 500;
      font-size: 14px;
      line-height: 24px;
      color: #EA5C52; }

  .comp-product-09 .c-container-01 .c-item-01 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #221F44; }
    .comp-product-09 .c-container-01 .c-item-01 .c-unit-02.f-fs {
      font-size: 7.41px; }
  .comp-product-09 .c-container-02 .c-item-02 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    background: rgba(118, 117, 143, 0.72);
    backdrop-filter: blur(32px);
    border-radius: 16px; }
    .comp-product-09 .c-container-02 .c-item-02.f-fs {
      font-size: 6.84px; }
  .comp-product-09 .c-container-03 .c-item-01 {
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #76758F; }
    .comp-product-09 .c-container-03 .c-item-01.f-fs {
      font-size: 6.84px; }
  .comp-product-09 .c-container-03 .c-item-02 {
    font-family: 'Outfit';
    font-weight: 500;
    line-height: 20px;
    color: #221F44;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-09 .c-container-03 .c-item-02.f-fs {
      font-size: 7.98px; }
  .comp-product-09 .c-container-03 > .c-item-03 .c-unit-01 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-09 .c-container-03 > .c-item-03 .c-unit-01.f-fs {
      font-size: 7.41px; }
  .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #9C9CAE; }
    .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03.f-fs {
      font-size: 7.41px; }
  .comp-product-09 .c-container-03 > .c-item-04 {
    display: flex;
    align-items: center; }
    .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 {
      display: flex;
      flex: 1;
      padding: 13px 0;
      align-items: center; }
      .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A {
        margin-right: 8px; }
        .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
          font-family: 'Outfit';
          font-weight: 400;
          font-size: 14px;
          line-height: 14px;
          text-decoration-line: line-through;
          margin-bottom: 2px;
          color: #A19EB4; }
          .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-01.f-fs {
            font-size: 7.98px; }
        .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
          font-family: 'Outfit';
          font-weight: 400;
          font-size: 14px;
          line-height: 14px;
          color: #221F44; }
          .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-02.f-fs {
            font-size: 7.98px; }
      .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-B {
        display: flex;
        align-items: center;
        padding: 3px 0;
        height: 20px;
        background: #1DC066;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        color: #FFFFFF; }
        .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-B.f-fs {
          font-size: 6.84px; }
  .comp-product-09 .c-container-04 {
    font-family: 'Outfit';
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #EA5C52; }
    .comp-product-09 .c-container-04.f-fs {
      font-size: 7.98px; }

  .comp-product-09 .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    .comp-product-09 .owl-item:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
  .comp-product-09 .owl-dots {
    position: absolute;
    bottom: 12px;
    display: flex;
    right: 4px; }
  .comp-product-09 .owl-dots button.owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    display: inline-block;
    background-color: #D7D5E1 !important;
    margin: 0 3px; }
  .comp-product-09 .owl-dots button.owl-dot.active {
    background: #4E4C69 !important; }
  .comp-product-09 .owl-dots button.owl-dot:focus {
    outline: none; }
  .comp-product-09 .c-container-02 .c-item-01 img {
    height: 136px;
    width: 136px;
    object-fit: contain;
    object-position: center; }
  .comp-product-09 .c-container-03 .c-item-01 span {
    margin-top: 2px;
    display: flex; }
    .comp-product-09 .c-container-03 .c-item-01 span svg {
      display: none; }

  .comp-product-01.with-a-tag {
    width: 230px;
    height: 408px;
    display: block; } }
@media all and (min-width: 768px) {
  .comp-product-09 {
    padding: 16px 16px 24px 16px;
    background-color: #fff;
    overflow: hidden;
    transition: box-shadow 0.2s;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    transition: 0.3s; }
    .comp-product-09 .c-container-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 8px; }
      .comp-product-09 .c-container-01 .c-item-01 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 32px;
        padding: 0 8px 0 6px;
        border-radius: 48px;
        background: #F7F7FC; }
        .comp-product-09 .c-container-01 .c-item-01 .c-unit-01 {
          width: 20px;
          height: 20px;
          border: 2px solid #F7F7FC;
          border-radius: 50%;
          background-size: cover; }
          .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(1) {
            z-index: 2; }
          .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(2), .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(3) {
            z-index: 1;
            margin-left: -11px; }
          .comp-product-09 .c-container-01 .c-item-01 .c-unit-01:nth-child(3) {
            z-index: 0; }
        .comp-product-09 .c-container-01 .c-item-01 .c-unit-02 {
          margin-left: 4px; }
      .comp-product-09 .c-container-01 .c-item-02 {
        display: block;
        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%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23F7F7FC%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.75%208.5H21.25V10H22.75V11.5H21.25V13H19.75V11.5H18.25V10H19.75V8.5ZM21.25%2022L16%2017.5L10.75%2022V10H16V11.5H12.25V18.7387L16%2015.5244L19.75%2018.7387V15.25H21.25V22Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        .comp-product-09 .c-container-01 .c-item-02.on {
          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%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23E94034%22%2F%3E%20%3Cpath%20d%3D%22M16%2017.5L22.75%2024.25L22.75%207.75L9.25%207.75L9.25%2024.25L16%2017.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .comp-product-09 .c-container-02 {
      width: 100%;
      height: 268px;
      margin-top: 8px; }
      .comp-product-09 .c-container-02 .c-item-01 {
        width: 100%;
        height: auto; }
        .comp-product-09 .c-container-02 .c-item-01 img {
          width: 100%;
          height: auto;
          object-fit: contain;
          object-position: center; }
      .comp-product-09 .c-container-02 .c-item-02 {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Outfit';
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #FFFFFF;
        padding: 0 8px;
        height: 24px;
        background: rgba(118, 117, 143, 0.72);
        backdrop-filter: blur(32px);
        border-radius: 16px; }
        .comp-product-09 .c-container-02 .c-item-02.f-fs {
          font-size: 6.84px; }
    .comp-product-09 .c-container-03 .c-item-01 {
      margin: 16px 0 8px 0; }
    .comp-product-09 .c-container-03 .c-item-02 {
      margin-bottom: 10px; }
    .comp-product-09 .c-container-03 > .c-item-03 {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 12px; }
      .comp-product-09 .c-container-03 > .c-item-03 .c-unit-01 {
        margin-right: 4px; }
      .comp-product-09 .c-container-03 > .c-item-03 .c-unit-02 {
        display: flex; }
        .comp-product-09 .c-container-03 > .c-item-03 .c-unit-02 .c-unit-02-A {
          display: flex;
          width: 16px;
          height: 16px;
          margin-right: 2px; }
      .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03 {
        padding-left: 19px; }
        .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03:before {
          width: 3px;
          height: 3px;
          top: 8px;
          left: 7px;
          border-radius: 50%;
          position: absolute;
          content: '';
          background: #76758F; }
    .comp-product-09 .c-container-04 {
      display: none;
      align-items: center;
      justify-content: center;
      margin-top: 16px;
      width: 100%;
      height: 40px;
      background: #E94034; }
    .comp-product-09:hover {
      cursor: pointer; }
      .comp-product-09:hover .c-container-04 {
        display: flex; }

  .comp-product-09 .c-container-01 .c-item-01 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #221F44; }
    .comp-product-09 .c-container-01 .c-item-01 .c-unit-02.f-fs {
      font-size: 7.41px; }
  .comp-product-09 .c-container-02 .c-item-02 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    background: rgba(118, 117, 143, 0.72);
    backdrop-filter: blur(32px);
    border-radius: 16px; }
    .comp-product-09 .c-container-02 .c-item-02.f-fs {
      font-size: 6.84px; }
  .comp-product-09 .c-container-03 .c-item-01 {
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #76758F; }
    .comp-product-09 .c-container-03 .c-item-01.f-fs {
      font-size: 6.84px; }
  .comp-product-09 .c-container-03 .c-item-02 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-product-09 .c-container-03 .c-item-02.f-fs {
      font-size: 9.12px; }
  .comp-product-09 .c-container-03 > .c-item-03 .c-unit-01 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #221F44; }
    .comp-product-09 .c-container-03 > .c-item-03 .c-unit-01.f-fs {
      font-size: 7.41px; }
  .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03 {
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #9C9CAE; }
    .comp-product-09 .c-container-03 > .c-item-03 .c-unit-03.f-fs {
      font-size: 7.41px; }
  .comp-product-09 .c-container-03 > .c-item-04 {
    display: flex;
    align-items: center; }
    .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 {
      display: flex;
      flex: 1;
      padding: 13px 0;
      align-items: center; }
      .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A {
        margin-right: 8px; }
        .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-01 {
          font-family: 'Outfit';
          font-weight: 400;
          font-size: 14px;
          line-height: 14px;
          text-decoration-line: line-through;
          margin-bottom: 2px;
          color: #A19EB4; }
          .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-01.f-fs {
            font-size: 7.98px; }
        .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-02 {
          font-family: 'Outfit';
          font-weight: 400;
          font-size: 14px;
          line-height: 14px;
          color: #221F44; }
          .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-A .c-unit-01-A-02.f-fs {
            font-size: 7.98px; }
      .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-B {
        display: flex;
        align-items: center;
        padding: 2px 4px;
        height: 18px;
        background: #1DC066;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        color: #FFFFFF; }
        .comp-product-09 .c-container-03 > .c-item-04 > .c-unit-01 .c-unit-01-B.f-fs {
          font-size: 6.84px; }
  .comp-product-09 .c-container-04 {
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    .comp-product-09 .c-container-04.f-fs {
      font-size: 7.41px; }

  .comp-product-09 .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
  .comp-product-09 .owl-dots {
    position: absolute;
    bottom: 12px;
    display: flex;
    justify-content: center;
    width: 100%; }
  .comp-product-09 .owl-dots button.owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    display: inline-block;
    background-color: #D7D5E1 !important;
    margin: 0 3px; }
  .comp-product-09 .owl-dots button.owl-dot.active {
    background: #4E4C69 !important; }
  .comp-product-09 .owl-dots button.owl-dot:focus {
    outline: none; }
  .comp-product-09 .c-container-04 .c-item-01 {
    width: 100%; }
    .comp-product-09 .c-container-04 .c-item-01 p {
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box; } }
@media all and (max-width: 767px) {
  .comp-product-010 {
    display: flex;
    flex-direction: column; }
    .comp-product-010 .c-container-01 img {
      width: 100%;
      height: auto;
      aspect-ratio: 327 / 320;
      object-fit: cover;
      object-position: center; }
    .comp-product-010 .c-container-02 {
      margin: 8px 0 12px 0;
      color: #221F44; }
    .comp-product-010 .c-container-04 {
      display: flex;
      margin-top: 12px;
      color: #221F44; }
      .comp-product-010 .c-container-04:after {
        content: '';
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-product-010 .c-container-02 {
    font-family: Outfit;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px; }
    .comp-product-010 .c-container-02.f-fs {
      font-size: 9.12px; }
  .comp-product-010 .c-container-03 {
    font-family: Outfit;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px; }
    .comp-product-010 .c-container-03.f-fs {
      font-size: 6.84px; }
  .comp-product-010 .c-container-04 {
    font-family: Outfit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20.57px; }
    .comp-product-010 .c-container-04.f-fs {
      font-size: 7.98px; } }
@media all and (min-width: 768px) {
  .comp-product-010 {
    display: flex;
    flex-direction: column; }
    .comp-product-010 .c-container-01 {
      height: 600px; }
      .comp-product-010 .c-container-01 img {
        width: 100%;
        height: 600px;
        object-fit: cover;
        object-position: center; }
    .comp-product-010 .c-container-02 {
      margin: 10px 0 14px 0;
      color: #221F44; }
    .comp-product-010 .c-container-03 {
      padding-right: 85px; }
    .comp-product-010 .c-container-04 {
      display: flex;
      margin-top: 12px;
      color: #221F44; }
      .comp-product-010 .c-container-04:after {
        content: '';
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-product-010 .c-container-02 {
    font-family: Outfit;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px; }
    .comp-product-010 .c-container-02.f-fs {
      font-size: 12.54px; }
  .comp-product-010 .c-container-03 {
    font-family: Outfit;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px; }
    .comp-product-010 .c-container-03.f-fs {
      font-size: 7.98px; }
  .comp-product-010 .c-container-04 {
    font-family: Outfit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20.57px; }
    .comp-product-010 .c-container-04.f-fs {
      font-size: 7.98px; } }
@media all and (max-width: 767px) {
  .comp-product-011 {
    display: flex;
    flex-direction: column; }
    .comp-product-011 > .c-container-01 img {
      aspect-ratio: 327 / 320;
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center; }
    .comp-product-011 > .c-container-02 {
      margin: 11px 0 11px 0;
      color: #221F44; }
    .comp-product-011 > .c-container-04 {
      display: flex;
      margin-top: 4px;
      color: #221F44; }
      .comp-product-011 > .c-container-04:after {
        content: '';
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-product-011 .c-container-02 {
    color: #221F44;
    font-family: "Outfit";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-transform: capitalize; }
    .comp-product-011 .c-container-02.f-fs {
      font-size: 10.26px; }
  .comp-product-011 .c-container-03 {
    color: #000;
    font-family: "Outfit";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; }
    .comp-product-011 .c-container-03.f-fs {
      font-size: 6.84px; }
  .comp-product-011 .c-container-04 {
    color: #221F44;
    text-align: right;
    font-family: "Outfit";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.571px;
    text-transform: capitalize; }
    .comp-product-011 .c-container-04.f-fs {
      font-size: 7.98px; } }
@media all and (min-width: 768px) {
  .comp-product-011 {
    display: flex;
    flex-direction: column; }
    .comp-product-011 > .c-container-01 {
      width: 100%;
      height: 409px; }
      .comp-product-011 > .c-container-01 img {
        width: 100%;
        height: 409px;
        object-fit: cover;
        object-position: center; }
    .comp-product-011 > .c-container-02 {
      margin: 19px 0 20px 0;
      color: #221F44; }
    .comp-product-011 > .c-container-03 {
      padding-right: 85px; }
    .comp-product-011 > .c-container-04 {
      display: flex;
      margin-top: 18px;
      color: #221F44; }
      .comp-product-011 > .c-container-04:after {
        content: '';
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0902%2016.7849L11.118%2015.8126L15.243%2011.6876H5.5V10.3126H15.243L11.118%206.1876L12.0902%205.21533L17.875%2011.0001L12.0902%2016.7849Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-product-011 .c-container-02 {
    color: #221F44;
    font-family: "Outfit";
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 100% */
    text-transform: capitalize; }
    .comp-product-011 .c-container-02.f-fs {
      font-size: 12.54px; }
  .comp-product-011 .c-container-03 {
    color: #000;
    font-family: "Outfit";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; }
    .comp-product-011 .c-container-03.f-fs {
      font-size: 7.98px; }
  .comp-product-011 .c-container-04 {
    color: #221F44;
    font-family: "Outfit";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.571px;
    text-transform: capitalize; }
    .comp-product-011 .c-container-04.f-fs {
      font-size: 7.98px; } }
.comp-micro-01 {
  display: flex;
  height: 518px;
  box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
  .comp-micro-01 > .c-item-01 {
    display: flex; }
    .comp-micro-01 > .c-item-01 .c-unit-02 {
      margin: 8px 0 16px 0; }

.comp-micro-01 > .c-item-01 .c-unit-01 {
  font-family: Outfit;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #221F44; }
  .comp-micro-01 > .c-item-01 .c-unit-01.f-fs {
    font-size: 13.68px; }
.comp-micro-01 > .c-item-01 .c-unit-02 {
  font-family: Outfit;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #76758F; }
  .comp-micro-01 > .c-item-01 .c-unit-02.f-fs {
    font-size: 9.12px; }

@media all and (max-width: 767px) {
  .comp-micro-01 {
    width: 230px;
    height: auto;
    flex-shrink: 0;
    flex-direction: column-reverse;
    justify-content: flex-end;
    background-color: #fff; }
    .comp-micro-01 > .c-item-01 {
      flex-direction: column;
      height: 288px;
      padding: 16px 16px; }
      .comp-micro-01 > .c-item-01 .c-unit-01 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .comp-micro-01 > .c-item-01 .c-unit-02 {
        flex: 1;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .comp-micro-01 > .c-item-02 {
      flex: 1; }
      .comp-micro-01 > .c-item-02 .c-unit-01 {
        width: 100%;
        height: 230px;
        object-fit: cover;
        object-position: center; }

  .comp-micro-01 > .c-item-01 .c-unit-01 {
    font-family: Outfit;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500; }
    .comp-micro-01 > .c-item-01 .c-unit-01.f-fs {
      font-size: 10.26px; } }
@media all and (min-width: 768px) {
  .comp-micro-01 {
    width: 624px; }
    .comp-micro-01 > .c-item-01 {
      flex-direction: column;
      flex: 1;
      justify-content: center;
      align-items: flex-start;
      padding: 0px 48px;
      background: #F7F7FC; }
    .comp-micro-01 > .c-item-02 {
      width: 300px;
      background: #fff; }
      .comp-micro-01 > .c-item-02 img {
        width: 300px;
        height: 470px;
        object-fit: cover;
        object-position: center center; }

  .comp-micro-01 > .c-item-01 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-micro-01 > .c-item-01 .c-unit-01.f-fs {
      font-size: 13.68px; }
  .comp-micro-01 > .c-item-01 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-micro-01 > .c-item-01 .c-unit-02.f-fs {
      font-size: 9.12px; }
  .comp-micro-01 > .c-item-01 .lnk-btn-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px; }
    .comp-micro-01 > .c-item-01 .lnk-btn-01.f-fs {
      font-size: 7.41px; } }
.comp-other-03 {
  background: #FFFFFF; }

.comp-other-03 .c-container-01 .c-item-02 .c-unit-01 {
  font-family: Outfit;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #221F44; }
  .comp-other-03 .c-container-01 .c-item-02 .c-unit-01.f-fs {
    font-size: 10.26px; }
.comp-other-03 .c-container-01 .c-item-02 .c-unit-02 {
  font-family: Outfit;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #76758F; }
  .comp-other-03 .c-container-01 .c-item-02 .c-unit-02.f-fs {
    font-size: 9.12px; }

@media all and (max-width: 767px) {
  .comp-other-03 .c-container-01 {
    display: flex; }
    .comp-other-03 .c-container-01 .c-item-01 {
      display: none; }
    .comp-other-03 .c-container-01 .c-item-02 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 24px 24px 24px 64px; }
      .comp-other-03 .c-container-01 .c-item-02 .c-unit-01 {
        font-weight: 500; }
      .comp-other-03 .c-container-01 .c-item-02 .c-unit-02 {
        padding: 8px 0px 24px 0px; }
      .comp-other-03 .c-container-01 .c-item-02 .c-unit-03 {
        position: absolute;
        height: 48px;
        left: 2.56%;
        right: 82.05%;
        top: 24px; }
      .comp-other-03 .c-container-01 .c-item-02 .lnk-btn-01 {
        padding: 12px 8px 12px 16px; } }
@media all and (min-width: 768px) {
  .comp-other-03 .c-container-01 {
    display: flex;
    width: 624px;
    height: 100%; }
    .comp-other-03 .c-container-01 .c-item-01 {
      width: 192px;
      height: auto; }
      .comp-other-03 .c-container-01 .c-item-01 img {
        height: 100%;
        object-fit: cover;
        object-position: center center; }
    .comp-other-03 .c-container-01 .c-item-02 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 0px 48px; }
      .comp-other-03 .c-container-01 .c-item-02 .c-unit-02 {
        padding: 8px 0px 24px 0px; }
      .comp-other-03 .c-container-01 .c-item-02 .c-unit-03 {
        display: none; }

  .comp-other-03 .c-container-01 .c-item-02 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-other-03 .c-container-01 .c-item-02 .c-unit-01.f-fs {
      font-size: 13.68px; }
  .comp-other-03 .c-container-01 .c-item-02 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-other-03 .c-container-01 .c-item-02 .c-unit-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-other-04 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    width: 100%;
    height: 72px;
    background: #FFFFFF;
    box-shadow: 0px -12px 24px rgba(34, 31, 68, 0.08); }
    .comp-other-04 .c-item-01 {
      width: 206px; }
    .comp-other-04 .c-item-02 {
      display: flex;
      align-items: center;
      padding: 0 16px;
      height: 44px;
      background: #E94034; }

  .comp-other-04 .c-item-01 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #221F44; }
    .comp-other-04 .c-item-01 .c-unit-01.f-fs {
      font-size: 6.84px; }
    .comp-other-04 .c-item-01 .c-unit-01 .c-unit-01-A {
      font-weight: 500; }
  .comp-other-04 .c-item-01 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-04 .c-item-01 .c-unit-02.f-fs {
      font-size: 9.12px; }
  .comp-other-04 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #FFFFFF; }
    .comp-other-04 .c-item-02.f-fs {
      font-size: 7.41px; } }
@media all and (min-width: 768px) {
  .comp-other-04 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px 0 32px;
    width: 329px;
    height: 72px;
    background: #221F44;
    border-radius: 48px; }
    .comp-other-04 .c-item-02 {
      display: flex;
      align-items: center;
      padding: 0 16px;
      height: 40px;
      background: #FFFFFF;
      border-radius: 40px; }

  .comp-other-04 .c-item-01 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF; }
    .comp-other-04 .c-item-01 .c-unit-01.f-fs {
      font-size: 6.84px; }
  .comp-other-04 .c-item-01 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF; }
    .comp-other-04 .c-item-01 .c-unit-02.f-fs {
      font-size: 9.12px; }
  .comp-other-04 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #221F44; }
    .comp-other-04 .c-item-02.f-fs {
      font-size: 7.41px; } }
@media all and (max-width: 767px) {
  .comp-other-05 {
    background-color: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    display: block; }
    .comp-other-05 > .c-item-01 img {
      width: 230px;
      height: 230px;
      object-fit: cover;
      object-position: center center; }
    .comp-other-05 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 8px; }
      .comp-other-05 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.25%2011.25C5.25%2014.5637%207.93629%2017.25%2011.25%2017.25C14.5637%2017.25%2017.25%2014.5637%2017.25%2011.25C17.25%207.93629%2014.5637%205.25%2011.25%205.25C7.93629%205.25%205.25%207.93629%205.25%2011.25ZM15.75%2011.25C15.75%2013.7353%2013.7353%2015.75%2011.25%2015.75C8.76472%2015.75%206.75%2013.7353%206.75%2011.25C6.75%208.76472%208.76472%206.75%2011.25%206.75C13.7353%206.75%2015.75%208.76472%2015.75%2011.25ZM15.4393%2016.5018L16.4982%2015.4393L19.0763%2017.9982L18.0174%2019.0607L15.4393%2016.5018ZM10.5%2010.5V8.25H12V10.5H14.25V12H12V14.25H10.5V12H8.25V10.5H10.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-other-05 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-05 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-other-05 {
    background-color: #fff;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16); }
    .comp-other-05 > .c-item-01 img {
      width: 300px;
      height: 316px;
      object-fit: cover;
      object-position: center center; }
    .comp-other-05 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-other-05 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.25%2011.25C5.25%2014.5637%207.93629%2017.25%2011.25%2017.25C14.5637%2017.25%2017.25%2014.5637%2017.25%2011.25C17.25%207.93629%2014.5637%205.25%2011.25%205.25C7.93629%205.25%205.25%207.93629%205.25%2011.25ZM15.75%2011.25C15.75%2013.7353%2013.7353%2015.75%2011.25%2015.75C8.76472%2015.75%206.75%2013.7353%206.75%2011.25C6.75%208.76472%208.76472%206.75%2011.25%206.75C13.7353%206.75%2015.75%208.76472%2015.75%2011.25ZM15.4393%2016.5018L16.4982%2015.4393L19.0763%2017.9982L18.0174%2019.0607L15.4393%2016.5018ZM10.5%2010.5V8.25H12V10.5H14.25V12H12V14.25H10.5V12H8.25V10.5H10.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .comp-other-05 > .c-item-02 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-05 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-other-06 {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    display: block; }
    .comp-other-06 > .c-item-01 img {
      width: 100%;
      height: auto; }
    .comp-other-06 > .c-item-02 {
      display: flex;
      justify-content: start;
      align-items: center;
      height: 56px;
      padding: 0 8px; }
      .comp-other-06 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-06 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-06 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-other-06 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16);
    display: block;
    width: 408px; }
    .comp-other-06 .c-item-01 img {
      width: 100%;
      height: auto; }
    .comp-other-06 .c-item-02 {
      display: flex;
      justify-content: end;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-other-06 .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-06 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-06 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-other-07 {
    padding: 24px;
    background: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-other-07 .c-item-01 {
      margin-bottom: 2px; }
    .comp-other-07 .c-item-02 {
      margin-bottom: 16px; }
    .comp-other-07 .c-item-03 {
      display: flex; }
      .comp-other-07 .c-item-03 .c-item-03-A {
        margin-right: 4px; }
    .comp-other-07 .c-item-04 {
      display: flex; }
      .comp-other-07 .c-item-04 .c-item-04-A {
        margin-right: 4px; }

  .comp-other-07 .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #76758F; }
    .comp-other-07 .c-item-01.f-fs {
      font-size: 5.7px; }
  .comp-other-07 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-other-07 .c-item-02.f-fs {
      font-size: 10.26px; }
  .comp-other-07 .c-item-03 {
    margin-bottom: 16px; }
    .comp-other-07 .c-item-03 .c-item-03-B .c-unit-01 {
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #4E4C69; }
      .comp-other-07 .c-item-03 .c-item-03-B .c-unit-01.f-fs {
        font-size: 7.98px; }
    .comp-other-07 .c-item-03 .c-item-03-B .c-unit-02 {
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #E94034; }
      .comp-other-07 .c-item-03 .c-item-03-B .c-unit-02.f-fs {
        font-size: 7.98px; }
  .comp-other-07 .c-item-04:not(:last-child) {
    margin-bottom: 16px; }
  .comp-other-07 .c-item-04 .c-item-04-B {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #E94034; }
    .comp-other-07 .c-item-04 .c-item-04-B.f-fs {
      font-size: 7.98px; } }
@media all and (min-width: 768px) {
  .comp-other-07 {
    width: 624px;
    padding: 48px;
    background: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    .comp-other-07 .c-item-01 {
      margin-bottom: 2px; }
    .comp-other-07 .c-item-02 {
      margin-bottom: 16px; }
    .comp-other-07 .c-item-03 {
      display: flex; }
      .comp-other-07 .c-item-03 .c-item-03-A {
        margin-right: 4px; }
    .comp-other-07 .c-item-04 {
      display: flex; }
      .comp-other-07 .c-item-04 .c-item-04-A {
        margin-right: 4px; }

  .comp-other-07 .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #76758F; }
    .comp-other-07 .c-item-01.f-fs {
      font-size: 5.7px; }
  .comp-other-07 .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-other-07 .c-item-02.f-fs {
      font-size: 10.26px; }
  .comp-other-07 .c-item-03 {
    margin-bottom: 16px; }
    .comp-other-07 .c-item-03 .c-item-03-B .c-unit-01 {
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #4E4C69; }
      .comp-other-07 .c-item-03 .c-item-03-B .c-unit-01.f-fs {
        font-size: 7.98px; }
    .comp-other-07 .c-item-03 .c-item-03-B .c-unit-02 {
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #E94034; }
      .comp-other-07 .c-item-03 .c-item-03-B .c-unit-02.f-fs {
        font-size: 7.98px; }
  .comp-other-07 .c-item-04:not(:last-child) {
    margin-bottom: 16px; }
  .comp-other-07 .c-item-04 .c-item-04-B {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #E94034; }
    .comp-other-07 .c-item-04 .c-item-04-B.f-fs {
      font-size: 7.98px; } }
@media all and (max-width: 767px) {
  .comp-other-08 {
    display: flex;
    padding: 16px;
    background: #F7F7FC; }
    .comp-other-08 .c-item-01 {
      margin-right: 8px; }
    .comp-other-08 .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      margin-left: 8px; }
      .comp-other-08 .c-item-02 .c-unit-02 {
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #E94034; }
        .comp-other-08 .c-item-02 .c-unit-02.f-fs {
          font-size: 9.12px; }

  .comp-other-08 .c-item-02 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-other-08 .c-item-02 .c-unit-01.f-fs {
      font-size: 9.12px; }
  .comp-other-08 .c-item-02 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #E94034; }
    .comp-other-08 .c-item-02 .c-unit-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-other-08 {
    display: flex;
    padding: 16px;
    width: 408px;
    background: #F7F7FC; }
    .comp-other-08 > .c-item-01 {
      margin-right: 8px; }
    .comp-other-08 > .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 344px;
      margin-left: 8px; }

  .comp-other-08 > .c-item-02 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-other-08 > .c-item-02 .c-unit-01.f-fs {
      font-size: 9.12px; }
  .comp-other-08 > .c-item-02 .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #E94034; }
    .comp-other-08 > .c-item-02 .c-unit-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-other-09 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #F7F7FC;
    height: 48px;
    overflow: auto; }
    .comp-other-09 .c-item-01 {
      margin-right: 16px;
      height: calc(100% - 18px);
      flex-shrink: 0; }
      .comp-other-09 .c-item-01.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-other-09 > :last-child {
      margin-right: 0; }

  .comp-other-09 .c-item-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-other-09 .c-item-01.f-fs {
      font-size: 5.7px; }
    .comp-other-09 .c-item-01.on {
      color: #E94034; } }
@media all and (min-width: 768px) {
  .comp-other-09 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #FFFFFF;
    height: 48px; }
    .comp-other-09 .c-item-01 {
      margin-right: 16px;
      height: calc(100% - 18px); }
      .comp-other-09 .c-item-01.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-other-09 > :last-child {
      margin-right: 0; }

  .comp-other-09 .c-item-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-other-09 .c-item-01.f-fs {
      font-size: 5.7px; }
    .comp-other-09 .c-item-01.on {
      color: #E94034; } }
@media all and (max-width: 767px) {
  .comp-other-10 {
    display: flex;
    align-items: flex-end;
    padding-left: 24px;
    height: 48px;
    overflow: auto; }
    .comp-other-10 .c-item-01 {
      margin-right: 16px;
      height: calc(100% - 18px);
      flex-shrink: 0; }
      .comp-other-10 .c-item-01.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-other-10 > :last-child {
      margin-right: 0; }

  .comp-other-10 .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758f; }
    .comp-other-10 .c-item-01.f-fs {
      font-size: 5.7px; }
    .comp-other-10 .c-item-01.on {
      color: #221F44; } }
@media all and (min-width: 768px) {
  .comp-other-10 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #FFFFFF;
    height: 48px; }
    .comp-other-10 .c-item-01 {
      margin-right: 16px;
      height: calc(100% - 18px); }
      .comp-other-10 .c-item-01.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-other-10 > :last-child {
      margin-right: 0; }

  .comp-other-10 .c-item-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-other-10 .c-item-01.f-fs {
      font-size: 5.7px; }
    .comp-other-10 .c-item-01.on {
      color: #E94034; } }
@media all and (max-width: 767px) {
  .comp-other-11 {
    width: 148px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    display: block; }
    .comp-other-11 > .c-item-01 img {
      width: 100%;
      height: auto; }
    .comp-other-11 > .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 8px; }
      .comp-other-11 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-11 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-11 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-other-11 {
    background-color: #fff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    display: block;
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .comp-other-11 > .c-item-02 {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-other-11 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-11 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-11 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-other-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    width: 100%;
    height: 72px;
    background: #FFFFFF;
    box-shadow: 0px -12px 24px rgba(34, 31, 68, 0.08); }
    .comp-other-12 .c-item-02 {
      width: 158px;
      margin: 0 auto 0 8px; }
    .comp-other-12 .c-item-03 {
      display: flex;
      align-items: center;
      padding: 0 16px;
      height: 44px;
      background: #A19EB4; }

  .comp-other-12 .c-item-02 .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .comp-other-12 .c-item-02 .c-unit-01.f-fs {
      font-size: 9.12px; }
    .comp-other-12 .c-item-02 .c-unit-01 span {
      color: #221F44; }
  .comp-other-12 .c-item-03 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #D7D5E1; }
    .comp-other-12 .c-item-03.f-fs {
      font-size: 7.41px; } }
@media all and (min-width: 768px) {
  .comp-other-12 {
    display: none; } }
@media all and (max-width: 767px) {
  .comp-other-13 {
    display: block; }
    .comp-other-13 > .c-container-01 {
      padding: 24px;
      width: 100%;
      border-left: 3px solid #E94034;
      background-color: #fff;
      margin-bottom: 8px; }
    .comp-other-13 > .c-container-02 {
      width: 100%; }
      .comp-other-13 > .c-container-02 > .c-item-01 > img {
        width: 100%;
        height: auto; }
      .comp-other-13 > .c-container-02 > .c-item-02 {
        background-color: #fff;
        padding: 12px 16px;
        width: 100%; }
        .comp-other-13 > .c-container-02 > .c-item-02:after {
          content: "";
          position: absolute;
          top: 16px;
          right: 16px;
          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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22%23221F44%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
        .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-01 {
          width: 228px; }
        .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-02 {
          width: 228px; }

  .comp-other-13 > .c-container-01 > .c-item-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-13 > .c-container-01 > .c-item-01.f-fs {
      font-size: 9.12px; }
  .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-01.f-fs {
      font-size: 9.12px; }
  .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-02 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-02.f-fs {
      font-size: 6.84px; } }
@media all and (min-width: 768px) {
  .comp-other-13 {
    display: flex; }
    .comp-other-13.v2 > .c-container-02 > .c-item-02 {
      height: 64px; }
    .comp-other-13 > .c-container-01 {
      display: flex;
      align-items: center;
      padding: 0 48px;
      width: 300px;
      height: 414px;
      border-left: 1px solid red;
      background-color: #fff;
      margin-right: 24px; }
    .comp-other-13 > .c-container-02 {
      width: 300px; }
      .comp-other-13 > .c-container-02 > .c-item-01 > img {
        width: 100%;
        height: auto; }
      .comp-other-13 > .c-container-02 > .c-item-02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 80px;
        background-color: #fff;
        padding: 12px 16px;
        width: 100%; }
        .comp-other-13 > .c-container-02 > .c-item-02:after {
          content: "";
          position: absolute;
          top: 16px;
          right: 16px;
          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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22%23221F44%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
        .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-01 {
          width: 228px; }
        .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-02 {
          width: 228px; }

  .comp-other-13 > .c-container-01 > .c-item-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    .comp-other-13 > .c-container-01 > .c-item-01.f-fs {
      font-size: 13.68px; }
  .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #221F44; }
    .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-01.f-fs {
      font-size: 9.12px; }
  .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .comp-other-13 > .c-container-02 > .c-item-02 > .c-unit-02.f-fs {
      font-size: 6.84px; } }
@media all and (max-width: 767px) {
  .comp-other-14 {
    position: static;
    left: 0px;
    top: 250px;
    overflow-x: scroll; }
    .comp-other-14 > .c-container-01 {
      display: flex; }
      .comp-other-14 > .c-container-01 > .c-item-01 {
        padding-bottom: 18px;
        box-shadow: inset 0px -4px 0px #E94034; }
      .comp-other-14 > .c-container-01 > .c-item-02 {
        margin-left: 16px; }

  .comp-other-14 > .c-container-01 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #76758F; }
    .comp-other-14 > .c-container-01 > .c-item-01.f-fs {
      font-size: 5.7px; }
  .comp-other-14 > .c-container-01 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #E94034; }
    .comp-other-14 > .c-container-01 > .c-item-02.f-fs {
      font-size: 5.7px; } }
@media all and (min-width: 768px) {
  .comp-other-14 {
    position: absolute;
    left: 1164px;
    top: 192px;
    padding: 8px 24px; }
    .comp-other-14 > .c-container-01 {
      width: 192px;
      height: 112px; }
      .comp-other-14 > .c-container-01 > .c-item-01 {
        padding-bottom: 18px;
        box-shadow: inset 0px -4px 0px #E94034; }
      .comp-other-14 > .c-container-01 > .c-item-02 {
        border-top: 18px; }

  .comp-other-14 > .c-container-01 > .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #E94034; }
    .comp-other-14 > .c-container-01 > .c-item-01.f-fs {
      font-size: 5.7px; }
  .comp-other-14 > .c-container-01 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    color: #76758F; }
    .comp-other-14 > .c-container-01 > .c-item-02.f-fs {
      font-size: 5.7px; } }
@media all and (max-width: 767px) {
  .comp-other-15 {
    margin-bottom: 0; }
    .comp-other-15 > .c-wrapper-2 {
      padding: 48px 0;
      margin: 0; }

  .comp-other-15 > .c-wrapper-2 > .c-item-01 {
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #221F44; }
    .comp-other-15 > .c-wrapper-2 > .c-item-01.f-fs {
      font-size: 18.24px; } }
@media all and (min-width: 768px) {
  .comp-other-15 {
    margin-bottom: 32px; }
    .comp-other-15 > .c-wrapper-2 {
      padding: 48px 0; }

  .comp-other-15 > .c-wrapper-2 > .c-item-01 {
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    color: #221F44; }
    .comp-other-15 > .c-wrapper-2 > .c-item-01.f-fs {
      font-size: 27.36px; } }
@media all and (max-width: 767px) {
  .comp-other-16 {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    display: block; }
    .comp-other-16 > .c-item-01 img {
      width: 100%;
      height: 206px;
      object-fit: contain;
      object-position: center; }
    .comp-other-16 > .c-item-02 {
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      justify-content: end;
      align-items: center;
      height: 56px;
      padding: 0 8px; }
      .comp-other-16 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-16 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-16 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-other-16 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16);
    display: block;
    width: 408px; }
    .comp-other-16 .c-item-01 img {
      width: 100%;
      height: 230px;
      object-fit: contain;
      object-position: center; }
    .comp-other-16 .c-item-02 {
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      justify-content: end;
      align-items: center;
      height: 56px;
      padding: 0 16px; }
      .comp-other-16 .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-16 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-16 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-other-17 {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
    display: block; }
    .comp-other-17 > .c-item-01 {
      width: 100%;
      height: 408px; }
      .comp-other-17 > .c-item-01 img {
        width: 100%;
        height: 408px;
        object-fit: cover;
        object-position: center; }
    .comp-other-17 > .c-item-02 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 56px;
      margin-left: 11px;
      padding: 8px 16px; }
      .comp-other-17 > .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-17 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-17 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (min-width: 768px) {
  .comp-other-17 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16);
    display: block;
    width: 300px; }
    .comp-other-17 .c-item-01 {
      width: 100%;
      height: 408px; }
      .comp-other-17 .c-item-01 img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 408px; }
    .comp-other-17 .c-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56px;
      padding: 8px 16px; }
      .comp-other-17 .c-item-02:after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg%20class%3D%22c-unit-02%22%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3108L12.1287%2017.2501L16.6287%2012.7501H6V11.2501H16.6287L12.1287%206.75011L13.1893%205.68945L19.5%2012.0001L13.1893%2018.3108Z%22%20fill%3D%22%23E94034%22%20%2F%3E%20%3C%2Fsvg%3E"); }

  .comp-other-17 > .c-item-02 {
    font-family: Outfit;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #221F44; }
    .comp-other-17 > .c-item-02.f-fs {
      font-size: 9.12px; } }
@media all and (max-width: 767px) {
  .comp-other-18 {
    display: flex;
    align-items: flex-end;
    padding-left: 24px;
    overflow: auto;
    margin-bottom: 24px;
    padding-right: 24px; }
    .comp-other-18 .c-item-01 {
      margin-right: 8px;
      height: calc(100% - 18px);
      flex-shrink: 0; }
    .comp-other-18 > :last-child {
      margin-right: 0; }

  .comp-other-18 .c-item-01 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 20px;
    border-radius: 100px;
    background-color: #F7F7FC;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-other-18 .c-item-01.f-fs {
      font-size: 7.98px; }
    .comp-other-18 .c-item-01.on {
      color: #E94034;
      border: 2px solid var(--primary-orange-active, #E94034); } }
@media all and (min-width: 768px) {
  .comp-other-18 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #FFFFFF;
    height: 48px; }
    .comp-other-18 .c-item-01 {
      margin-right: 16px;
      height: calc(100% - 18px); }
      .comp-other-18 .c-item-01.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-other-18 > :last-child {
      margin-right: 0; }

  .comp-other-18 .c-item-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-other-18 .c-item-01.f-fs {
      font-size: 5.7px; }
    .comp-other-18 .c-item-01.on {
      color: #E94034; } }
@media all and (max-width: 767px) {
  .comp-tabber-01 .tabber-header {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #221F44;
    height: 48px;
    padding-left: 24px; }
    .comp-tabber-01 .tabber-header .tab-head-item {
      margin-right: 16px;
      height: calc(100% - 18px);
      align-items: flex-start; }
      .comp-tabber-01 .tabber-header .tab-head-item.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-tabber-01 .tabber-header > :last-child {
      margin-right: 0; }
  .comp-tabber-01 .tabber-body {
    width: calc(100% - 48px);
    margin: 0 auto; }
    .comp-tabber-01 .tabber-body .tab-content:before, .comp-tabber-01 .tabber-body .tab-content:after {
      content: '';
      display: block;
      width: 16px;
      height: 16px; }

  .comp-tabber-01 .tabber-header .tab-head-item {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF; }
    .comp-tabber-01 .tabber-header .tab-head-item.f-fs {
      font-size: 5.7px; }
    .comp-tabber-01 .tabber-header .tab-head-item.on {
      color: #E94034; } }
@media all and (min-width: 768px) {
  .comp-tabber-01 .tabber-header {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #FFFFFF;
    height: 48px; }
    .comp-tabber-01 .tabber-header .tab-head-item {
      margin-right: 16px;
      height: calc(100% - 18px); }
      .comp-tabber-01 .tabber-header .tab-head-item.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-tabber-01 .tabber-header > :last-child {
      margin-right: 0; }
  .comp-tabber-01 .tabber-body {
    background: #F7F7FC;
    padding: 96px 0; }
    .comp-tabber-01 .tabber-body .tab-content-item {
      display: flex;
      justify-content: center; }

  .comp-tabber-01 .tabber-header .tab-head-item {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-tabber-01 .tabber-header .tab-head-item.f-fs {
      font-size: 5.7px; }
    .comp-tabber-01 .tabber-header .tab-head-item.on {
      color: #E94034; } }
@media all and (max-width: 767px) {
  .comp-tabber-02 {
    z-index: 7; }
    .comp-tabber-02 .c-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column-reverse; }
    .comp-tabber-02 .tabber-header {
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      background: #F7F7FC;
      height: 48px;
      padding: 0 24px !important;
      position: absolute;
      top: 194px;
      z-index: 6;
      width: 100%; }
      .comp-tabber-02 .tabber-header .tab-head-item {
        margin-right: 16px;
        height: calc(100% - 18px);
        align-items: flex-start; }
        .comp-tabber-02 .tabber-header .tab-head-item.on {
          box-shadow: inset 0px -4px 0px #E94034; }
      .comp-tabber-02 .tabber-header > :last-child {
        margin-right: 0; }
    .comp-tabber-02 .tabber-body {
      margin: 0 auto; }

  .comp-tabber-02 .tabber-header .tab-head-item {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-tabber-02 .tabber-header .tab-head-item.f-fs {
      font-size: 5.7px; }
    .comp-tabber-02 .tabber-header .tab-head-item.on {
      color: #E94034; } }
@media all and (min-width: 768px) {
  .comp-tabber-02 .c-wrapper {
    display: flex;
    justify-content: flex-end; }
  .comp-tabber-02 .comp-section-17 > .c-wrapper {
    justify-content: flex-end; }
  .comp-tabber-02.tabber-container .tabber-body {
    align-items: flex-end;
    margin-right: 24px;
    width: 840px; }
    .comp-tabber-02.tabber-container .tabber-body .tab-content-item {
      width: auto; }
  .comp-tabber-02 .tabber-header {
    overflow: initial !important;
    height: 112px;
    position: sticky;
    top: 192px;
    z-index: 5;
    width: 192px;
    background: #F7F7FC;
    border: 2px solid #ECEAFA;
    padding: 8px 24px 8px 24px;
    display: block !important;
    margin: 48px 0; }
    .comp-tabber-02 .tabber-header .tab-head-item {
      height: 48px;
      padding-top: 18px;
      display: inline-block !important; }
      .comp-tabber-02 .tabber-header .tab-head-item.on {
        box-shadow: inset 0px -4px 0px #E94034; }
    .comp-tabber-02 .tabber-header > :last-child {
      margin-right: 0; }
  .comp-tabber-02 .tabber-body {
    background: #F7F7FC;
    padding: 0; }
    .comp-tabber-02 .tabber-body .tab-content-item {
      position: relative !important;
      z-index: 1 !important;
      top: auto !important;
      visibility: visible !important;
      opacity: 1 !important;
      overflow: auto !important;
      display: flex;
      justify-content: center; }

  .comp-tabber-02 .tabber-header .tab-head-item {
    font-family: Outfit;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #76758F; }
    .comp-tabber-02 .tabber-header .tab-head-item.f-fs {
      font-size: 5.7px; }
    .comp-tabber-02 .tabber-header .tab-head-item.on {
      color: #E94034; } }
.filter-ui-01 > .c-item-01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #D7D5E1; }
  .filter-ui-01 > .c-item-01 > .form-group-01 {
    width: calc(50% - 8px); }
    .filter-ui-01 > .c-item-01 > .form-group-01 > .tb-02 {
      height: 56px; }
.filter-ui-01 > .c-item-02 > .chk-B {
  height: 48px; }
  .filter-ui-01 > .c-item-02 > .chk-B:first-child {
    height: 72px;
    padding-top: 24px; }
  .filter-ui-01 > .c-item-02 > .chk-B label {
    align-items: center; }
    .filter-ui-01 > .c-item-02 > .chk-B label img {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      margin-right: 8px; }
.filter-ui-01 > .c-item-02 .dimension-search {
  padding: 24px 0;
  height: 104px; }
  .filter-ui-01 > .c-item-02 .dimension-search > .search-input {
    border: 1px solid #D7D5E1;
    height: 56px;
    width: 100%;
    padding: 16px 48px 16px 16px;
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .filter-ui-01 > .c-item-02 .dimension-search > .search-input.f-fs {
      font-size: 9.12px; }
    .filter-ui-01 > .c-item-02 .dimension-search > .search-input:focus {
      padding: 24px 48px 16px 16px; }
      .filter-ui-01 > .c-item-02 .dimension-search > .search-input:focus ~ .search-input-placeholder {
        top: 36px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #A19EB4; }
    .filter-ui-01 > .c-item-02 .dimension-search > .search-input:not([value=""]) {
      padding: 24px 48px 16px 16px; }
      .filter-ui-01 > .c-item-02 .dimension-search > .search-input:not([value=""]) ~ .search-input-placeholder {
        top: 36px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #A19EB4; }
        .filter-ui-01 > .c-item-02 .dimension-search > .search-input:not([value=""]) ~ .search-input-placeholder.f-fs {
          font-size: 5.7px; }
      .filter-ui-01 > .c-item-02 .dimension-search > .search-input:not([value=""]) ~ .search-icon {
        display: none; }
      .filter-ui-01 > .c-item-02 .dimension-search > .search-input:not([value=""]) ~ .close-icon {
        display: flex; }
  .filter-ui-01 > .c-item-02 .dimension-search > .search-input-placeholder {
    position: absolute;
    top: 40px;
    left: 16px;
    width: calc(100% - 64px);
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #76758F;
    transition: color 0.2s,font-size 0.2s,line-height 0.2s,text-transform 0.2s,top 0.2s;
    cursor: auto; }
    .filter-ui-01 > .c-item-02 .dimension-search > .search-input-placeholder.f-fs {
      font-size: 9.12px; }
  .filter-ui-01 > .c-item-02 .dimension-search > .search-icon {
    display: flex;
    position: absolute;
    right: 16px;
    top: calc(50% - 10.5px); }
  .filter-ui-01 > .c-item-02 .dimension-search > .close-icon {
    display: none;
    position: absolute;
    right: 16px;
    top: calc(50% - 8px); }
.filter-ui-01 > .c-item-02 .dimension-search-result-not-found {
  display: none; }
  .filter-ui-01 > .c-item-02 .dimension-search-result-not-found.on {
    display: flex;
    background: #FFF;
    padding: 16px 16px 16px 14px;
    margin-bottom: 24px; }
    .filter-ui-01 > .c-item-02 .dimension-search-result-not-found.on svg {
      margin-top: 6px; }
    .filter-ui-01 > .c-item-02 .dimension-search-result-not-found.on p {
      margin-left: 14px;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #221F44; }
      .filter-ui-01 > .c-item-02 .dimension-search-result-not-found.on p.f-fs {
        font-size: 9.12px; }
.filter-ui-01#filter-pricerange {
  padding-top: 24px; }
  .filter-ui-01#filter-pricerange > .c-item-02 > .chk-B:first-child {
    height: 48px;
    padding-top: 0; }

.filter-ui-01 > .c-item-02 > .chk-B label {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #4E4C69; }
  .filter-ui-01 > .c-item-02 > .chk-B label.f-fs {
    font-size: 9.12px; }

.filter-ui-02 > .c-item-01:not(:last-child) {
  margin-bottom: 16px; }
.filter-ui-02 > .c-item-01 > .c-item-01-A {
  margin-bottom: 8px; }
.filter-ui-02 > .c-item-01 > .c-item-01-B {
  display: flex;
  flex-wrap: wrap; }
  .filter-ui-02 > .c-item-01 > .c-item-01-B .chk-C:not(:last-child) {
    margin-right: 8px; }
  .filter-ui-02 > .c-item-01 > .c-item-01-B .chk-C label {
    border-radius: 48px;
    margin-bottom: 8px; }
    .filter-ui-02 > .c-item-01 > .c-item-01-B .chk-C label:before {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0%208C0%203.58172%203.58172%200%208%200V0C12.4183%200%2016%203.58172%2016%208V8C16%2012.4183%2012.4183%2016%208%2016V16C3.58172%2016%200%2012.4183%200%208V8Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3Cpath%20d%3D%22M11.1699%205L11.9132%205.66896L6.7262%2011.4323L4%208.70613L4.70711%207.99902L6.68801%209.97993L11.1699%205Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E"); }

.filter-ui-02 > .c-item-01 > .c-item-01-A {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1em;
  color: #221F44; }
  .filter-ui-02 > .c-item-01 > .c-item-01-A.f-fs {
    font-size: 5.7px; }

@media all and (max-width: 767px) {
  #kvkk-cookie {
    padding: 48px 0 120px 0;
    width: calc(100% - 48px);
    margin: 0 auto; }
    #kvkk-cookie h2 {
      font-weight: 500;
      font-size: 32px;
      line-height: 42px;
      color: #221F44;
      margin-bottom: 24px; }
    #kvkk-cookie p {
      font-weight: normal;
      font-size: 18px;
      line-height: 28px;
      color: #221F44;
      margin-bottom: 48px; }
    #kvkk-cookie a {
      color: #221F44;
      text-decoration: none; } }
@media all and (min-width: 768px) {
  #kvkk-cookie {
    padding: 48px 0 160px 0;
    width: 780px;
    margin: 0 auto; }
    #kvkk-cookie h2 {
      font-weight: 500;
      font-size: 28px;
      line-height: 38px;
      color: #28263B;
      margin-bottom: 32px; }
      #kvkk-cookie h2.f-fs {
        font-size: 15.96px; }
    #kvkk-cookie p {
      font-weight: normal;
      font-size: 18px;
      line-height: 30px;
      color: #4E4C69;
      margin-bottom: 60px; }
      #kvkk-cookie p.f-fs {
        font-size: 10.26px; }
    #kvkk-cookie a {
      text-decoration: underline; } }
@media all and (max-width: 767px) {
  #productContainer .listingPageSkeletonHeader {
    color: #221F44;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Outfit";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding-top: 24px;
    margin-bottom: 8px; }
  #productContainer .listingPageSkeletonContainer {
    width: 100%;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr); }
    #productContainer .listingPageSkeletonContainer .c-container-01 {
      padding: 16px;
      background: #FFF;
      box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-01 {
        width: 100%;
        height: 32px;
        background: linear-gradient(270deg, #EEE 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-02 {
        width: 100%;
        aspect-ratio: 1 / 1;
        margin-top: 8px;
        background: linear-gradient(270deg, #E0E0E0 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0.18) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-03 {
        width: 60%;
        height: 16px;
        margin-top: 16px;
        background: linear-gradient(270deg, #EEE 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-04 {
        height: 54px;
        margin-top: 8px;
        background: linear-gradient(270deg, #E0E0E0 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0.18) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-05 {
        width: 65%;
        height: 30px;
        margin-top: 50px;
        background: linear-gradient(270deg, #E0E0E0 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0.18) 100%); } }
@media all and (min-width: 768px) {
  #productContainer .listingPageSkeletonHeader {
    color: #221F44;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Outfit";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px; }
  #productContainer .listingPageSkeletonContainer {
    width: 100%;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr); }
    #productContainer .listingPageSkeletonContainer .c-container-01 {
      padding: 16px;
      background: #FFF;
      box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-01 {
        width: 100%;
        height: 32px;
        background: linear-gradient(270deg, #EEE 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-02 {
        width: 100%;
        aspect-ratio: 1 / 1;
        margin-top: 8px;
        background: linear-gradient(270deg, #E0E0E0 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0.18) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-03 {
        width: 40%;
        height: 16px;
        margin-top: 16px;
        background: linear-gradient(270deg, #EEE 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-04 {
        height: 40px;
        margin-top: 8px;
        background: linear-gradient(270deg, #E0E0E0 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0.18) 100%); }
      #productContainer .listingPageSkeletonContainer .c-container-01 .c-item-05 {
        width: 40%;
        height: 30px;
        margin-top: 50px;
        background: linear-gradient(270deg, #E0E0E0 0%, rgba(221, 221, 221, 0.5) 50.34%, rgba(238, 238, 238, 0.18) 100%); } }
[class*=chk-] > label {
  cursor: pointer;
  display: flex;
  transition: color 0.3s; }
  [class*=chk-] > label::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-color: #fff;
    transition: background-color 0.3s, border 0.3s; }
[class*=chk-] [type=checkbox]:checked ~ label::before {
  background-position: center center;
  background-repeat: no-repeat; }

.chk-A > :nth-child(2) {
  padding: 0 0 0 0; }
  .chk-A > :nth-child(2)::before {
    top: 4px;
    width: 20px;
    height: 20px;
    border: 1px solid #D5D5D6;
    transition: background-color 0.2s, border 0.2s; }
.chk-A [type=checkbox]:checked ~ label::before {
  border: none;
  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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%200H0V20H20V0ZM15.5178%207.5L13.75%205.73223L8.75%2010.7322L6.25%208.23223L4.48223%2010L8.75%2014.2678L15.5178%207.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
.chk-A [type=checkbox].error ~ label.error::before {
  border: 1px solid #D5D5D6; }
.chk-A:hover > label::before {
  background-color: #E7E7E7; }

.chk-B > :nth-child(2) {
  padding: 0 0 0 24px; }
  .chk-B > :nth-child(2)::before {
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #221F44;
    transition: background-color 0.2s, border 0.2s; }
.chk-B [type=checkbox]:checked ~ label::before {
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%200H0V20H20V0ZM15.5178%207.5L13.75%205.73223L8.75%2010.7322L6.25%208.23223L4.48223%2010L8.75%2014.2678L15.5178%207.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
.chk-B [type=checkbox].error ~ label.error::before {
  border: 1px solid #D5D5D6; }
.chk-B:hover > label {
  color: #e94034 !important; }
  .chk-B:hover > label a, .chk-B:hover > label span {
    color: #e94034 !important; }
  .chk-B:hover > label::before {
    border: 1px solid #e94034; }

.chk-C label {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px; }
  .chk-C label:before {
    position: relative;
    visibility: hidden;
    opacity: 0;
    left: auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: visibility 0.25s, opacity 0.25s; }
.chk-C [type=checkbox]:checked ~ label:before {
  visibility: visible;
  opacity: 1; }

.form-group-01 {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .form-group-01 .gr-textbox {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 48px 8px 16px;
    border: 1px solid #D7D5E1;
    background: transparent;
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #4E4C69;
    transition: border 0.2s; }
    .form-group-01 .gr-textbox.f-fs {
      font-size: 9.12px; }
    .form-group-01 .gr-textbox:hover {
      border: 1px solid #76758F; }
    .form-group-01 .gr-textbox::-webkit-input-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-01 .gr-textbox::-webkit-input-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-01 .gr-textbox::-moz-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-01 .gr-textbox::-moz-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-01 .gr-textbox:-ms-input-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-01 .gr-textbox:-ms-input-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-01 .gr-textbox:-moz-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-01 .gr-textbox:-moz-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-01 .gr-textbox ~ .tb-placeholder-01 {
      position: absolute;
      top: 16px;
      left: 16px;
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-01 .gr-textbox ~ .tb-placeholder-01.f-fs {
        font-size: 9.12px; }
    .form-group-01 .gr-textbox:focus ~ .tb-placeholder-01 {
      top: 12px;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #A19EB4; }
      .form-group-01 .gr-textbox:focus ~ .tb-placeholder-01.f-fs {
        font-size: 5.7px; }
    .form-group-01 .gr-textbox:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
      top: 12px;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #A19EB4; }
      .form-group-01 .gr-textbox:not([value=""]):not(:focus) ~ .tb-placeholder-01.f-fs {
        font-size: 5.7px; }
    .form-group-01 .gr-textbox ~ .gr-display-pass-button {
      position: absolute;
      right: 8px;
      top: 12px;
      display: block;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.0005%2023C12.3108%2023%209.02645%2020.8104%206.17031%2016.5575L5.7959%2016L6.17031%2015.4425C9.02645%2011.1896%2012.3108%209%2016.0005%209C19.6901%209%2022.9745%2011.1896%2025.8306%2015.4425L26.2051%2016L25.8306%2016.5575C22.9745%2020.8104%2019.6901%2023%2016.0005%2023ZM20.8623%2012.8277C21.8649%2013.6212%2022.8385%2014.6765%2023.7842%2016C21.3767%2019.3693%2018.7886%2021%2016.0005%2021C13.2124%2021%2010.6243%2019.3693%208.21672%2016C9.16246%2014.6765%2010.136%2013.6212%2011.1387%2012.8277C11.0483%2013.2037%2011.0005%2013.5963%2011.0005%2014C11.0005%2016.7614%2013.2391%2019%2016.0005%2019C18.7619%2019%2021.0005%2016.7614%2021.0005%2014C21.0005%2013.5963%2020.9526%2013.2037%2020.8623%2012.8277ZM16.0005%2011C14.3436%2011%2013.0005%2012.3431%2013.0005%2014C13.0005%2015.6569%2014.3436%2017%2016.0005%2017C17.6573%2017%2019.0005%2015.6569%2019.0005%2014C19.0005%2012.3431%2017.6573%2011%2016.0005%2011Z%22%20fill%3D%22%234E4C69%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
    .form-group-01 .gr-textbox[type="text"] ~ .gr-display-pass-button {
      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%22M6%2013C6%2013%209.5%2017%2016%2017C22.5%2017%2026%2013%2026%2013%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014.6445L6%2016.9995%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M25.9999%2017.0004L24.0039%2014.6484%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M12.914%2016.6797L12%2019.4997%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M19.0635%2016.6875L20.0005%2019.4995%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3C%2Fsvg%3E"); }
  .form-group-01.parenterror .gr-textbox ~ .gr-display-pass-button {
    right: 36px; }

.form-group-02 {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .form-group-02 .gr-textbox {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 48px 8px 16px;
    border: 1px solid #D7D5E1;
    background: transparent;
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #4E4C69;
    transition: border 0.2s; }
    .form-group-02 .gr-textbox.f-fs {
      font-size: 9.12px; }
    .form-group-02 .gr-textbox:hover {
      border: 1px solid #76758F; }
    .form-group-02 .gr-textbox::-webkit-input-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-02 .gr-textbox::-webkit-input-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-02 .gr-textbox::-moz-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-02 .gr-textbox::-moz-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-02 .gr-textbox:-ms-input-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-02 .gr-textbox:-ms-input-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-02 .gr-textbox:-moz-placeholder {
      font-family: Outfit;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-02 .gr-textbox:-moz-placeholder.f-fs {
        font-size: 9.12px; }
    .form-group-02 .gr-textbox ~ .tb-placeholder-01 {
      position: absolute;
      top: 16px;
      left: 16px;
      font-family: Outfit;
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #76758F; }
      .form-group-02 .gr-textbox ~ .tb-placeholder-01.f-fs {
        font-size: 9.12px; }
    .form-group-02 .gr-textbox:focus ~ .tb-placeholder-01 {
      top: 12px;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #A19EB4; }
      .form-group-02 .gr-textbox:focus ~ .tb-placeholder-01.f-fs {
        font-size: 5.7px; }
    .form-group-02 .gr-textbox:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
      top: 12px;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #A19EB4; }
      .form-group-02 .gr-textbox:not([value=""]):not(:focus) ~ .tb-placeholder-01.f-fs {
        font-size: 5.7px; }
    .form-group-02 .gr-textbox ~ .gr-display-pass-button {
      position: absolute;
      right: 8px;
      top: 12px;
      display: block;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.0005%2023C12.3108%2023%209.02645%2020.8104%206.17031%2016.5575L5.7959%2016L6.17031%2015.4425C9.02645%2011.1896%2012.3108%209%2016.0005%209C19.6901%209%2022.9745%2011.1896%2025.8306%2015.4425L26.2051%2016L25.8306%2016.5575C22.9745%2020.8104%2019.6901%2023%2016.0005%2023ZM20.8623%2012.8277C21.8649%2013.6212%2022.8385%2014.6765%2023.7842%2016C21.3767%2019.3693%2018.7886%2021%2016.0005%2021C13.2124%2021%2010.6243%2019.3693%208.21672%2016C9.16246%2014.6765%2010.136%2013.6212%2011.1387%2012.8277C11.0483%2013.2037%2011.0005%2013.5963%2011.0005%2014C11.0005%2016.7614%2013.2391%2019%2016.0005%2019C18.7619%2019%2021.0005%2016.7614%2021.0005%2014C21.0005%2013.5963%2020.9526%2013.2037%2020.8623%2012.8277ZM16.0005%2011C14.3436%2011%2013.0005%2012.3431%2013.0005%2014C13.0005%2015.6569%2014.3436%2017%2016.0005%2017C17.6573%2017%2019.0005%2015.6569%2019.0005%2014C19.0005%2012.3431%2017.6573%2011%2016.0005%2011Z%22%20fill%3D%22%234E4C69%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
    .form-group-02 .gr-textbox[type="text"] ~ .gr-display-pass-button {
      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%22M6%2013C6%2013%209.5%2017%2016%2017C22.5%2017%2026%2013%2026%2013%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014.6445L6%2016.9995%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M25.9999%2017.0004L24.0039%2014.6484%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M12.914%2016.6797L12%2019.4997%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M19.0635%2016.6875L20.0005%2019.4995%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3C%2Fsvg%3E"); }
  .form-group-02 .gr-note {
    margin-top: 10px;
    font-family: Outfit;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .form-group-02 .gr-note.f-fs {
      font-size: 6.84px; }
  .form-group-02.parenterror .gr-textbox ~ .gr-display-pass-button {
    right: 36px; }

.hr-C {
  background: #ECEAFA;
  width: 1px;
  flex-grow: 1;
  height: 24px; }

@media all and (min-width: 1280px) and (max-width: 1679px) {
  .hr-01 {
    margin: 24px 0 24px 0; } }
@media all and (min-width: 1680px) {
  .hr-01 {
    margin: 24px 0 24px 0; } }
.select-01 {
  width: 100%;
  height: 56px;
  padding-left: 16px;
  border: 1px solid #D7D5E1;
  font-family: Outfit;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #76758F;
  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%22M16.0001%2017.5857L21.293%2012.2928L22.7072%2013.7071L16.0001%2020.4142L9.29297%2013.7071L10.7072%2012.2928L16.0001%2017.5857Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%; }
  .select-01.f-fs {
    font-size: 9.12px; }

.select-02 {
  width: 232px;
  height: 56px;
  padding-left: 16px;
  border: 1px solid #D7D5E1;
  font-family: Outfit;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #76758F;
  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%22M16.0001%2017.5857L21.293%2012.2928L22.7072%2013.7071L16.0001%2020.4142L9.29297%2013.7071L10.7072%2012.2928L16.0001%2017.5857Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%; }
  .select-02.f-fs {
    font-size: 9.12px; }

.select-district {
  display: flex;
  flex-direction: column; }
  .select-district .select2-container {
    width: 100% !important; }
  .select-district .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important; }
  .select-district .select2-container--default .select2-selection--single {
    width: 100%;
    display: flex;
    height: 56px;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 16px;
    border: 1px solid #D7D5E1;
    border-radius: 0;
    background: transparent;
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4E4C69;
    transition: 0.1s; }
    .select-district .select2-container--default .select2-selection--single.f-fs {
      font-size: 9.12px; }
  .select-district .select2-results__option {
    display: flex;
    align-items: center; }
  .select-district .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg); }
  .select-district .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .select-district .select2-container--default .select2-selection--single .select2-selection__arrow b {
    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%22M16.0001%2017.5857L21.293%2012.2928L22.7072%2013.7071L16.0001%2020.4142L9.29297%2013.7071L10.7072%2012.2928L16.0001%2017.5857Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
    height: 32px !important;
    width: 32px !important;
    margin: auto !important;
    top: auto !important;
    left: -13px !important; }
  .select-district .select2-container--default.error .select2-selection--single {
    border: 1px solid #E94034; }

.select2-dropdown.options-with-radio {
  padding: 8px; }
  .select2-dropdown.options-with-radio .select2-search {
    padding: 0;
    margin-bottom: 8px; }
    .select2-dropdown.options-with-radio .select2-search .select2-search__field {
      padding: 8px 16px;
      color: #76758F;
      font-family: Outfit;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px; }
  .select2-dropdown.options-with-radio .select2-results__options::-webkit-scrollbar {
    width: 8px; }
  .select2-dropdown.options-with-radio .select2-results__options::-webkit-scrollbar-track {
    background: #fff; }
  .select2-dropdown.options-with-radio .select2-results__options::-webkit-scrollbar-thumb {
    background: #A19EB4;
    border-radius: 99px; }
  .select2-dropdown.options-with-radio .select2-results__options .select2-results__option.select2-results__option--selected, .select2-dropdown.options-with-radio .select2-results__options .select2-results__option.select2-results__option--highlighted, .select2-dropdown.options-with-radio .select2-results__options .select2-results__option.select2-results__option--selectable {
    background-color: transparent;
    color: #4E4C69; }
  .select2-dropdown.options-with-radio .select2-results__options .select2-results__option:hover {
    background-color: transparent;
    color: #4E4C69; }
  .select2-dropdown.options-with-radio .select2-results__options .select2-results__option .rdb-B.rdb-medium > label {
    color: #4E4C69;
    font-family: Outfit;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; }

.textArea-01 {
  width: 100%;
  padding: 16px;
  font-family: Outfit;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #76758F;
  border: 1px solid #D7D5E1;
  min-height: 112px; }
  .textArea-01.f-fs {
    font-size: 9.12px; }

.tb-01 {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  border: 1px solid #D7D5E1;
  background: transparent;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #76758F;
  font-family: Outfit; }
  .tb-01.f-fs {
    font-size: 9.12px; }
  .tb-01::-webkit-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-01::-webkit-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-01::-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-01::-moz-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-01:-ms-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-01:-ms-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-01:-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-01:-moz-placeholder.f-fs {
      font-size: 9.12px; }

textarea.tb-01 {
  resize: none;
  padding-top: 20px !important;
  min-height: 76px; }

.tb-02 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 0 8px 16px;
  border: 1px solid #D7D5E1;
  background: transparent;
  font-family: Outfit;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #4E4C69;
  transition: border 0.2s; }
  .tb-02.f-fs {
    font-size: 9.12px; }
  .tb-02:hover {
    border: 1px solid #76758F; }
  .tb-02::-webkit-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-02::-webkit-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-02::-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-02::-moz-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-02:-ms-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-02:-ms-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-02:-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-02:-moz-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-02 ~ .tb-placeholder-01 {
    position: absolute;
    top: 16px;
    left: 16px;
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-02 ~ .tb-placeholder-01.f-fs {
      font-size: 9.12px; }
  .tb-02:focus ~ .tb-placeholder-01 {
    top: 12px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A19EB4; }
    .tb-02:focus ~ .tb-placeholder-01.f-fs {
      font-size: 5.7px; }
  .tb-02:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
    top: 12px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A19EB4; }
    .tb-02:not([value=""]):not(:focus) ~ .tb-placeholder-01.f-fs {
      font-size: 5.7px; }

.tb-03 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 48px 0 16px;
  border: 1px solid #D7D5E1;
  background: transparent;
  font-family: Outfit;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #4E4C69; }
  .tb-03.f-fs {
    font-size: 9.12px; }
  .tb-03::-webkit-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-03::-webkit-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-03::-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-03::-moz-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-03:-ms-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-03:-ms-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-03:-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-03:-moz-placeholder.f-fs {
      font-size: 9.12px; }

.tb-06 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 0 8px 16px;
  border: 1px solid #D7D5E1;
  background: transparent;
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #4E4C69;
  transition: border 0.2s; }
  .tb-06.f-fs {
    font-size: 9.12px; }
  .tb-06:hover {
    border: 1px solid #76758F; }
  .tb-06::-webkit-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-06::-webkit-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-06::-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-06::-moz-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-06:-ms-input-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-06:-ms-input-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-06:-moz-placeholder {
    font-family: Outfit;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-06:-moz-placeholder.f-fs {
      font-size: 9.12px; }
  .tb-06 ~ .tb-placeholder-01 {
    position: absolute;
    top: 16px;
    left: 16px;
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #76758F; }
    .tb-06 ~ .tb-placeholder-01.f-fs {
      font-size: 9.12px; }
  .tb-06:focus ~ .tb-placeholder-01 {
    top: 12px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A19EB4; }
    .tb-06:focus ~ .tb-placeholder-01.f-fs {
      font-size: 5.7px; }
  .tb-06:not([value=""]):not(:focus) ~ .tb-placeholder-01 {
    top: 12px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A19EB4; }
    .tb-06:not([value=""]):not(:focus) ~ .tb-placeholder-01.f-fs {
      font-size: 5.7px; }

.val-A input[type=number].error, .val-A input[type=text].error, .val-A input[type=password].error {
  color: #76758F !important;
  border: 1px solid #FF7575 !important;
  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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2024C20.4183%2024%2024%2020.4183%2024%2016C24%2011.5817%2020.4183%208%2016%208C11.5817%208%208%2011.5817%208%2016C8%2020.4183%2011.5817%2024%2016%2024ZM11.5858%2013L13%2011.5858L16%2014.5858L19%2011.5858L20.4142%2013L17.4142%2016L20.4142%2019L19%2020.4142L16%2017.4142L13%2020.4142L11.5858%2019L14.5858%2016L11.5858%2013Z%22%20fill%3D%22%23FF7575%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%; }
.val-A .parenterror .gr-pass {
  display: none; }
.val-A .parenterror .select2-selection {
  border: 1px solid #FF7575 !important; }
  .val-A .parenterror .select2-selection .select2-selection__placeholder {
    color: #76758F !important; }
.val-A .parenterror .select2-container--default .select2-selection--single .select2-selection__arrow b {
  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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2024C20.4183%2024%2024%2020.4183%2024%2016C24%2011.5817%2020.4183%208%2016%208C11.5817%208%208%2011.5817%208%2016C8%2020.4183%2011.5817%2024%2016%2024ZM11.5858%2013L13%2011.5858L16%2014.5858L19%2011.5858L20.4142%2013L17.4142%2016L20.4142%2019L19%2020.4142L16%2017.4142L13%2020.4142L11.5858%2019L14.5858%2016L11.5858%2013Z%22%20fill%3D%22%23FF7575%22%2F%3E%20%3C%2Fsvg%3E%20"); }
.val-A .parenterror label.error {
  font-size: 12px !important;
  display: flex !important;
  justify-content: flex-end;
  width: 100%;
  order: 1;
  line-height: 16px !important;
  font-weight: 600 !important;
  color: #FF7575 !important; }

.val-B label.error {
  display: none !important; }

.val-C input[type=text].error,
.val-C select.error {
  color: #FF7575 !important;
  border: 1px solid #FF7575 !important; }
.val-C input[type=radio].error ~ label:before,
.val-C input[type=checkbox].error ~ label:before {
  border: 1px solid #FF7575 !important; }
.val-C input[type=radio].error ~ label span,
.val-C input[type=checkbox].error ~ label span {
  color: #FF7575 !important;
  font-weight: 500; }
.val-C .parenterror .select2-selection {
  border: 2px solid #FF7575 !important; }
  .val-C .parenterror .select2-selection .select2-selection__placeholder {
    color: #FF7575 !important; }
.val-C .parenterror label {
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #FF7575 !important; }
.val-C label.error {
  display: none !important; }

.list-validation.listerror .error-with-border {
  border: 1px solid #FF7575;
  padding: 12px; }
.list-validation.listerror .list-validation-header {
  font-weight: 700 !important;
  color: #FF7575 !important; }
.list-validation .parenterror label.error {
  display: none !important; }

.rdb-A {
  display: flex; }
  .rdb-A > label {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    transition: color 0.3s;
    display: inline-flex; }
    .rdb-A > label::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-color: #fff; }
  .rdb-A [type=radio]:checked ~ label::before {
    background-position: center center;
    background-repeat: no-repeat; }
  .rdb-A:hover > label::before {
    border: 1px solid #474F6F;
    background-color: #EBEDF0; }
  .rdb-A [type=radio]:disabled ~ label::before {
    border: none;
    background-color: #F5F7F9; }
  .rdb-A [type=radio].error ~ label::before {
    border: 1px solid #BD2111;
    background-color: #FFEBED; }
  .rdb-A.rdb-large > label {
    min-width: 24px;
    min-height: 24px;
    padding: 0 0 0 0; }
    .rdb-A.rdb-large > label::before {
      width: 24px;
      height: 24px;
      border: 1px solid #474F6F;
      border-radius: 50%;
      transition: background-color 0.3s, border 0.3s; }
  .rdb-A.rdb-large [type=radio]:checked ~ label::before {
    border: 1px solid #0072B6 !important;
    background-size: 8px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%228%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%230072B6%22%2F%3E%3C%2Fsvg%3E");
    background-color: #E1F4FD; }
  .rdb-A.rdb-medium > label {
    min-width: 20px;
    min-height: 20px;
    padding: 0 0 0 0; }
    .rdb-A.rdb-medium > label::before {
      width: 20px;
      height: 20px;
      border: 1px solid #474F6F;
      border-radius: 50%;
      transition: background-color 0.3s, border 0.3s; }
  .rdb-A.rdb-medium [type=radio]:checked ~ label::before {
    border: 1px solid #0072B6 !important;
    background-size: 6px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%226%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%230072B6%22%2F%3E%3C%2Fsvg%3E");
    background-color: #E1F4FD; }
  .rdb-A.rdb-slim > label {
    min-width: 16px;
    min-height: 16px;
    padding: 0 0 0 0; }
    .rdb-A.rdb-slim > label::before {
      width: 16px;
      height: 16px;
      border: 1px solid #474F6F;
      border-radius: 50%;
      transition: background-color 0.3s, border 0.3s; }
  .rdb-A.rdb-slim [type=radio]:checked ~ label::before {
    border: 1px solid #0072B6 !important;
    background-size: 4px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%224%22%20height%3D%224%22%20viewBox%3D%220%200%204%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%224%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%230072B6%22%2F%3E%3C%2Fsvg%3E");
    background-color: #E1F4FD; }

.rdb-B {
  display: flex; }
  .rdb-B > label {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    transition: color 0.3s;
    display: inline-flex; }
    .rdb-B > label::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      background-color: #fff; }
  .rdb-B [type=radio]:checked ~ label::before {
    background-position: center center;
    background-repeat: no-repeat; }
  .rdb-B [type=radio]:disabled ~ label::before {
    border: none;
    background-color: #F5F7F9; }
  .rdb-B [type=radio].error ~ label::before {
    border: 1px solid #BD2111;
    background-color: #FFEBED; }
  .rdb-B.rdb-large > label {
    min-width: 16px;
    min-height: 16px;
    padding: 0 0 0 0; }
    .rdb-B.rdb-large > label::before {
      width: 16px;
      height: 16px;
      border: 1px solid #221F44;
      border-radius: 50%;
      transition: background-color 0.3s, border 0.3s; }
  .rdb-B.rdb-large [type=radio]:checked ~ label::before {
    border: none !important;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM8%2011C9.65685%2011%2011%209.65685%2011%208C11%206.34315%209.65685%205%208%205C6.34315%205%205%206.34315%205%208C5%209.65685%206.34315%2011%208%2011Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-color: #FFF; }
  .rdb-B.rdb-medium > label {
    min-width: 20px;
    min-height: 20px;
    padding: 0 0 0 0; }
    .rdb-B.rdb-medium > label::before {
      width: 20px;
      height: 20px;
      border: 1px solid #221F44;
      border-radius: 50%;
      transition: background-color 0.3s, border 0.3s; }
  .rdb-B.rdb-medium [type=radio]:checked ~ label::before {
    border: none !important;
    background-size: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM8%2011C9.65685%2011%2011%209.65685%2011%208C11%206.34315%209.65685%205%208%205C6.34315%205%205%206.34315%205%208C5%209.65685%206.34315%2011%208%2011Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-color: #FFF; }
  .rdb-B.rdb-slim > label {
    min-width: 16px;
    min-height: 16px;
    padding: 0 0 0 0; }
    .rdb-B.rdb-slim > label::before {
      width: 16px;
      height: 16px;
      border: 1px solid #221F44;
      border-radius: 50%;
      transition: background-color 0.3s, border 0.3s; }
  .rdb-B.rdb-slim [type=radio]:checked ~ label::before {
    border: none !important;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58172%2012.4183%200%208%200C3.58172%200%200%203.58172%200%208C0%2012.4183%203.58172%2016%208%2016ZM8%2011C9.65685%2011%2011%209.65685%2011%208C11%206.34315%209.65685%205%208%205C6.34315%205%205%206.34315%205%208C5%209.65685%206.34315%2011%208%2011Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-color: #FFF; }
  .rdb-B:hover > label {
    color: #e94034 !important; }
    .rdb-B:hover > label::before {
      border: 1px solid #e94034; }

.rdb-A.rdb-slim > .c-item-01 > .c-unit-02 {
  margin-left: 56px; }
.rdb-A > label {
  display: flex;
  align-items: center; }
  .rdb-A > label::before {
    margin-right: 8px;
    position: relative; }

.rdb-B.rdb-slim > .c-item-01 > .c-unit-02 {
  margin-left: 56px; }
.rdb-B > label {
  display: flex;
  align-items: center; }
  .rdb-B > label::before {
    margin-right: 8px;
    position: relative; }

.btn-spinner {
  cursor: not-allowed; }
  .btn-spinner:after {
    content: '';
    position: absolute;
    right: 12px;
    top: calc(50% - 16px);
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("/Content/Images/Loaders/circles-light.svg");
    background-size: 100% 100%; }
  .btn-spinner.dark:after {
    background-image: url("/Content/Images/Loaders/circles-dark.svg"); }
  .btn-spinner.grey:after {
    background-image: url("/Content/Images/Loaders/circles-grey.svg"); }

@media all and (max-width: 767px) {
  .form-group-01.w-xs1-100px {
    width: 100px; }
  .form-group-01 .field-cluster-01 {
    width: 100%; }
    .form-group-01 .field-cluster-01 .element-container-01 {
      display: flex;
      align-items: center; }
      .form-group-01 .field-cluster-01 .element-container-01 .sl-01 {
        width: 100%;
        height: 56px;
        padding: 0 16px;
        border: 1px solid #CECDD9;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #221F44;
        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%22M7.06066%208.25L6%209.31066L12.3107%2015.6213L18.6213%209.31066L17.5607%208.25L12.3107%2013.5L7.06066%208.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
        background-repeat: no-repeat;
        background-position: center;
        background-position: right;
        background-origin: content-box; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01:hover {
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01:focus {
          padding: 12px 16px;
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single {
          display: flex;
          align-items: center;
          width: 100%;
          height: 56px;
          border: 1px solid #D7D5E1;
          background: #ffffff !important;
          border-radius: 0px; }
          .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered {
            width: 100%;
            padding-left: 16px;
            font-size: 16px;
            font-weight: 400;
            color: #221F44;
            line-height: 20px;
            letter-spacing: -0.01em; }
            .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
              top: 2px;
              font-weight: 400;
              font-size: 16px;
              line-height: 20px;
              color: #221F44; }
          .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow {
            top: calc(50% - 10px);
            right: 18px;
            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%3Cpath%20d%3D%22M10.0001%2010.9767L14.1251%206.85167L15.3034%208.03L10.0001%2013.3333L4.69678%208.03L5.87511%206.85167L10.0001%2010.9767Z%22%20fill%3D%22%23525252%22%2F%3E%20%3C%2Fsvg%3E%20"); }
            .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow b {
              display: none; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--above .select2-selection--single {
          border-top-left-radius: 0;
          border-top-right-radius: 0; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--below .select2-selection--single {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-01 {
        display: flex;
        align-items: center;
        padding: 8px; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-text {
          font-weight: 400;
          font-size: 14px;
          line-height: 24px;
          color: #4E4C69; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.0583%200.5L9.5%201.9417L3.98057%207.46113L0.5%203.98057L1.9417%202.53887L3.98057%204.57774L8.0583%200.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 10px 8px;
          border: 0;
          background-color: #EA5C52; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01:hover .cb-box {
          border: 1px solid #EA5C52; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-02 {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 16px 12px 16px 24px; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 20px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text {
          display: flex;
          flex-direction: column; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text .cb-text-01 {
            font-weight: 640;
            font-size: 12px;
            line-height: 16px;
            color: #555556;
            opacity: 0.6; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text .cb-text-02 {
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            color: #221F44; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text .cb-text-03 {
            margin-top: 4px;
            font-weight: 640;
            font-size: 14px;
            line-height: 18px;
            color: #555556; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 > .c-item-01 {
          width: 64px;
          height: 64px;
          margin-right: 12px; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 > .c-item-01 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-border-01 {
          position: absolute;
          z-index: 0;
          right: 0;
          left: 0;
          bottom: 0;
          top: 0;
          border: 1px solid #EBEBEB; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%200H0V16H16V0ZM12.4142%206L11%204.58579L7%208.58579L5%206.58579L3.58579%208L7%2011.4142L12.4142%206Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 16px 16px;
          border: 0;
          background-color: #FFFFFF; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 [type=checkbox]:checked ~ .cb-border-01 {
          border: 1px solid #494949; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02:hover .cb-box {
          border: 1px solid #EA5C52; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-03 {
        display: flex;
        align-items: start;
        cursor: pointer; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03 .cb-text {
          flex: 1;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          color: #4E4C69; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-03 .cb-text > a {
            font-weight: 500;
            text-decoration: underline;
            color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.0583%200.5L9.5%201.9417L3.98057%207.46113L0.5%203.98057L1.9417%202.53887L3.98057%204.57774L8.0583%200.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 10px 8px;
          border: 0;
          background-color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03:hover .cb-box {
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03.parenterror .cb-box {
          background-color: #FFF3F1 !important;
          border: 2px solid #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03.parenterror .cb-text {
          color: #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03.parenterror label.error {
          display: none !important; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-05 {
        display: flex;
        align-items: start;
        cursor: pointer; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05 .cb-text {
          width: 210px;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          color: #4E4C69; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.0583%200.5L9.5%201.9417L3.98057%207.46113L0.5%203.98057L1.9417%202.53887L3.98057%204.57774L8.0583%200.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 10px 8px;
          border: 0;
          background-color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05:hover .cb-box {
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05.parenterror .cb-box {
          background-color: #FFF3F1 !important;
          border: 2px solid #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05.parenterror .cb-text {
          color: #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05.parenterror label.error {
          display: none !important; }
      .form-group-01 .field-cluster-01 .element-container-01 .rb-01 {
        display: flex;
        margin-right: 12px;
        align-items: center; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box {
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s;
          margin-right: 10px; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-text {
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #4E4C69; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked ~ .rb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%228%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23EA5C52%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 8px 8px;
          background-color: #FFFFFF;
          border: 1px solid #EA5C52; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked ~ .rb-text {
          color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01:hover .rb-box {
          border: 1px solid #EA5C52; }
      .form-group-01 .field-cluster-01 .element-container-01 .rb-02 {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 20px;
        background-color: #F7F7FC; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-box {
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s;
          margin-right: 12px; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-text {
          font-weight: 400;
          font-size: 15px;
          line-height: 20px; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-border-01 {
          position: absolute;
          z-index: 0;
          right: 0;
          left: 0;
          bottom: 0;
          top: 0; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio] {
          background: #FFFFFF; }
          .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio]:checked ~ .rb-box {
            border: 5px solid #E94034; }
          .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio]:checked ~ .rb-border-01 {
            border: 1px solid #221F44; }
      .form-group-01 .field-cluster-01 .element-container-01 .rb-03 {
        display: flex;
        align-items: center;
        width: 100%; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 .rb-box {
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s;
          margin-right: 16px; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 .rb-text {
          font-weight: 400;
          font-size: 15px;
          line-height: 20px;
          color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 .rb-border-01 {
          position: absolute;
          z-index: 0;
          right: 0;
          left: 0;
          bottom: 0;
          top: 0; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 [type=radio] {
          background: #FFFFFF; }
          .form-group-01 .field-cluster-01 .element-container-01 .rb-03 [type=radio]:checked ~ .rb-box {
            border: 5px solid #E94034; }
      .form-group-01 .field-cluster-01 .element-container-01 .field-label-01 {
        position: absolute;
        top: 25px;
        left: 16px;
        z-index: 2;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        color: #A19EB4;
        transition: transform 0.3s, color 0.3s;
        transform: translateY(-15px); }
    .form-group-01 .field-cluster-01 .field-label-02 {
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
    .form-group-01 .field-cluster-01 .element-container-02 .tb-01 {
      width: 100%;
      height: 56px;
      padding: 0 16px;
      border: 1px solid #CECDD9;
      font-size: 1em;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
      .form-group-01 .field-cluster-01 .element-container-02 .tb-01:hover {
        border: 1px solid #221F44; }
      .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus {
        padding: 12px 16px;
        border: 1px solid #221F44; }
      .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus ~ .field-label-01, .form-group-01 .field-cluster-01 .element-container-02 .tb-01:not([value=""]) ~ .field-label-01 {
        color: #A19EB4;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        top: 20px;
        transform: translateY(-15px);
        transition: transform 0.3s, color 0.3s; }
    .form-group-01 .field-cluster-01 .element-container-02 .field-label-01 {
      position: absolute;
      top: 18px;
      left: 16px;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
    .form-group-01 .field-cluster-01 .field-footnote-01 {
      margin-top: 4px;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
      letter-spacing: -0.01em;
      color: #221F44; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .field-label-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .field-label-01 {
      color: #BF5858 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .element-container-01 .sl-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .element-container-01 .sl-01 {
      color: #BF5858;
      border: 1px solid #BF5858 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .element-container-01 .cb-01 [type=checkbox] ~ .cb-box,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .element-container-01 .cb-01 [type=checkbox] ~ .cb-box {
      background-color: #FFF3F1 !important;
      border: 2px solid #BA1500 !important;
      color: #BA1500 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .element-container-02 .tb-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .element-container-02 .tb-01 {
      border: 1px solid #BF5858 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .field-footnote-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .field-footnote-01 {
      color: #BF5858 !important; }
    .form-group-01 .field-cluster-01.disabled .field-label-01 {
      color: #A19EB4; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .sl-01 {
      background: #F7F7FC;
      border: 1px solid #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-box {
      border: 1px solid #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-text {
      color: #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
      color: #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 {
      color: #CECDD9; }
      .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-box {
        border: 1px solid #CECDD9; }
      .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-text {
        color: #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-02 .tb-01 {
      background: #F7F7FC;
      border: 1px solid #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .field-footnote-01 {
      color: #A19EB4; }

  .sl-01-dropdown .select2-results .select2-results__options .select2-results__message {
    padding-left: 16px; } }
@media all and (min-width: 768px) {
  .form-group-01.w_lg_100px {
    width: 100px; }
  .form-group-01.w_lg_240px {
    width: 240px; }
  .form-group-01.w_lg_233px {
    width: 233px; }
  .form-group-01 .field-cluster-01 {
    width: 100%; }
    .form-group-01 .field-cluster-01 .element-container-01 {
      display: flex;
      align-items: center; }
      .form-group-01 .field-cluster-01 .element-container-01 .sl-01 {
        width: 100%;
        height: 56px;
        padding: 0 16px;
        border: 1px solid #CECDD9;
        font-size: 1em;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #221F44;
        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%22M7.06066%208.25L6%209.31066L12.3107%2015.6213L18.6213%209.31066L17.5607%208.25L12.3107%2013.5L7.06066%208.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
        background-repeat: no-repeat;
        background-position: center;
        background-position: right;
        background-origin: content-box; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01:hover {
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01:focus {
          padding: 12px 16px;
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single {
          display: flex;
          align-items: center;
          width: 100%;
          height: 56px;
          border: 1px solid #D7D5E1;
          border-radius: unset; }
          .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered {
            width: 100%;
            padding-left: 16px;
            font-size: 0.9375em;
            color: #76758F;
            font-weight: 500;
            line-height: 23px;
            letter-spacing: -0.01em; }
            .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
              font-weight: 400;
              font-size: 16px;
              line-height: 24px;
              color: #221F44; }
          .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow {
            top: calc(50% - 10px);
            right: 18px;
            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%3Cpath%20d%3D%22M10.0001%2010.9767L14.1251%206.85167L15.3034%208.03L10.0001%2013.3333L4.69678%208.03L5.87511%206.85167L10.0001%2010.9767Z%22%20fill%3D%22%23525252%22%2F%3E%20%3C%2Fsvg%3E%20"); }
            .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow b {
              display: none; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--above .select2-selection--single {
          border-top-left-radius: 0;
          border-top-right-radius: 0; }
        .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--below .select2-selection--single {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-01 {
        display: flex;
        align-items: center;
        padding: 8px; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-text {
          font-weight: 400;
          font-size: 15px;
          line-height: 20px;
          color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.0583%200.5L9.5%201.9417L3.98057%207.46113L0.5%203.98057L1.9417%202.53887L3.98057%204.57774L8.0583%200.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 10px 8px;
          border: 0;
          background-color: #EA5C52; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-01:hover .cb-box {
          border: 1px solid #EA5C52; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-02 {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 39px 219px 41px 28px; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 17px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text {
          display: flex;
          flex-direction: column; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text .cb-text-01 {
            font-weight: 600;
            font-size: 14px;
            line-height: 14px;
            color: #221F44;
            opacity: 0.6; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text .cb-text-02 {
            margin-top: 4px;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: #221F44; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-text .cb-text-03 {
            margin-top: 12px;
            font-weight: 640;
            font-size: 14px;
            line-height: 14px;
            color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 .cb-border-01 {
          position: absolute;
          z-index: 0;
          right: 0;
          left: 0;
          bottom: 0;
          top: 0;
          border: 1px solid #EBEBEB; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 > .c-item-01 {
          width: 96px;
          height: 96px;
          margin-right: 16px; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-02 > .c-item-01 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%200H0V16H16V0ZM12.4142%206L11%204.58579L7%208.58579L5%206.58579L3.58579%208L7%2011.4142L12.4142%206Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 16px 16px;
          border: 0;
          background-color: #FFFFFF; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 [type=checkbox]:checked ~ .cb-border-01 {
          border: 1px solid #494949; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02 [type=checkbox]:checked ~ .cb-text .cb-text-04 {
          display: flex; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-02:hover .cb-box {
          border: 1px solid #EA5C52; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-03 {
        display: flex;
        align-items: start;
        padding: 8px; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03 .cb-text {
          width: 210px;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          color: #4E4C69; }
          .form-group-01 .field-cluster-01 .element-container-01 .cb-03 .cb-text > a {
            font-weight: 500;
            color: #4E4C69;
            text-decoration: underline;
            color: #221F44;
            text-decoration-line: underline; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.0583%200.5L9.5%201.9417L3.98057%207.46113L0.5%203.98057L1.9417%202.53887L3.98057%204.57774L8.0583%200.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 10px 8px;
          border: 0;
          background-color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03:hover .cb-box {
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03.parenterror .cb-box {
          background-color: #FFF3F1 !important;
          border: 2px solid #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03.parenterror .cb-text,
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03.parenterror .cb-text a {
          color: #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-03.parenterror label.error {
          display: none !important; }
      .form-group-01 .field-cluster-01 .element-container-01 .cb-05 {
        display: flex;
        align-items: start;
        cursor: pointer; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05 .cb-box {
          display: block;
          width: 16px;
          height: 16px;
          margin-right: 10px;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05 .cb-text {
          width: 210px;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          color: #4E4C69; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05 [type=checkbox]:checked ~ .cb-box {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.0583%200.5L9.5%201.9417L3.98057%207.46113L0.5%203.98057L1.9417%202.53887L3.98057%204.57774L8.0583%200.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 10px 8px;
          border: 0;
          background-color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05:hover .cb-box {
          border: 1px solid #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05.parenterror .cb-box {
          background-color: #FFF3F1 !important;
          border: 2px solid #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05.parenterror .cb-text {
          color: #BA1500 !important; }
        .form-group-01 .field-cluster-01 .element-container-01 .cb-05.parenterror label.error {
          display: none !important; }
      .form-group-01 .field-cluster-01 .element-container-01 .rb-01 {
        display: flex;
        margin-right: 12px;
        align-items: center; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box {
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: #FFFFFF;
          background-size: 0 0;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s;
          margin-right: 10px; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-text {
          font-weight: 400;
          font-size: 15px;
          line-height: 20px;
          color: #4E4C69; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked ~ .rb-box {
          background-color: #FFFFFF;
          border: 5px solid #EA5C52;
          color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked ~ .rb-text {
          color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-01:hover .rb-box {
          border: 1px solid #EA5C52; }
      .form-group-01 .field-cluster-01 .element-container-01 .rb-02 {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 24px;
        background-color: #F7F7FC; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-box {
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s;
          margin-right: 16px; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-text {
          font-weight: 400;
          font-size: 15px;
          line-height: 20px;
          color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 .rb-border-01 {
          position: absolute;
          z-index: 0;
          right: 0;
          left: 0;
          bottom: 0;
          top: 0; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio] {
          background: #FFFFFF; }
          .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio]:checked ~ .rb-box {
            border: 5px solid #E94034; }
          .form-group-01 .field-cluster-01 .element-container-01 .rb-02 [type=radio]:checked ~ .rb-border-01 {
            border: 1px solid #221F44; }
      .form-group-01 .field-cluster-01 .element-container-01 .rb-03 {
        display: flex;
        align-items: center;
        width: 100%; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 .rb-box {
          display: block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          border: 1px solid #221F44;
          transition: background-size 0.2s, border 0.2s;
          margin-right: 16px; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 .rb-text {
          font-weight: 400;
          font-size: 15px;
          line-height: 20px;
          color: #221F44; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 .rb-border-01 {
          position: absolute;
          z-index: 0;
          right: 0;
          left: 0;
          bottom: 0;
          top: 0;
          border: 1px solid #CBCAD6; }
        .form-group-01 .field-cluster-01 .element-container-01 .rb-03 [type=radio] {
          background: #FFFFFF; }
          .form-group-01 .field-cluster-01 .element-container-01 .rb-03 [type=radio]:checked ~ .rb-box {
            border: 5px solid #E94034; }
          .form-group-01 .field-cluster-01 .element-container-01 .rb-03 [type=radio]:checked ~ .rb-border-01 {
            border: 1px solid #221F44; }
      .form-group-01 .field-cluster-01 .element-container-01 .field-label-01 {
        position: absolute;
        top: 26px;
        left: 16px;
        z-index: 2;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        color: #A19EB4;
        transition: transform 0.3s, color 0.3s;
        transform: translateY(-15px);
        text-transform: uppercase; }
    .form-group-01 .field-cluster-01 .field-label-02 {
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
    .form-group-01 .field-cluster-01 .element-container-02 .tb-01 {
      width: 100%;
      height: 56px;
      padding: 0 16px;
      border: 1px solid #CECDD9;
      font-size: 1em;
      font-style: normal;
      font-weight: 400;
      padding-left: 15px !important;
      line-height: 20px;
      color: #221F44; }
      .form-group-01 .field-cluster-01 .element-container-02 .tb-01:hover {
        border: 1px solid #221F44; }
      .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus {
        padding: 12px 16px;
        border: 1px solid #221F44; }
      .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus ~ .field-label-01, .form-group-01 .field-cluster-01 .element-container-02 .tb-01:not([value=""]) ~ .field-label-01 {
        color: #A19EB4;
        font-weight: 500;
        font-size: 10px;
        top: 21px;
        text-transform: uppercase;
        line-height: 12px;
        transform: translateY(-15px);
        transition: transform 0.3s, color 0.3s; }
    .form-group-01 .field-cluster-01 .element-container-02 .field-label-01 {
      position: absolute;
      top: 18px;
      left: 16px;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
    .form-group-01 .field-cluster-01 .field-footnote-01 {
      margin-top: 4px;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
      letter-spacing: -0.01em;
      color: #221F44; }
    .form-group-01 .field-cluster-01 .element-container-01 .gr-display-pass-button,
    .form-group-01 .field-cluster-01 .element-container-02 .gr-display-pass-button {
      position: absolute;
      right: 8px;
      top: 12px;
      display: block;
      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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.0005%2023C12.3108%2023%209.02645%2020.8104%206.17031%2016.5575L5.7959%2016L6.17031%2015.4425C9.02645%2011.1896%2012.3108%209%2016.0005%209C19.6901%209%2022.9745%2011.1896%2025.8306%2015.4425L26.2051%2016L25.8306%2016.5575C22.9745%2020.8104%2019.6901%2023%2016.0005%2023ZM20.8623%2012.8277C21.8649%2013.6212%2022.8385%2014.6765%2023.7842%2016C21.3767%2019.3693%2018.7886%2021%2016.0005%2021C13.2124%2021%2010.6243%2019.3693%208.21672%2016C9.16246%2014.6765%2010.136%2013.6212%2011.1387%2012.8277C11.0483%2013.2037%2011.0005%2013.5963%2011.0005%2014C11.0005%2016.7614%2013.2391%2019%2016.0005%2019C18.7619%2019%2021.0005%2016.7614%2021.0005%2014C21.0005%2013.5963%2020.9526%2013.2037%2020.8623%2012.8277ZM16.0005%2011C14.3436%2011%2013.0005%2012.3431%2013.0005%2014C13.0005%2015.6569%2014.3436%2017%2016.0005%2017C17.6573%2017%2019.0005%2015.6569%2019.0005%2014C19.0005%2012.3431%2017.6573%2011%2016.0005%2011Z%22%20fill%3D%22%234E4C69%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
    .form-group-01 .field-cluster-01 .element-container-01[type="password"] ~ .gr-display-pass-button,
    .form-group-01 .field-cluster-01 .element-container-02[type="password"] ~ .gr-display-pass-button {
      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%22M6%2013C6%2013%209.5%2017%2016%2017C22.5%2017%2026%2013%2026%2013%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2014.6445L6%2016.9995%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M25.9999%2017.0004L24.0039%2014.6484%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M12.914%2016.6797L12%2019.4997%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3Cpath%20d%3D%22M19.0635%2016.6875L20.0005%2019.4995%22%20stroke%3D%22%234E4C69%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%20%3C%2Fsvg%3E"); }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .field-label-01,
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .field-label-02,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .field-label-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .field-label-02 {
      color: #BF5858 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .tb-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .tb-01 {
      border: 1px solid #BF5858 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .sl-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .sl-01 {
      color: #BF5858 !important;
      border: 1px solid #BF5858 !important; }
      .form-group-01 .field-cluster-01 .element-container-01.parenterror .sl-01 ~ .select2-container .select2-selection--single,
      .form-group-01 .field-cluster-01 .element-container-02.parenterror .sl-01 ~ .select2-container .select2-selection--single {
        border: 1px solid #BF5858 !important; }
        .form-group-01 .field-cluster-01 .element-container-01.parenterror .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
        .form-group-01 .field-cluster-01 .element-container-02.parenterror .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
          color: #BF5858 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror .cb-01 [type=checkbox] ~ .cb-box,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror .cb-01 [type=checkbox] ~ .cb-box {
      background-color: #FFF3F1 !important;
      border: 2px solid #BA1500 !important;
      color: #BA1500 !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror label.error,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror label.error {
      display: none !important; }
    .form-group-01 .field-cluster-01 .element-container-01.parenterror.error-style-01 .tb-01,
    .form-group-01 .field-cluster-01 .element-container-02.parenterror.error-style-01 .tb-01 {
      border: 2px solid #BF5858 !important;
      color: #BF5858 !important; }
    .form-group-01 .field-cluster-01.disabled .field-label-01 {
      color: #A19EB4; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .sl-01 {
      background: #F7F7FC;
      border: 1px solid #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-box {
      border: 1px solid #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-text {
      color: #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
      color: #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 {
      color: #CECDD9; }
      .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-box {
        border: 1px solid #CECDD9; }
      .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-text {
        color: #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .element-container-02 .tb-01 {
      background: #F7F7FC;
      border: 1px solid #CECDD9; }
    .form-group-01 .field-cluster-01.disabled .field-footnote-01 {
      color: #A19EB4; }

  .sl-01-dropdown .select2-results .select2-results__options .select2-results__message {
    padding-left: 16px; } }
@media all and (max-width: 767px) {
  .form-block-01 .block-head-01 {
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #373738; }
    .form-block-01 .block-head-01 .block-header-01 {
      margin-bottom: 32px;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #373738; }
  .form-block-01 .block-head-02 {
    width: 100%;
    margin: 32px 0;
    padding: 16px;
    background: #F8F8F9; }
    .form-block-01 .block-head-02 .c-container-01 {
      margin-bottom: 16px;
      font-weight: 500;
      font-size: 14px;
      line-height: 17px;
      color: #171718; }
    .form-block-01 .block-head-02 .c-container-02 .c-item-01 li {
      padding-left: 19px;
      font-size: 12px;
      line-height: 16px;
      color: #373738; }
      .form-block-01 .block-head-02 .c-container-02 .c-item-01 li:before {
        content: '';
        position: absolute;
        left: 7px;
        top: 6px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #171718; }
  .form-block-01 .block-body-01 {
    display: flex;
    flex-wrap: wrap; }
    .form-block-01 .block-body-01 > .form-group-01 .field-cluster-01 {
      width: 100%; }
    .form-block-01 .block-body-01 > .form-group-01 .element-container-01 .select2-container .selection .select2-selection .select2-selection__rendered {
      font-weight: 400;
      padding-left: 15px !important;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
  .form-block-01 .block-footer-01 .submit-button-container .c-unit-01 {
    display: flex;
    width: 100%;
    padding: 16px 0;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #E94034; }
  .form-block-01 .savechanges {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-top: 32px;
    background: #6258C9;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }

  .form-block-02 {
    padding: 16px;
    background: #F8F8F9;
    margin-bottom: 13px; }
    .form-block-02 .block-head-01 {
      width: 100%;
      width: 100%;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      .form-block-02 .block-head-01 .block-header-01 {
        margin-bottom: 12px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #171718; }
    .form-block-02 .block-text-01 {
      margin-top: 12px;
      font-weight: 640;
      font-size: 12px;
      line-height: 16px;
      color: #68686A; }
    .form-block-02 .block-body-01 {
      display: flex;
      flex-wrap: wrap; }
      .form-block-02 .block-body-01 > .form-group-01 {
        display: flex;
        flex-direction: column;
        background: #FFFFFF; }
      .form-block-02 .block-body-01 .submit-button-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 8px;
        width: 100%;
        height: 48px;
        padding: 16px 0px;
        background: #6258C9;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF; }
        .form-block-02 .block-body-01 .submit-button-container.disabled {
          background: #E9E9E9;
          color: #FFFFFF; }

  .form-block-04 {
    width: 100%; }
    .form-block-04 .block-body-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: start; }
      .form-block-04 .block-body-01 .c-item-01 {
        width: 100%;
        margin-bottom: 4px; }
      .form-block-04 .block-body-01 > .form-group-01 .field-cluster-01 {
        width: 100%; }

  .form-block-05 > .block-body-01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    .form-block-05 > .block-body-01 > .form-group-01 {
      display: block !important; }
      .form-block-05 > .block-body-01 > .form-group-01.xs-ds-none {
        display: none !important; }
      .form-block-05 > .block-body-01 > .form-group-01.mb-xs-16px {
        margin-bottom: 16px; }
      .form-block-05 > .block-body-01 > .form-group-01.w_lg_185px {
        width: 185px !important; }
      .form-block-05 > .block-body-01 > .form-group-01.w_lg_100 {
        width: 100%; }
      .form-block-05 > .block-body-01 > .form-group-01.w_xs_152px {
        width: 152px !important; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 {
        display: flex;
        align-items: center; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 {
          width: 100%;
          height: 56px;
          padding: 0 16px;
          border: 1px solid #CECDD9;
          font-size: 1em;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 20px;
          color: #221F44;
          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%22M7.06066%208.25L6%209.31066L12.3107%2015.6213L18.6213%209.31066L17.5607%208.25L12.3107%2013.5L7.06066%208.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-repeat: no-repeat;
          background-position: center;
          background-position: right;
          background-origin: content-box; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01:hover {
            border: 1px solid #221F44; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01:focus {
            padding: 12px 16px;
            border: 1px solid #221F44; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single {
            display: flex;
            align-items: center;
            width: 100%;
            height: 56px;
            border: 1px solid #D7D5E1;
            background: #ffffff !important;
            border-radius: 0px; }
            .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered {
              width: 100%;
              padding-left: 16px;
              font-size: 16px;
              font-weight: 400;
              color: #221F44;
              line-height: 20px;
              letter-spacing: -0.01em; }
              .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                color: #221F44; }
            .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow {
              top: calc(50% - 10px);
              right: 18px;
              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%3Cpath%20d%3D%22M10.0001%2010.9767L14.1251%206.85167L15.3034%208.03L10.0001%2013.3333L4.69678%208.03L5.87511%206.85167L10.0001%2010.9767Z%22%20fill%3D%22%23525252%22%2F%3E%20%3C%2Fsvg%3E%20"); }
              .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow b {
                display: none; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--above .select2-selection--single {
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--below .select2-selection--single {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 {
          display: flex;
          align-items: center;
          padding: 8px; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box {
            display: block;
            width: 16px;
            height: 16px;
            margin-right: 10px;
            background: #FFFFFF;
            background-size: 0 0;
            border: 1px solid #221F44;
            transition: background-size 0.2s, border 0.2s; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-text {
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            color: #4E4C69; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 [type=checkbox]:checked ~ .cb-box {
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M8.0583%200.5L9.5%201.9417L3.98057%207.46113L0.5%203.98057L1.9417%202.53887L3.98057%204.57774L8.0583%200.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 10px 8px;
            border: 0;
            background-color: #EA5C52; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01:hover .cb-box {
            border: 1px solid #EA5C52; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .rb-01 {
          display: flex;
          margin-right: 12px;
          align-items: center; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-box {
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #FFFFFF;
            background-size: 0 0;
            border: 1px solid #221F44;
            transition: background-size 0.2s, border 0.2s;
            margin-right: 10px; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .rb-01 .rb-text {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #4E4C69; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked ~ .rb-box {
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Crect%20width%3D%228%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23EA5C52%22%2F%3E%20%3C%2Fsvg%3E%20");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 8px 8px;
            background-color: #FFFFFF;
            border: 1px solid #EA5C52; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .rb-01 [type=radio]:checked ~ .rb-text {
            color: #221F44; }
          .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .rb-01:hover .rb-box {
            border: 1px solid #EA5C52; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .field-label-01 {
          position: absolute;
          top: 22px;
          left: 16px;
          z-index: 2;
          font-weight: 600;
          font-size: 10px;
          line-height: 12px;
          letter-spacing: 0.1em;
          color: #A19EB4;
          transition: transform 0.3s, color 0.3s;
          transform: translateY(-15px); }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01 {
        width: 100%;
        height: 56px;
        padding: 0 16px;
        border: 1px solid #CECDD9;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #221F44; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01:hover {
          border: 1px solid #221F44; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus {
          padding: 12px 16px;
          border: 1px solid #221F44; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus ~ .field-label-01, .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01:not([value=""]) ~ .field-label-01 {
          color: #A19EB4;
          font-weight: 600;
          font-size: 10px;
          line-height: 12px;
          letter-spacing: 0.1em;
          text-transform: uppercase !important;
          top: 20px;
          transform: translateY(-15px);
          transition: transform 0.3s, color 0.3s; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .field-label-01 {
        text-transform: capitalize !important;
        position: absolute;
        top: 18px;
        left: 16px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #221F44; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .field-footnote-01 {
        margin-top: 4px;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.01em;
        color: #221F44; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-label-01 {
        color: #BF5858; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .sl-01 {
        color: #BF5858;
        border: 1px solid #BF5858; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .cb-01 [type=checkbox] ~ .cb-box {
        background-color: #FFF3F1;
        border: 2px solid #BA1500;
        color: #BA1500; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-02 .tb-01 {
        border: 1px solid #BF5858; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-footnote-01 {
        color: #BF5858; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-label-01 {
        color: #A19EB4; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .sl-01 {
        background: #F7F7FC;
        border: 1px solid #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-box {
        border: 1px solid #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-text {
        color: #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
        color: #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 {
        color: #CECDD9; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-box {
          border: 1px solid #CECDD9; }
        .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-text {
          color: #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-02 .tb-01 {
        background: #F7F7FC;
        border: 1px solid #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-footnote-01 {
        color: #A19EB4; }
    .form-block-05 > .block-body-01 > .c-item-01 {
      width: 100%;
      margin-bottom: 4px;
      margin-right: 30px;
      font-weight: 600;
      font-size: 14px;
      line-height: 32px;
      color: #221F44; }

  .form-block-06 {
    width: 100%; }
    .form-block-06 .block-body-01 {
      display: flex;
      flex-wrap: wrap;
      justify-content: start; }
      .form-block-06 .block-body-01 .c-item-01 {
        width: 100%;
        margin-bottom: 4px; }
      .form-block-06 .block-body-01 > .form-group-01 .field-cluster-01 {
        width: 100%; }
      .form-block-06 .block-body-01 #update {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        width: 100%;
        height: 48px;
        padding: 16px 0px;
        background: #6258C9;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF; }

  .form-block-07 .block-head-01 {
    width: 515px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738; }
  .form-block-07 > .block-body-01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    .form-block-07 > .block-body-01 > .form-group-01 {
      display: flex;
      align-items: center;
      padding: 16px 12px 16px 14px;
      background: #F8F8F9; }
      .form-block-07 > .block-body-01 > .form-group-01.w_lg_600 {
        width: 600px; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 {
        display: flex;
        align-items: center; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 {
          width: 100%;
          height: 56px;
          padding: 0 16px;
          border: 1px solid #CECDD9;
          font-size: 1em;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 20px;
          color: #221F44;
          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%22M7.06066%208.25L6%209.31066L12.3107%2015.6213L18.6213%209.31066L17.5607%208.25L12.3107%2013.5L7.06066%208.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-repeat: no-repeat;
          background-position: center;
          background-position: right;
          background-origin: content-box; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01:hover {
            border: 1px solid #221F44; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01:focus {
            padding: 12px 16px;
            border: 1px solid #221F44; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single {
            display: flex;
            align-items: center;
            width: 100%;
            height: 56px;
            border: 1px solid #D7D5E1;
            background: #ffffff !important;
            border-radius: 0px; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered {
              width: 100%;
              padding-left: 16px;
              font-size: 16px;
              font-weight: 400;
              color: #221F44;
              line-height: 20px;
              letter-spacing: -0.01em; }
              .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                color: #221F44; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow {
              top: calc(50% - 10px);
              right: 18px;
              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%3Cpath%20d%3D%22M10.0001%2010.9767L14.1251%206.85167L15.3034%208.03L10.0001%2013.3333L4.69678%208.03L5.87511%206.85167L10.0001%2010.9767Z%22%20fill%3D%22%23525252%22%2F%3E%20%3C%2Fsvg%3E%20"); }
              .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow b {
                display: none; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--above .select2-selection--single {
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--below .select2-selection--single {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 {
          padding: 0; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box {
            display: flex;
            width: 28px;
            height: 16px;
            border: none;
            margin-right: 26px;
            background: #A19EB4;
            background-size: 0 0;
            transition: background-color 0.2s;
            background-image: none; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-box .cb-box-01 {
              width: 12px;
              height: 12px;
              position: absolute;
              left: 2px;
              top: 2px;
              transition: 0.2s;
              background: #FFFFFF;
              transition: transform 0.2s; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-text {
            display: flex;
            flex: 1;
            flex-direction: column;
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
            color: #221F44; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-text .cb-text-01 {
              font-weight: 500;
              font-size: 16px;
              line-height: 21px;
              color: #171718; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 .cb-text .cb-text-02 {
              margin-top: 4px;
              font-weight: 400;
              font-size: 13px;
              line-height: 18px;
              color: #373738; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 [type=checkbox]:checked ~ .cb-box {
            background-color: #1DC066; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .cb-01 [type=checkbox]:checked ~ .cb-box .cb-box-01 {
              transform: translateX(100%); }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-text {
          display: flex;
          flex-direction: column; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-text .cb-text-01 {
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            color: #171718; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-text .cb-text-02 {
            margin-top: 4px;
            color: #171718;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .field-label-01 {
          position: absolute;
          top: 22px;
          left: 16px;
          z-index: 2;
          font-weight: 600;
          font-size: 10px;
          line-height: 12px;
          letter-spacing: 0.1em;
          color: #A19EB4;
          transition: transform 0.3s, color 0.3s;
          transform: translateY(-15px); }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .field-footnote-01 {
        margin-top: 4px;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.01em;
        color: #221F44; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-label-01 {
        color: #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .sl-01 {
        color: #BF5858;
        border: 1px solid #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .cb-01 [type=checkbox] ~ .cb-box {
        background-color: #FFF3F1;
        border: 2px solid #BA1500;
        color: #BA1500; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-02 .tb-01 {
        border: 1px solid #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-footnote-01 {
        color: #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-label-01 {
        color: #A19EB4; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .sl-01 {
        background: #F7F7FC;
        border: 1px solid #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-box {
        border: 1px solid #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-text {
        color: #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
        color: #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 {
        color: #CECDD9; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-box {
          border: 1px solid #CECDD9; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-text {
          color: #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-02 .tb-01 {
        background: #F7F7FC;
        border: 1px solid #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-footnote-01 {
        color: #A19EB4; }
    .form-block-07 > .block-body-01 > .c-item-01 {
      width: 100%;
      margin-bottom: 4px;
      margin-right: 30px;
      font-weight: 600;
      font-size: 14px;
      line-height: 32px;
      color: #221F44; } }
@media all and (min-width: 768px) {
  .form-block-01 .block-head-01 {
    width: 394px; }
    .form-block-01 .block-head-01 .block-header-01 {
      margin-bottom: 32px;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #373738; }
  .form-block-01 .block-head-02 {
    width: 600px;
    margin: 32px 0;
    padding: 24px 32px 32px 32px;
    background: #F8F8F9; }
    .form-block-01 .block-head-02 .c-container-01 {
      margin-bottom: 24px;
      font-weight: 500;
      font-size: 16px;
      line-height: 21px;
      color: #171718; }
    .form-block-01 .block-head-02 .c-container-02 .c-item-01 li {
      padding-left: 19px;
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
      color: #373738; }
      .form-block-01 .block-head-02 .c-container-02 .c-item-01 li:before {
        content: '';
        position: absolute;
        left: 7px;
        top: 6px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #171718; }
  .form-block-01 > .block-body-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .form-block-01 > .block-body-01 .form-group-01 {
      display: flex;
      flex-direction: column; }
      .form-block-01 > .block-body-01 .form-group-01.w_lg_360px {
        width: 360px; }
      .form-block-01 > .block-body-01 .form-group-01 .element-container-01 .select2-container .selection .select2-selection .select2-selection__rendered {
        top: 4px;
        font-weight: 400;
        padding-left: 15px !important;
        font-size: 16px;
        line-height: 20px;
        color: #221F44; }
  .form-block-01 .block-footer-01 .submit-button-container {
    display: flex;
    justify-content: flex-end; }
    .form-block-01 .block-footer-01 .submit-button-container .c-unit-01 {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200px;
      padding: 16px 0;
      margin-top: 40px;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #FFFFFF;
      background: #E94034; }
  .form-block-01 .savechanges {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 56px;
    margin-top: 32px;
    background: #6258C9;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }

  .form-block-02 {
    padding: 32px;
    background: #F8F8F9;
    margin-bottom: 16px; }
    .form-block-02 .block-head-01 {
      width: 100%;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
      .form-block-02 .block-head-01 .block-header-01 {
        margin-bottom: 12px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #373738; }
    .form-block-02 .block-text-01 {
      width: 428px;
      margin-top: 24px;
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
      color: #68686A; }
    .form-block-02 .block-body-01 {
      display: flex;
      flex-wrap: wrap;
      width: 584px; }
      .form-block-02 .block-body-01 .form-group-01 {
        display: flex;
        flex-direction: column;
        background: #FFFFFF; }
        .form-block-02 .block-body-01 .form-group-01.w_lg_284px {
          width: 284px; }
      .form-block-02 .block-body-01 .submit-button-container {
        display: block;
        margin-top: 32px;
        width: max-content;
        height: 56px;
        padding: 20px 24px;
        background: #6258C9;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF; }
        .form-block-02 .block-body-01 .submit-button-container.disabled {
          background: #E9E9E9;
          color: #FFFFFF; }

  .form-block-03 {
    width: 100%; }

  .form-block-04 {
    width: 100%; }
    .form-block-04 .block-body-01 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: start; }
      .form-block-04 .block-body-01 .c-item-01 {
        margin-right: 20px; }
      .form-block-04 .block-body-01 > .form-group-01.w_lg_284px {
        width: 284px; }
      .form-block-04 .block-body-01 > .form-group-01 .field-cluster-01 {
        width: 100%; }

  .form-block-05 > .block-body-01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    .form-block-05 > .block-body-01 > .form-group-01.w_lg_382px {
      width: 382px !important; }
    .form-block-05 > .block-body-01 > .form-group-01.w_lg_185px {
      width: 185px !important; }
    .form-block-05 > .block-body-01 > .form-group-01.w_lg_100 {
      width: 100%; }
    .form-block-05 > .block-body-01 > .form-group-01.mb-lg-24px {
      margin-bottom: 24px; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 {
      display: flex;
      align-items: center; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus {
      padding: 12px 16px;
      border: 1px solid #221F44; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01:focus ~ .field-label-01, .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-02 .tb-01:not([value=""]) ~ .field-label-01 {
      color: #A19EB4;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      top: 22px;
      transform: translateY(-15px);
      transition: transform 0.3s, color 0.3s; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01 .field-footnote-01 {
      margin-top: 4px;
      font-weight: 400;
      font-size: 13px;
      line-height: 20px;
      letter-spacing: -0.01em;
      color: #221F44; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-label-01 {
      color: #BF5858; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .sl-01 {
      color: #BF5858;
      border: 1px solid #BF5858; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .cb-01 [type=checkbox] ~ .cb-box {
      background-color: #FFF3F1;
      border: 2px solid #BA1500;
      color: #BA1500; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-02 .tb-01 {
      border: 1px solid #BF5858; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-footnote-01 {
      color: #BF5858; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-label-01 {
      color: #A19EB4; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .sl-01 {
      background: #F7F7FC;
      border: 1px solid #CECDD9; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-box {
      border: 1px solid #CECDD9; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-text {
      color: #CECDD9; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
      color: #CECDD9; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 {
      color: #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-box {
        border: 1px solid #CECDD9; }
      .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-text {
        color: #CECDD9; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-02 .tb-01 {
      background: #F7F7FC;
      border: 1px solid #CECDD9; }
    .form-block-05 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-footnote-01 {
      color: #A19EB4; }
    .form-block-05 > .block-body-01 > .c-item-01 {
      width: 100%;
      margin-bottom: 4px;
      margin-right: 30px;
      font-weight: 600;
      font-size: 14px;
      line-height: 32px;
      color: #221F44; }

  .form-block-06 {
    width: 100%; }
    .form-block-06 .block-head-01 {
      width: 515px; }
    .form-block-06 .block-body-01 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 584px;
      justify-content: start; }
      .form-block-06 .block-body-01 .c-item-01 {
        margin-right: 20px; }
      .form-block-06 .block-body-01 > .form-group-01.w_lg_284px {
        width: 284px; }
      .form-block-06 .block-body-01 > .form-group-01 .field-cluster-01 {
        width: 100%; }
      .form-block-06 .block-body-01 #update {
        display: block;
        margin-top: 16px;
        width: max-content;
        height: 56px;
        margin-left: auto;
        padding: 20px 24px;
        background: #6258C9;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF; }

  .form-block-07 .block-head-01 {
    width: 515px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373738; }
  .form-block-07 > .block-body-01 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    .form-block-07 > .block-body-01 > .form-group-01 {
      display: flex;
      align-items: center;
      padding: 16px 12px 16px 14px;
      background: #F8F8F9; }
      .form-block-07 > .block-body-01 > .form-group-01.w_lg_620 {
        width: 620px; }
      .form-block-07 > .block-body-01 > .form-group-01.w_lg_600 {
        width: 600px; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 {
        display: flex;
        align-items: center; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 {
          width: 100%;
          height: 56px;
          padding: 0 16px;
          border: 1px solid #CECDD9;
          font-size: 1em;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 20px;
          color: #221F44;
          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%22M7.06066%208.25L6%209.31066L12.3107%2015.6213L18.6213%209.31066L17.5607%208.25L12.3107%2013.5L7.06066%208.25Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-repeat: no-repeat;
          background-position: center;
          background-position: right;
          background-origin: content-box; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01:hover {
            border: 1px solid #221F44; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01:focus {
            padding: 12px 16px;
            border: 1px solid #221F44; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single {
            display: flex;
            align-items: center;
            width: 100%;
            height: 56px;
            border: 1px solid #D7D5E1;
            background: #ffffff !important;
            border-radius: 0px; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered {
              width: 100%;
              padding-left: 16px;
              font-size: 16px;
              font-weight: 400;
              color: #221F44;
              line-height: 20px;
              letter-spacing: -0.01em; }
              .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                color: #221F44; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow {
              top: calc(50% - 10px);
              right: 18px;
              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%3Cpath%20d%3D%22M10.0001%2010.9767L14.1251%206.85167L15.3034%208.03L10.0001%2013.3333L4.69678%208.03L5.87511%206.85167L10.0001%2010.9767Z%22%20fill%3D%22%23525252%22%2F%3E%20%3C%2Fsvg%3E%20"); }
              .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container .select2-selection--single .select2-selection__arrow b {
                display: none; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--above .select2-selection--single {
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .sl-01 ~ .select2-container.select2-container--open.select2-container--below .select2-selection--single {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 {
          padding: 0; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 > .cb-box {
            display: flex;
            width: 28px;
            height: 16px;
            border: none;
            margin-right: 26px;
            background-color: #A19EB4;
            transition: background-color 0.2s;
            background-image: none; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 > .cb-box .cb-box-01 {
              position: absolute;
              top: 2px;
              left: 2px;
              width: 12px;
              height: 12px;
              background: #FFFFFF;
              transition: transform 0.2s; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 .cb-text {
            display: flex;
            flex: 1;
            flex-direction: column;
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
            color: #221F44; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 .cb-text .cb-text-01 {
              font-weight: 500;
              font-size: 16px;
              line-height: 21px;
              color: #171718; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 .cb-text .cb-text-02 {
              margin-top: 4px;
              font-weight: 400;
              font-size: 13px;
              line-height: 18px;
              color: #373738; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 [type=checkbox]:checked ~ .cb-box {
            background-color: #1DC066; }
            .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-01 [type=checkbox]:checked ~ .cb-box .cb-box-01 {
              transform: translateX(100%); }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-text {
          display: flex;
          flex-direction: column; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-text .cb-text-01 {
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            color: #171718; }
          .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 > .cb-text .cb-text-02 {
            font-size: 13px;
            margin-top: 5px;
            font-style: normal;
            font-weight: 300;
            color: #171718;
            line-height: 18px; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .element-container-01 .field-label-01 {
          position: absolute;
          top: 22px;
          left: 16px;
          z-index: 2;
          font-weight: 600;
          font-size: 10px;
          line-height: 12px;
          letter-spacing: 0.1em;
          color: #A19EB4;
          transition: transform 0.3s, color 0.3s;
          transform: translateY(-15px); }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01 .field-footnote-01 {
        margin-top: 4px;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.01em;
        color: #221F44; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-label-01 {
        color: #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .sl-01 {
        color: #BF5858;
        border: 1px solid #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-01 .cb-01 [type=checkbox] ~ .cb-box {
        background-color: #FFF3F1;
        border: 2px solid #BA1500;
        color: #BA1500; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .element-container-02 .tb-01 {
        border: 1px solid #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.clustererror .field-footnote-01 {
        color: #BF5858; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-label-01 {
        color: #A19EB4; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .sl-01 {
        background: #F7F7FC;
        border: 1px solid #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-box {
        border: 1px solid #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-01 .cb-text {
        color: #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .cb-text-01 {
        color: #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 {
        color: #CECDD9; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-box {
          border: 1px solid #CECDD9; }
        .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-01 .rb-01 .rb-text {
          color: #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .element-container-02 .tb-01 {
        background: #F7F7FC;
        border: 1px solid #CECDD9; }
      .form-block-07 > .block-body-01 > .form-group-01 .field-cluster-01.disabled .field-footnote-01 {
        color: #A19EB4; }
    .form-block-07 > .block-body-01 > .c-item-01 {
      width: 100%;
      margin-bottom: 4px;
      margin-right: 30px;
      font-weight: 600;
      font-size: 14px;
      line-height: 32px;
      color: #221F44; } }
.fancybox-product-detail .c-wrapper {
  display: flex;
  justify-content: space-between;
  height: 88px;
  align-items: center; }
.fancybox-product-detail .fancy-product-name {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #221F44; }
  .fancybox-product-detail .fancy-product-name.f-fs {
    font-size: 10.26px; }
.fancybox-product-detail .add-list-share-button {
  display: flex; }
  .fancybox-product-detail .add-list-share-button .fancy-add-list-button {
    margin-right: 16px; }
    .fancybox-product-detail .add-list-share-button .fancy-add-list-button .c-item-01 {
      display: block; }
    .fancybox-product-detail .add-list-share-button .fancy-add-list-button .c-item-02 {
      display: none; }
    .fancybox-product-detail .add-list-share-button .fancy-add-list-button.on .c-item-01 {
      display: none; }
    .fancybox-product-detail .add-list-share-button .fancy-add-list-button.on .c-item-02 {
      display: block; }

.fancybox__container .fancybox__backdrop {
  background: #FFF !important; }
.fancybox__container .fancybox__slide {
  padding: 0; }
.fancybox__container .fancybox__content > .carousel__button.is-close {
  display: none; }
.fancybox__container .fancybox__content:before {
  display: none;
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  z-index: 9;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20filter%3D%22url%28%23filter0_b%29%22%3E%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22black%22%20fill-opacity%3D%220.16%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.25%2019.25C13.25%2022.5637%2015.9363%2025.25%2019.25%2025.25C22.5637%2025.25%2025.25%2022.5637%2025.25%2019.25C25.25%2015.9363%2022.5637%2013.25%2019.25%2013.25C15.9363%2013.25%2013.25%2015.9363%2013.25%2019.25ZM23.75%2019.25C23.75%2021.7353%2021.7353%2023.75%2019.25%2023.75C16.7647%2023.75%2014.75%2021.7353%2014.75%2019.25C14.75%2016.7647%2016.7647%2014.75%2019.25%2014.75C21.7353%2014.75%2023.75%2016.7647%2023.75%2019.25ZM23.4393%2024.5018L24.4982%2023.4393L27.0763%2025.9982L26.0174%2027.0607L23.4393%2024.5018ZM18.5%2018.5V16.25H20V18.5H22.25V20H20V22.25H18.5V20H16.25V18.5H18.5Z%22%20fill%3D%22white%22%2F%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22filter0_b%22%20x%3D%22-4%22%20y%3D%22-4%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%20%3CfeGaussianBlur%20in%3D%22BackgroundImage%22%20stdDeviation%3D%222%22%2F%3E%20%3CfeComposite%20in2%3D%22SourceAlpha%22%20operator%3D%22in%22%20result%3D%22effect1_backgroundBlur%22%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_backgroundBlur%22%20result%3D%22shape%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
.fancybox__container .fancybox__nav {
  display: none; }
.fancybox__container .fancybox__thumbs {
  z-index: 999; }
  .fancybox__container .fancybox__thumbs .carousel__slide {
    padding: 14px 4px; }
    .fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb {
      border: 2px solid transparent; }
    .fancybox__container .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb {
      border: 2px solid #E94034; }
    .fancybox__container .fancybox__thumbs .carousel__slide.is-nav-selected:after {
      display: none; }
.fancybox__container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 128px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(34, 31, 68, 0.32) 100%); }

@media all and (max-width: 767px) {
  .fancybox-product-detail .c-wrapper {
    height: 140px;
    align-items: flex-start;
    padding-top: 16px;
    width: calc(100% - 32px); }
  .fancybox-product-detail .fancy-product-name {
    display: none; }
  .fancybox-product-detail .add-list-share-button {
    flex-direction: column; }
    .fancybox-product-detail .add-list-share-button .fancy-add-list-button {
      margin: 0 0 8px 0; }

  .fancybox__container .fancybox__track .fancybox__content:before {
    display: none; }
  .fancybox__container .fancybox__nav {
    display: none; }
  .fancybox__container .fancybox__thumbs {
    z-index: 999; }
    .fancybox__container .fancybox__thumbs .carousel__slide {
      padding: 16px 4px; }
      .fancybox__container .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb {
        border: 2px solid #221F44; }
      .fancybox__container .fancybox__thumbs .carousel__slide.is-nav-selected:after {
        display: none; } }
.feedBack-A {
  width: 100%;
  padding: 48px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .feedBack-A .c-item-01 {
    font-family: Outfit;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #221F44; }
    .feedBack-A .c-item-01.f-fs {
      font-size: 13.68px; }
    .feedBack-A .c-item-01.error {
      color: #E94034; }
  .feedBack-A .c-item-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 100%;
    background-color: #E94034;
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    .feedBack-A .c-item-02.f-fs {
      font-size: 7.41px; }
  .feedBack-A .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 100%;
    background-color: #fff;
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #221F44; }
    .feedBack-A .c-item-03.f-fs {
      font-size: 7.41px; }
  .feedBack-A .c-item-04 {
    display: flex; }
  .feedBack-A .c-item-05 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 100%;
    background-color: #fff;
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #BF5858; }
    .feedBack-A .c-item-05.f-fs {
      font-size: 8.55px; }

.feedBack-B {
  width: 100%;
  padding: 48px 24px;
  gap: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .feedBack-B .c-item-01 {
    color: #221F44 !important;
    text-align: center;
    font-family: "Outfit";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; }
    .feedBack-B .c-item-01.error {
      color: #E94034; }
  .feedBack-B .c-item-02 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 100%;
    background-color: #E94034;
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    .feedBack-B .c-item-02.f-fs {
      font-size: 7.41px; }
  .feedBack-B .c-item-03 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 100%;
    background-color: #fff;
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #221F44; }
    .feedBack-B .c-item-03.f-fs {
      font-size: 7.41px; }
  .feedBack-B .c-item-04 {
    display: flex; }
  .feedBack-B .c-item-05 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 100%;
    background-color: #fff;
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #BF5858; }
    .feedBack-B .c-item-05.f-fs {
      font-size: 8.55px; }

.list-filter .filter-body .c-container-01 {
  transition: background 0.25s;
  padding: 0 25px 0 24px; }
  .list-filter .filter-body .c-container-01:not(:last-child) {
    margin-bottom: 16px; }
  .list-filter .filter-body .c-container-01 > .c-item-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px; }
  .list-filter .filter-body .c-container-01.on {
    background: #F7F7FC;
    padding: 8px 25px 0 24px; }
    .list-filter .filter-body .c-container-01.on .expandingContent {
      padding: 0 10px 0 8px; }
.list-filter .filter-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0px -6px 16px rgba(34, 31, 68, 0.04); }
  .list-filter .filter-footer > .c-item-02 {
    font-family: 'Outfit';
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    background: #E94034;
    transition: opacity 0.3s; }
    .list-filter .filter-footer > .c-item-02:hover {
      opacity: 0.9; }
    .list-filter .filter-footer > .c-item-02:disabled {
      background: #D7D5E1;
      opacity: 1 !important;
      cursor: not-allowed; }
    .list-filter .filter-footer > .c-item-02 .c-unit-01 {
      text-align: center; }

#modal-wrapper.type-drw.dir-list-filter {
  border-radius: 8px;
  overflow: hidden; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-close {
    border-radius: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.00845%200L0%201.00845L4.99155%206L0%2010.9916L1.00845%2012L6%207.00845L10.9916%2012L12%2010.9916L7.00845%206L12%201.00845L10.9916%200L6%204.99155L1.00845%200Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E");
    background-color: #fff; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-body.filter-body {
    padding: 0; }
    #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-body.filter-body #aside-filter #aside-chip {
      margin-bottom: 16px; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-body {
    margin: 0 0 92px 0; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-body::-webkit-scrollbar {
    width: 8px; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #A19EB4; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-footer {
    padding: 0 20px;
    height: 72px; }

#modal-wrapper.type-drw.dir-list-filter .list-filter #modal-header {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #221F44;
  border-bottom: none;
  unicode-bidi: isolate; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-header.f-fs {
    font-size: 10.26px; }
  #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-header .header-text {
    font-weight: 500 !important;
    font-size: 18px !important;
    letter-spacing: -0.005em !important;
    unicode-bidi: isolate; }

.list-filter .filter-body .c-container-01 > .c-item-01 > .c-item-01-A {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #221F44;
  display: block;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate; }
  .list-filter .filter-body .c-container-01 > .c-item-01 > .c-item-01-A.f-fs {
    font-size: 9.12px; }
.list-filter .filter-body .c-container-01.on > .c-item-01 > .c-item-01-A {
  color: #E94034; }
.list-filter .filter-footer > .c-item-01 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #221F44; }
  .list-filter .filter-footer > .c-item-01.f-fs {
    font-size: 7.41px; }
.list-filter .filter-footer > .c-item-02 {
  font-family: 'Outfit';
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #FFFFFF; }
  .list-filter .filter-footer > .c-item-02.f-fs {
    font-size: 7.41px; }
  .list-filter .filter-footer > .c-item-02:disabled {
    background: #D7D5E1;
    opacity: 1 !important;
    cursor: not-allowed; }

@media all and (max-width: 767px) {
  #modal-wrapper.type-drw #modal-close {
    top: 26px;
    right: 26px;
    bottom: auto;
    left: auto;
    width: 12px;
    height: 12px; }
  #modal-wrapper.type-drw.dir-r2l.size-sm.dir-list-filter {
    border-radius: 0;
    height: 100%; } }
@media all and (min-width: 1280px) {
  #modal-wrapper.type-drw.dir-list-filter {
    width: 448px !important;
    height: calc(100vh - 32px) !important;
    top: 16px !important; }
    #modal-wrapper.type-drw.dir-list-filter.on {
      transform: translateX(calc(-100% - 16px )) !important; }
    #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-header {
      height: 88px;
      padding: 0 80px 0 24px; }
    #modal-wrapper.type-drw.dir-list-filter .list-filter #modal-close {
      top: 20px;
      right: 20px; } }
#filter-chip-container {
  height: 0;
  transition: height 0.2s 0.2s;
  overflow: hidden;
  background: linear-gradient(180deg, #F2F2FA 0%, #F7F7FC 100%); }
  #filter-chip-container #filter-chip-content {
    display: flex;
    padding: 48px 0 0 0;
    opacity: 0;
    transition: opacity 0.2s 0s; }
  #filter-chip-container.on {
    transition: height 0.2s 0s; }
    #filter-chip-container.on #filter-chip-content {
      opacity: 1;
      transition: opacity 0.2s 0.2s !important; }
  #filter-chip-container #filter-chip-list {
    display: flex;
    flex-wrap: wrap; }
    #filter-chip-container #filter-chip-list .chip-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 32px;
      padding: 0 11.59px 0 16px;
      background: #ECEAFA;
      border-radius: 40px;
      transition: background 0.2s, box-shadow 0.2s, color 0.2s;
      font-weight: 600;
      font-size: 12px;
      line-height: 16px;
      color: #6258C9; }
      #filter-chip-container #filter-chip-list .chip-item.f-fs {
        font-size: 6.84px; }
      #filter-chip-container #filter-chip-list .chip-item:not(:last-child) {
        margin-right: 8px;
        margin-bottom: 8px; }
      #filter-chip-container #filter-chip-list .chip-item .chip-value {
        margin-right: 8px; }
      #filter-chip-container #filter-chip-list .chip-item .chip-remove > .c-item-01 {
        display: block; }
      #filter-chip-container #filter-chip-list .chip-item .chip-remove > .c-item-02 {
        display: none; }
      #filter-chip-container #filter-chip-list .chip-item:hover {
        background: #FFFFFF;
        box-shadow: 0px 24px 48px rgba(34, 31, 68, 0.08);
        color: #4E4C69; }
        #filter-chip-container #filter-chip-list .chip-item:hover .chip-remove > .c-item-01 {
          display: none; }
        #filter-chip-container #filter-chip-list .chip-item:hover .chip-remove > .c-item-02 {
          display: block; }
  #filter-chip-container #filter-chip-clear-all {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 32px;
    padding: 0 11.59px 0 16px;
    background: #ECEAFA;
    border-radius: 40px;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #6258C9;
    margin-left: 33px; }
    #filter-chip-container #filter-chip-clear-all.f-fs {
      font-size: 6.84px; }
    #filter-chip-container #filter-chip-clear-all:before {
      content: "";
      position: absolute;
      top: 0;
      left: -17px;
      background: #ECEAFA;
      width: 1px;
      height: 32px; }
    #filter-chip-container #filter-chip-clear-all > span {
      margin-right: 8px; }
    #filter-chip-container #filter-chip-clear-all > .c-item-01 {
      display: block; }
    #filter-chip-container #filter-chip-clear-all > .c-item-02 {
      display: none; }
    #filter-chip-container #filter-chip-clear-all:hover {
      background: #FFFFFF;
      box-shadow: 0px 24px 48px rgba(34, 31, 68, 0.08);
      color: #4E4C69; }
      #filter-chip-container #filter-chip-clear-all:hover > .c-item-01 {
        display: none; }
      #filter-chip-container #filter-chip-clear-all:hover > .c-item-02 {
        display: block; }

#filter-chip-container-2 > .c-item:first-child {
  padding-top: 24px; }
#filter-chip-container-2 > .c-item > .c-item-01 {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #221F44; }
  #filter-chip-container-2 > .c-item > .c-item-01.f-fs {
    font-size: 5.7px; }
#filter-chip-container-2 > .c-item > .c-item-02 {
  display: flex;
  flex-wrap: wrap; }
  #filter-chip-container-2 > .c-item > .c-item-02 > .c-item-02-A {
    background: #221F44;
    height: 40px;
    padding: 0 13.38px 0 16px;
    display: flex;
    align-items: center;
    margin: 0 16px 16px 0; }
    #filter-chip-container-2 > .c-item > .c-item-02 > .c-item-02-A > .c-unit-01 {
      margin-right: 10px;
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: #FFFFFF; }
#filter-chip-container-2 > .c-item:last-child {
  padding-bottom: 24px; }
  #filter-chip-container-2 > .c-item:last-child > .c-item-02:last-child > .c-item-02-A {
    margin: 0 16px 0 0; }

@media all and (max-width: 767px) {
  #filter-chip-container {
    display: none; } }
.lnk-btn-01 {
  display: flex;
  align-items: center;
  height: 40px;
  background: #221F44;
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #fff;
  transition: opacity 0.3s; }
  .lnk-btn-01.f-fs {
    font-size: 7.41px; }
  .lnk-btn-01:hover {
    opacity: 0.9; }

.lnk-btn-02 {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px 0 24px;
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  transition: opacity 0.3s; }
  .lnk-btn-02.f-fs {
    font-size: 7.41px; }
  .lnk-btn-02:after {
    content: '';
    display: flex;
    width: 32px;
    height: 32px; }
  .lnk-btn-02:hover {
    opacity: 0.9; }

.lnk-btn-03 {
  display: flex;
  align-items: center;
  height: 48px;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  transition: opacity 0.3s; }
  .lnk-btn-03.f-fs {
    font-size: 7.41px; }
  .lnk-btn-03:after {
    content: '';
    display: flex;
    width: 32px;
    height: 32px; }
  .lnk-btn-03:hover {
    opacity: 0.9; }

.lnk-btn-04 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  background: #E94034;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  transition: opacity 0.3s; }
  .lnk-btn-04.f-fs {
    font-size: 7.41px; }
  .lnk-btn-04:after {
    content: '';
    width: 32px;
    height: 32px; }
  .lnk-btn-04:hover {
    opacity: 0.9; }

.lnk-btn-05 {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 12px 16px;
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #fff;
  background: #E94034;
  transition: opacity 0.3s; }
  .lnk-btn-05.f-fs {
    font-size: 7.41px; }
  .lnk-btn-05:hover {
    opacity: 0.9; }

.lnk-btn-06 {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 0 0 16px;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  transition: opacity 0.3s; }
  .lnk-btn-06.f-fs {
    font-size: 7.41px; }
  .lnk-btn-06:after {
    content: '';
    position: absolute;
    right: 8px;
    width: 32px;
    height: 32px; }
  .lnk-btn-06:hover {
    opacity: 0.9; }

.lnk-btn-07 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  border: 1px solid #221F44;
  transition: opacity 0.3s; }
  .lnk-btn-07.f-fs {
    font-size: 7.41px; }
  .lnk-btn-07:hover {
    opacity: 0.9; }

.lnk-btn-20 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  transition: opacity 0.3s;
  color: #221F44; }
  .lnk-btn-20.f-fs {
    font-size: 7.41px; }
  .lnk-btn-20:hover {
    opacity: 0.9; }

.lnk-btn-08 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  transition: opacity 0.3s; }
  .lnk-btn-08.f-fs {
    font-size: 7.41px; }
  .lnk-btn-08:after {
    content: '';
    width: 32px;
    height: 32px; }
  .lnk-btn-08:hover {
    opacity: 0.9; }

.lnk-btn-10 {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 40px 0 16px;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  transition: opacity 0.3s; }
  .lnk-btn-10.f-fs {
    font-size: 7.41px; }
  .lnk-btn-10:after {
    content: '';
    position: absolute;
    right: 8px;
    width: 32px;
    height: 32px; }
  .lnk-btn-10:hover {
    opacity: 0.9; }

.lnk-btn-11 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  background: #E94034;
  font-family: Outfit;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  transition: opacity 0.3s; }
  .lnk-btn-11.f-fs {
    font-size: 7.41px; }
  .lnk-btn-11:hover {
    opacity: 0.9; }

.lnk-btn-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  height: 48px;
  padding-left: 16px;
  font-family: Outfit;
  font-weight: 600;
  width: 158px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #FFFFFF;
  letter-spacing: 1px;
  color: #FFFFFF;
  box-sizing: border-box;
  transition: opacity 0.3s; }
  .lnk-btn-12.f-fs {
    font-size: 7.41px; }
  .lnk-btn-12:after {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    right: 8px; }
  .lnk-btn-12:hover {
    opacity: 0.9; }

.lnk-btn-13 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding-left: 16px;
  font-family: Outfit;
  font-weight: 600;
  width: 380px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  box-sizing: border-box;
  transition: opacity 0.3s; }
  .lnk-btn-13.f-fs {
    font-size: 7.41px; }
  .lnk-btn-13:after {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    right: 8px; }
  .lnk-btn-13:hover {
    opacity: 0.9; }

.lnk-btn-14 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-family: Outfit;
  font-weight: 600;
  width: 213px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1px;
  box-sizing: border-box;
  transition: opacity 0.3s;
  background-color: #D7D5E1;
  color: #000;
  text-transform: uppercase; }
  .lnk-btn-14.f-fs {
    font-size: 7.41px; }
  .lnk-btn-14:after {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    right: 8px; }
  .lnk-btn-14:hover {
    opacity: 0.9; }

.lnk-btn-15 {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 15px 24px;
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #fff;
  background: #E94034;
  transition: opacity 0.3s; }
  .lnk-btn-15.f-fs {
    font-size: 7.41px; }
  .lnk-btn-15:hover {
    opacity: 0.9; }

.lnk-btn-16 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 48px;
  border: 1px solid #E94034;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 16px !important;
  letter-spacing: 1px !important;
  color: #E94034; }
  .lnk-btn-16.f-fs {
    font-size: 7.41px; }

.lnk-btn-17 {
  background: #E94034;
  color: #fff;
  height: 32px; }

.lnk-btn-18 {
  padding: 8px 16px 8px 24px;
  height: 40px;
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF; }

.lnk-btn-19 {
  padding: 8px 16px 8px 24px;
  height: 32px;
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF; }

.lnk-btn-20 {
  background-color: #FFF;
  color: #221F44;
  height: 32px; }

.lnk-btn-21 {
  background: #221F44;
  color: #FFF;
  height: 34px;
  padding: 5px 54px; }

.lnk-btn-22 {
  background: #221F44;
  color: #FFF;
  height: 24px;
  padding: 8px 5px; }

@media all and (max-width: 767px) {
  .lnk-btn-01 {
    padding: 12px 0 12px 28px; }

  .lnk-btn-02 {
    justify-content: center;
    border: 1px solid #221F44;
    color: #221F44; }
    .lnk-btn-02:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4141L16.1716%2022.9999L22.1716%2016.9999H8V14.9999H22.1716L16.1716%208.99991L17.5858%207.58569L26%2015.9999L17.5858%2024.4141Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-03 {
    justify-content: center;
    color: #221F44;
    background-color: #fff; }
    .lnk-btn-03:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4141L16.1716%2022.9999L22.1716%2016.9999H8V14.9999H22.1716L16.1716%208.99991L17.5858%207.58569L26%2015.9999L17.5858%2024.4141Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-04:after {
    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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11%2010C11%2012.7614%2013.2386%2015%2016%2015C18.7614%2015%2021%2012.7614%2021%2010C21%207.23858%2018.7614%205%2016%205C13.2386%205%2011%207.23858%2011%2010ZM25%2023C23.4569%2019.4682%2020.1006%2017%2016%2017C11.8994%2017%208.54311%2019.4682%207%2023C7%2023%2010.4772%2027%2016%2027C21.5229%2027%2025%2023%2025%2023H25Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-05 {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #E94034; }
    .lnk-btn-05.f-fs {
      font-size: 7.41px; }

  .lnk-btn-06 {
    color: #fff;
    background: #221F44;
    width: 190px; }
    .lnk-btn-06:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-06 {
    color: #fff;
    background: #221F44;
    width: 190px; }
    .lnk-btn-06:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-08 {
    width: calc(100% - 24px);
    height: 48px;
    background-color: #fff; }
    .lnk-btn-08:after {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.5%2016C6.5%2021.5228%2010.9772%2026%2016.5%2026C22.0228%2026%2026.5%2021.5228%2026.5%2016C26.5%2010.4772%2022.0228%206%2016.5%206C10.9772%206%206.5%2010.4772%206.5%2016ZM24.5%2016C24.5%2020.4183%2020.9183%2024%2016.5%2024C12.0817%2024%208.5%2020.4183%208.5%2016C8.5%2011.5817%2012.0817%208%2016.5%208C20.9183%208%2024.5%2011.5817%2024.5%2016ZM17.5%2017.5858L19.7929%2015.2929L21.2071%2016.7071L16.5%2021.4142L11.7929%2016.7071L13.2071%2015.2929L15.5%2017.5858V11H17.5V17.5858Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-10 {
    color: #fff;
    background: #221F44;
    width: 190px;
    padding: 0 16px 0 16px; }
    .lnk-btn-10:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-13 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 16px 24px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #221F44;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #28263B; }
    .lnk-btn-13.f-fs {
      font-size: 7.41px; }

  .lnk-btn-14 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-family: Outfit;
    font-weight: 600;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    box-sizing: border-box;
    transition: opacity 0.3s;
    background-color: #D7D5E1;
    color: #000;
    text-transform: uppercase; }
    .lnk-btn-14.f-fs {
      font-size: 7.41px; }
    .lnk-btn-14:after {
      content: '';
      width: 32px;
      height: 32px;
      position: absolute;
      right: 8px; }
    .lnk-btn-14:hover {
      opacity: 0.9; }

  .lnk-btn-15 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 16px 0;
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #E94034;
    transition: opacity 0.3s; }
    .lnk-btn-15.f-fs {
      font-size: 7.41px; }
    .lnk-btn-15:hover {
      opacity: 0.9; }

  .lnk-btn-17 {
    background: #E94034;
    color: #fff;
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0 54px;
    font-family: Outfit;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: center; }

  .lnk-btn-21 {
    background: #221F44;
    color: #FFF;
    height: 34px;
    padding: 5px 24px; } }
@media all and (min-width: 768px) {
  .lnk-btn-01 {
    padding: 4px 8px 4px 16px; }

  .lnk-btn-02 {
    background: #E94034;
    color: #fff; }
    .lnk-btn-02:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4141L16.1716%2022.9999L22.1716%2016.9999H8V14.9999H22.1716L16.1716%208.99991L17.5858%207.58569L26%2015.9999L17.5858%2024.4141Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-03 {
    padding: 0 16px 0 24px;
    background-color: #E94034;
    color: #fff; }
    .lnk-btn-03:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4144L16.1716%2023.0002L22.1716%2017.0002H8V15.0002H22.1716L16.1716%209.00015L17.5858%207.58594L26%2016.0002L17.5858%2024.4144Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E"); }

  .lnk-btn-04 {
    width: 176px; }
    .lnk-btn-04:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2016C13.2386%2016%2011%2013.7614%2011%2011C11%208.23858%2013.2386%206%2016%206C18.7615%206%2021%208.23858%2021%2011C21%2013.7614%2018.7615%2016%2016%2016ZM16%2014C17.6569%2014%2019%2012.6569%2019%2011C19%209.34315%2017.6569%208%2016%208C14.3432%208%2013%209.34315%2013%2011C13%2012.6569%2014.3432%2014%2016%2014ZM16%2018C11.1621%2018%207.12661%2021.4355%206.20007%2026H8.25207C9.14016%2022.5495%2012.2724%2020%2016%2020C19.7277%2020%2022.8599%2022.5495%2023.748%2026H25.8C24.8735%2021.4355%2020.838%2018%2016%2018Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-06 {
    color: #221F44;
    border: 1px solid #221F44;
    box-sizing: border-box; }
    .lnk-btn-06:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E"); }

  .lnk-btn-07 {
    color: #221F44;
    padding: 12px 16px;
    background-color: #fff; }

  .lnk-btn-20 {
    color: #221F44;
    padding: 12px 16px;
    background-color: #fff; }

  .lnk-btn-08 {
    padding: 8px 16px 8px 24px;
    background: #FFFFFF;
    color: #221F44; }
    .lnk-btn-08:after {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.5%2016C6.5%2021.5228%2010.9772%2026%2016.5%2026C22.0228%2026%2026.5%2021.5228%2026.5%2016C26.5%2010.4772%2022.0228%206%2016.5%206C10.9772%206%206.5%2010.4772%206.5%2016ZM24.5%2016C24.5%2020.4183%2020.9183%2024%2016.5%2024C12.0817%2024%208.5%2020.4183%208.5%2016C8.5%2011.5817%2012.0817%208%2016.5%208C20.9183%208%2024.5%2011.5817%2024.5%2016ZM17.5%2017.5858L19.7929%2015.2929L21.2071%2016.7071L16.5%2021.4142L11.7929%2016.7071L13.2071%2015.2929L15.5%2017.5858V11H17.5V17.5858Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-10 {
    color: #221F44;
    border: 1px solid #221F44;
    box-sizing: border-box; }
    .lnk-btn-10:after {
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-13 {
    color: #221F44;
    border: 1px solid #221F44;
    background: #fff;
    padding-right: 40px; }
    .lnk-btn-13:after {
      position: absolute;
      right: 8px;
      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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4142L16.1716%2023L22.1716%2017H8V15H22.1716L16.1716%209.00003L17.5858%207.58582L26%2016L17.5858%2024.4142Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }

  .lnk-btn-17 {
    display: flex;
    align-items: center;
    padding: 0 54px;
    background: #E94034;
    color: #fff;
    height: 34px;
    font-family: Outfit;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: center; }

  .lnk-btn-20 {
    display: flex;
    align-items: center;
    padding: 0 54px;
    height: 34px;
    font-family: Outfit;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: center; } }
.hr-A {
  width: 100%;
  height: 1px;
  background: #D7D5E1;
  flex-grow: 1;
  display: flex; }

.hr-B {
  width: 100%;
  height: 1px;
  background: #ECEAFA;
  flex-grow: 1;
  display: flex; }

.elevensight-11button-v2 {
  width: 100% !important; }
  .elevensight-11button-v2 #elevensight-container--2n43YZKu6iaOCyJYB-bZbZ60MMaZcNGe-lKNrmUoRG3_O5YBI {
    max-width: unset !important; }
    .elevensight-11button-v2 #elevensight-container--2n43YZKu6iaOCyJYB-bZbZ60MMaZcNGe-lKNrmUoRG3_O5YBI #--2n43YZKu6iaOCyJYB-bZbZ60MMaZcNGe-lKNrmUoRG3_O5YBI {
      width: 100% !important;
      height: 100% !important; }
  .elevensight-11button-v2 div:last-child {
    position: absolute;
    bottom: 35px;
    left: 95px; }
  .elevensight-11button-v2 div.elevensight-widget-launcher {
    position: absolute !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    overflow: hidden !important;
    top: 0px !important;
    opacity: 0 !important;
    left: 0 !important; }

#seo-container {
  overflow: hidden;
  height: 120px; }
  #seo-container p {
    margin-bottom: 24px;
    font-family: Outfit;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #76758F; }
    #seo-container p.f-fs {
      font-size: 7.98px; }
    #seo-container p:nth-last-child(2) {
      margin-bottom: 0; }
  #seo-container h2 {
    font-weight: 300; }
  #seo-container h1, #seo-container h3, #seo-container h4, #seo-container h5, #seo-container h6, #seo-container strong {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #221F44; }
    #seo-container h1.f-fs, #seo-container h3.f-fs, #seo-container h4.f-fs, #seo-container h5.f-fs, #seo-container h6.f-fs, #seo-container strong.f-fs {
      font-size: 7.98px; }
  #seo-container ul {
    margin-bottom: 24px; }
    #seo-container ul li {
      font-family: Outfit;
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      color: #76758F; }
      #seo-container ul li.f-fs {
        font-size: 7.98px; }
  #seo-container > .c-item-01 {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #F7F7FC;
    padding: 0 9px;
    font-family: Outfit;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #E94034; }
    #seo-container > .c-item-01.f-fs {
      font-size: 7.98px; }

.static-html-raw-content ul {
  padding-left: 17px; }
  .static-html-raw-content ul li {
    list-style-type: disc; }
.static-html-raw-content ol {
  counter-reset: item; }
  .static-html-raw-content ol li:before {
    content: counters(item,".") ". ";
    counter-increment: item;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #28263B; }
    .static-html-raw-content ol li:before.f-fs {
      font-size: 10.26px; }
  .static-html-raw-content ol li ol li:before {
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    color: #28263B; }
    .static-html-raw-content ol li ol li:before.f-fs {
      font-size: 10.26px; }
.static-html-raw-content ol[type="a"] {
  padding-left: 23px; }
  .static-html-raw-content ol[type="a"] li {
    list-style-type: upper-latin; }
    .static-html-raw-content ol[type="a"] li:before {
      display: none; }
    .static-html-raw-content ol[type="a"] li::marker {
      font-weight: 500;
      font-size: 18px;
      line-height: 18px;
      color: #28263B; }
      .static-html-raw-content ol[type="a"] li::marker.f-fs {
        font-size: 10.26px; }
.static-html-raw-content.no-counter li:before {
  display: none !important; }

.agreementModalStyle #modal-header {
  height: 64px;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px; }
  .agreementModalStyle #modal-header a h6 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #28263B; }
    .agreementModalStyle #modal-header a h6.f-fs {
      font-size: 15.96px; }
  .agreementModalStyle #modal-header > .c-item-02 {
    position: absolute;
    top: 16px;
    right: 10px; }
.agreementModalStyle #modal-body {
  padding: 20px 30px; }
  .agreementModalStyle #modal-body .static-html-raw-content {
    width: 100%;
    padding: 0; }
    .agreementModalStyle #modal-body .static-html-raw-content > a {
      text-decoration: none; }
.agreementModalStyle #modal-close {
  width: 25px;
  height: 25px; }

.checkoutModalStyle #modal-header {
  height: 64px;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px; }
  .checkoutModalStyle #modal-header a h6 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #28263B; }
    .checkoutModalStyle #modal-header a h6.f-fs {
      font-size: 15.96px; }
  .checkoutModalStyle #modal-header > .c-item-02 {
    position: absolute;
    top: 16px;
    right: 10px; }
.checkoutModalStyle #modal-body {
  padding: 20px 30px; }
  .checkoutModalStyle #modal-body .static-html-raw-content {
    width: 100%;
    padding: 0; }
    .checkoutModalStyle #modal-body .static-html-raw-content > a {
      text-decoration: none; }
.checkoutModalStyle #modal-close {
  width: 25px;
  height: 25px; }

.forgotPasswordModalStyle #modal-close {
  width: 25px;
  height: 25px; }

.custom-clarification-01 .hr-clarification {
  width: 100%;
  height: 1px;
  background: #ECEAFA;
  flex-grow: 1;
  display: flex;
  margin: 24px 0; }
.custom-clarification-01 .clarification-chk {
  width: 100%;
  margin-bottom: 32px; }
  .custom-clarification-01 .clarification-chk label {
    font-family: Outfit;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #221F44;
    display: flex;
    align-items: center; }
    .custom-clarification-01 .clarification-chk label.f-fs {
      font-size: 9.12px; }
    .custom-clarification-01 .clarification-chk label a {
      font-family: Outfit;
      font-weight: 300;
      font-size: 16px;
      color: #E94034;
      display: inline-flex; }
      .custom-clarification-01 .clarification-chk label a.f-fs {
        font-size: 9.12px; }

.light-loader {
  min-width: 182px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22margin%3A%20auto%3B%20background%3A%20transparent%3B%20display%3A%20block%3B%20shape-rendering%3A%20auto%3B%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%3E%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%2210%22%20r%3D%2235%22%20stroke-dasharray%3D%22164.93361431346415%2056.97787143782138%22%3E%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20dur%3D%221s%22%20values%3D%220%2050%2050%3B360%2050%2050%22%20keyTimes%3D%220%3B1%22%3E%3C%2FanimateTransform%3E%20%3C%2Fcircle%3E%20%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  text-indent: -9999px; }
  .light-loader *, .light-loader *::before, .light-loader *::after {
    display: none; }

.dark-loader {
  min-width: 217px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2044%2044%22%20style%3D%22enable-background%3Anew%200%200%2044%2044%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0{fill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A2%3B}%20%3C%2Fstyle%3E%20%3Cg%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22r%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%2020%22%3E%20%3C%2Fanimate%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22stroke-opacity%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%200%22%3E%20%3C%2Fanimate%3E%20%3C%2Fcircle%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22r%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%2020%22%3E%20%3C%2Fanimate%3E%20%3Canimate%20accumulate%3D%22none%22%20additive%3D%22replace%22%20attributeName%3D%22stroke-opacity%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20fill%3D%22remove%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20restart%3D%22always%22%20values%3D%221%3B%200%22%3E%20%3C%2Fanimate%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px; }
  .dark-loader *, .dark-loader *::before, .dark-loader *::after {
    display: none; }

#at4-share, .at-share-dock-outer {
  display: none; }

.f-info-tag-01 {
  height: 30px;
  margin-left: 12px;
  padding: 4px 12px;
  background-color: #F7F7FC;
  font-family: Outfit;
  font-weight: 500;
  font-size: 14px;
  color: #E94034;
  width: fit-content;
  border-radius: 100px; }

#modal-content.languageSelectModal {
  padding: 48px; }
  #modal-content.languageSelectModal > .c-item-01 {
    text-align: center; }
    #modal-content.languageSelectModal > .c-item-01 > .c-unit-01 {
      width: 100%;
      justify-content: center;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 26px;
      color: #221F44; }
      #modal-content.languageSelectModal > .c-item-01 > .c-unit-01.f-fs {
        font-size: 13.68px; }
  #modal-content.languageSelectModal > .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #modal-content.languageSelectModal > .c-item-02 .c-unit-01 {
      width: 264px;
      margin-top: 24px;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 28px;
      color: #76758F;
      text-align: center; }
      #modal-content.languageSelectModal > .c-item-02 .c-unit-01.f-fs {
        font-size: 10.26px; }
    #modal-content.languageSelectModal > .c-item-02 .c-unit-02 {
      margin-top: 32px;
      padding: 16px 28px;
      text-transform: uppercase;
      background-color: #E94034;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #fff; }
      #modal-content.languageSelectModal > .c-item-02 .c-unit-02.f-fs {
        font-size: 121.41px; }
    #modal-content.languageSelectModal > .c-item-02 .c-unit-03 {
      margin-top: 8px;
      text-transform: uppercase;
      padding: 16px 20px;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      color: #221F44;
      border: 1px solid #221F44; }
      #modal-content.languageSelectModal > .c-item-02 .c-unit-03.f-fs {
        font-size: 121.41px; }
#modal-content.modalCountrySelector > .c-item-01 {
  text-align: center; }
  #modal-content.modalCountrySelector > .c-item-01 > .c-unit-01 {
    width: 100%;
    justify-content: center;
    font-family: 'Outfit';
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #221F44; }
    #modal-content.modalCountrySelector > .c-item-01 > .c-unit-01.f-fs {
      font-size: 13.68px; }
#modal-content.modalCountrySelector > .c-item-02 {
  flex-direction: column; }
  #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column; }
    #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-container {
      width: 100% !important; }
    #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-container .select2-selection--single .select2-selection__rendered {
      padding: 0 !important; }
    #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-container--default .select2-selection--single {
      width: 100%;
      display: flex;
      height: 56px;
      justify-content: flex-start;
      align-items: center;
      padding: 0 0 0 16px;
      border: 1px solid #D7D5E1;
      border-radius: 0;
      background: transparent;
      font-weight: 600;
      color: #4E4C69;
      transition: 0.1s;
      font-size: 16px; }
      #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-container--default .select2-selection--single.f-fs {
        font-size: 9.12px; }
    #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-results__option {
      display: flex;
      align-items: center; }
    #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
      transform: rotate(180deg); }
    #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: 20px;
      width: 20px;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #modal-content.modalCountrySelector > .c-item-02 > .c-unit-01 > .select2-container--default .select2-selection--single .select2-selection__arrow b {
      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%22M16.0001%2017.5857L21.293%2012.2928L22.7072%2013.7071L16.0001%2020.4142L9.29297%2013.7071L10.7072%2012.2928L16.0001%2017.5857Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E%20");
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      border: none !important;
      height: 32px !important;
      width: 32px !important;
      margin: auto !important;
      top: auto !important;
      left: -13px !important; }
#modal-content.modalCountrySelector > .c-item-03 {
  width: 100%;
  flex-direction: column; }
  #modal-content.modalCountrySelector > .c-item-03 > .c-unit-01 {
    width: 100%;
    margin-bottom: 8px; }
  #modal-content.modalCountrySelector > .c-item-03 > .c-unit-02 {
    width: 100%;
    height: 48px;
    border: none;
    color: #221F44; }
#modal-content.modalsubscribeFooter {
  padding: 48px; }
  #modal-content.modalsubscribeFooter > .c-container-01 {
    margin-bottom: 32px; }
    #modal-content.modalsubscribeFooter > .c-container-01 > .c-item-01 {
      width: 100%;
      margin-bottom: 16px;
      font-family: Outfit;
      font-size: 32px;
      font-weight: 500;
      line-height: 40px;
      color: #221F44; }
      #modal-content.modalsubscribeFooter > .c-container-01 > .c-item-01.f-fs {
        font-size: 18.24px; }
    #modal-content.modalsubscribeFooter > .c-container-01 > .c-item-02 {
      font-family: Outfit;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      color: #4E4C69; }
      #modal-content.modalsubscribeFooter > .c-container-01 > .c-item-02.f-fs {
        font-size: 9.12px; }
  #modal-content.modalsubscribeFooter > .c-container-02 {
    overflow-y: inherit; }
    #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A {
      flex-direction: column; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-01 {
        flex-direction: column;
        width: 100%;
        margin-bottom: 16px; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-02 {
        margin-top: 16px; }
        #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-02 label {
          z-index: 11; }
        #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-02 span {
          font-family: Outfit;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px;
          color: #4E4C69;
          padding-left: 26px; }
        #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-02 > .c-item-01 {
          font-family: Outfit;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px;
          color: #4E4C69;
          padding-left: 26px; }
          #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-02 > .c-item-01.f-fs {
            font-size: 9.12px; }
    #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-02 {
        text-align: center;
        width: 384px;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 600;
        color: #221F44;
        line-height: 40px;
        margin: 24px 0 16px 0; }
        #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-02.f-fs {
          font-size: 18.24px; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-03 {
        width: 384px;
        text-align: center;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 500;
        color: #4E4C69;
        line-height: 24px; }
        #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-03.f-fs {
          font-size: 9.12px; }
  #modal-content.modalsubscribeFooter > .c-container-03 .c-item-01 {
    width: 100%; }
  #modal-content.modalsubscribeFooter #modal-close {
    width: 32px;
    height: 32px;
    top: 16px !important;
    right: 16px !important; }
#modal-content.cartDrawer > .c-item-01 {
  display: flex;
  flex-wrap: nowrap !important;
  flex-direction: column !important;
  text-align: center;
  height: auto !important;
  margin-bottom: 24px !important; }
#modal-content.cartDrawer > .c-item-02 {
  background: #F7F7FC !important;
  padding: 24px 32px 0px 32px !important;
  border-radius: 0px 0px 8px 8px !important;
  margin: 0 !important; }
  #modal-content.cartDrawer > .c-item-02 > .c-item-02-A {
    margin-bottom: 16px;
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #232941; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-A.f-fs {
      font-size: 13.68px; }
  #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 {
    display: flex;
    padding: 16px;
    background: #FFFFFF;
    margin-bottom: 16px; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01:last-child {
      margin-bottom: 0 !important; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-A {
      width: 96px;
      height: 96px;
      margin-right: 16px; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-A img {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-01 {
      margin-bottom: 8px;
      font-family: 'Outfit';
      font-weight: 600;
      font-size: 12px;
      line-height: 16px;
      text-transform: uppercase;
      color: #76758F; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-01.f-fs {
        font-size: 6.84px; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-02 {
      height: 54px;
      margin-bottom: 8px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      font-family: 'Outfit';
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: #221F44; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-02.f-fs {
        font-size: 7.98px; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 12px; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-01 {
        margin-right: 4px;
        font-family: 'Outfit';
        font-weight: 500;
        font-size: 13px;
        line-height: 18px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-01.f-fs {
          font-size: 7.41px; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-02 {
        display: flex;
        align-items: center; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-02 .star-01 {
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.54125L9.09%2011.4062L8.27%207.89125L11%205.52625L7.405%205.22125L6%201.90625L4.595%205.22125L1%205.52625L3.73%207.89125L2.91%2011.4062L6%209.54125Z%22%20fill%3D%22%23DCDBE1%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-02 .star-02 {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          height: 100%;
          overflow: hidden;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.42406L9.09%2011.2891L8.27%207.77406L11%205.40906L7.405%205.10406L6%201.78906L4.595%205.10406L1%205.40906L3.73%207.77406L2.91%2011.2891L6%209.42406Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-03 {
        font-family: 'Outfit';
        font-weight: 500;
        font-size: 13px;
        line-height: 18px;
        color: #9C9CAE;
        padding-left: 19px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-03.f-fs {
          font-size: 7.41px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-03 > .c-container-01-A .c-item-03:before {
          width: 3px;
          height: 3px;
          top: 8px;
          left: 7px;
          border-radius: 50%;
          position: absolute;
          content: '';
          background: #76758F; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 {
      display: flex;
      align-items: center;
      margin-top: 16px; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 .c-unit-01-C {
        margin-right: 8px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 .c-unit-01-C .c-unit-01-C-01 {
          margin-bottom: 2px;
          font-family: 'Outfit';
          font-weight: 500;
          font-size: 14px;
          line-height: 14px;
          text-decoration-line: line-through; }
          #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 .c-unit-01-C .c-unit-01-C-01.f-fs {
            font-size: 7.98px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 .c-unit-01-C .c-unit-01-C-02 {
          font-family: 'Outfit';
          font-weight: 500;
          font-size: 14px;
          line-height: 14px; }
          #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 .c-unit-01-C .c-unit-01-C-02.f-fs {
            font-size: 7.98px; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 .c-unit-01-D {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        background: #1DC066;
        color: #FFFFFF;
        padding: 3px 4px;
        font-size: 12px;
        line-height: 16px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B .c-unit-01-B-04 .c-unit-01-D.f-fs {
          font-size: 6.84px; }
    #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-C {
      position: absolute;
      right: 16px;
      bottom: 16px;
      display: flex;
      padding: 16px 24px;
      align-items: center;
      justify-content: center;
      background: #E94034;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #FFFFFF; }
#modal-content.cartDrawer #modal-close {
  top: 32px !important;
  right: 32px !important;
  background-color: unset !important; }
#modal-content.evaluationDrawer .evaluation-sent-header,
#modal-content.evaluationDrawer .evaluation-sent-body,
#modal-content.evaluationDrawer .evaluation-sent-footer {
  display: none; }
#modal-content.evaluationDrawer .evaluation-form-footer,
#modal-content.evaluationDrawer .evaluation-sent-footer {
  width: 100%; }
#modal-content.evaluationDrawer.evaluationSent .evaluation-form-header,
#modal-content.evaluationDrawer.evaluationSent .evaluation-form-body,
#modal-content.evaluationDrawer.evaluationSent .evaluation-form-footer {
  display: none; }
#modal-content.evaluationDrawer.evaluationSent .evaluation-sent-header,
#modal-content.evaluationDrawer.evaluationSent .evaluation-sent-body,
#modal-content.evaluationDrawer.evaluationSent .evaluation-sent-footer {
  display: flex; }
#modal-content.evaluationDrawer.evaluationSent #modal-header {
  height: auto;
  padding: 0;
  border: 0;
  line-height: normal !important; }
  #modal-content.evaluationDrawer.evaluationSent #modal-header .evaluation-sent-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
    #modal-content.evaluationDrawer.evaluationSent #modal-header .evaluation-sent-header .c-item-02 {
      font-weight: 600;
      font-size: 32px;
      line-height: 48px;
      color: #232941; }
      #modal-content.evaluationDrawer.evaluationSent #modal-header .evaluation-sent-header .c-item-02.f-fs {
        font-size: 18.24px; }
#modal-content.evaluationDrawer.evaluationSent #modal-body,
#modal-content.evaluationDrawer.evaluationSent #modal-footer {
  background-color: #F7F7FC; }
#modal-content.evaluationDrawer.evaluationSent #modal-body {
  margin: 0 !important; }
  #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body {
    display: flex;
    flex-direction: column; }
    #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-A {
      font-weight: 600;
      line-height: 32px;
      color: #232941; }
    #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 {
      display: flex; }
      #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-A img {
        width: 100%;
        object-fit: cover;
        object-position: center; }
      #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A {
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #76758F; }
        #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A.f-fs {
          font-size: 6.84px; }
      #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B {
        margin-top: 8px;
        font-weight: 400;
        line-height: 18px;
        color: #221F44; }
      #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-02 {
        margin-top: 16px;
        display: flex;
        align-items: center; }
        #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-02 .star-01 {
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.54125L9.09%2011.4062L8.27%207.89125L11%205.52625L7.405%205.22125L6%201.90625L4.595%205.22125L1%205.52625L3.73%207.89125L2.91%2011.4062L6%209.54125Z%22%20fill%3D%22%23DCDBE1%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
        #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-02 .star-02 {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          height: 100%;
          overflow: hidden;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.42406L9.09%2011.2891L8.27%207.77406L11%205.40906L7.405%205.10406L6%201.78906L4.595%205.10406L1%205.40906L3.73%207.77406L2.91%2011.2891L6%209.42406Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
        #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-02 .c-unit-02-A {
          margin-right: 4px; }
    #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-02 {
      margin-top: 28px;
      text-align: center; }
      #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-02 a {
        display: block;
        padding: 16px;
        border: 1px solid #E94034;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #E94034;
        cursor: pointer; }
        #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-02 a.f-fs {
          font-size: 7.41px; }
#modal-content.evaluationDrawer #modal-close {
  background-color: transparent !important; }
#modal-content.evaluationDrawer #star-container {
  display: flex;
  justify-content: space-between;
  width: 312px; }
  #modal-content.evaluationDrawer #star-container .s1, #modal-content.evaluationDrawer #star-container .s2, #modal-content.evaluationDrawer #star-container .s3, #modal-content.evaluationDrawer #star-container .s4, #modal-content.evaluationDrawer #star-container .s5 {
    padding: 0; }
  #modal-content.evaluationDrawer #star-container .s1 {
    order: 1; }
  #modal-content.evaluationDrawer #star-container .s2 {
    order: 2; }
    #modal-content.evaluationDrawer #star-container .s2:hover ~ .element-item-01 .element-item-01-A svg path {
      fill: #FFAF30; }
  #modal-content.evaluationDrawer #star-container .s3 {
    order: 3; }
    #modal-content.evaluationDrawer #star-container .s3:hover ~ .element-item-01 .element-item-01-A svg path {
      fill: #FFAF30; }
  #modal-content.evaluationDrawer #star-container .s4 {
    order: 4; }
    #modal-content.evaluationDrawer #star-container .s4:hover ~ .element-item-01 .element-item-01-A svg path {
      fill: #FFAF30; }
  #modal-content.evaluationDrawer #star-container .s5 {
    order: 5; }
    #modal-content.evaluationDrawer #star-container .s5:hover ~ .element-item-01 .element-item-01-A svg path {
      fill: #FFAF30; }
  #modal-content.evaluationDrawer #star-container .element-item-01:hover .element-item-01-A svg path {
    fill: #FFAF30; }
  #modal-content.evaluationDrawer #star-container .element-item-01:hover .element-item-01-B {
    display: flex;
    position: absolute;
    width: max-content;
    bottom: -50%; }
  #modal-content.evaluationDrawer #star-container .element-item-01.on .element-item-01-A svg path {
    fill: #FFAF30; }
  #modal-content.evaluationDrawer #star-container .element-item-01.currentRating .element-item-01-B {
    display: flex; }
#modal-content .countryS2Dropdown .select2-results__option {
  padding: 16px;
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 16px; }
#modal-content.modalConfirm .c-container-01 {
  padding: 24px; }
  @media all and (min-width: 768px) {
    #modal-content.modalConfirm .c-container-01 {
      padding: 48px; } }
  #modal-content.modalConfirm .c-container-01 .c-item {
    width: 100%; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-01 {
      font-family: 'Outfit';
      font-size: 32px;
      font-weight: 500;
      line-height: 40px;
      color: #221F44;
      margin-bottom: 16px; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-02 {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      color: #4E4C69;
      margin-bottom: 32px; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-03 {
      width: 100%;
      padding: 16px 24px;
      background-color: #F7F7FC;
      margin-bottom: 32px; }
      #modal-content.modalConfirm .c-container-01 .c-item .c-item-03 .c-item-03-A {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #4E4C69;
        margin-bottom: 4px; }
      #modal-content.modalConfirm .c-container-01 .c-item .c-item-03 .c-item-03-B {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        color: #333; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-04 {
      display: flex;
      justify-content: center; }
      #modal-content.modalConfirm .c-container-01 .c-item .c-item-04 .c-item-04-A {
        background-color: #FFF;
        padding: 16px 24px;
        border: 1px solid #000;
        font-family: Outfit;
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 1px;
        color: #221F44; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-05 {
      width: 100%; }
      #modal-content.modalConfirm .c-container-01 .c-item .c-item-05[disabled="true"] {
        background-color: #E9E9E9; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-06 {
      margin-bottom: 8px; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-07 {
      margin-bottom: 8px;
      font-family: Outfit;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      color: #4E4C69; }
    #modal-content.modalConfirm .c-container-01 .c-item .c-item-08 {
      width: 100%;
      padding: 16px 24px;
      background-color: #F7F7FC;
      margin-bottom: 32px;
      display: flex;
      justify-content: space-between;
      gap: 12px; }
      @media all and (max-width: 767px) {
        #modal-content.modalConfirm .c-container-01 .c-item .c-item-08 {
          padding: 16px 12px;
          margin-bottom: 24px; } }
      #modal-content.modalConfirm .c-container-01 .c-item .c-item-08 .c-item-08-A .c-item-08-A-01 {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #4E4C69;
        margin-bottom: 4px; }
      #modal-content.modalConfirm .c-container-01 .c-item .c-item-08 .c-item-08-A .c-item-08-A-02 {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        color: #333; }
      #modal-content.modalConfirm .c-container-01 .c-item .c-item-08 .c-item-08-B {
        padding-right: 24px;
        padding-left: 24px; }
        @media all and (max-width: 767px) {
          #modal-content.modalConfirm .c-container-01 .c-item .c-item-08 .c-item-08-B {
            padding-right: 12px;
            padding-left: 12px;
            width: 90px; } }
#modal-content.modalConfirm .c-container-02 {
  padding: 24px; }
  @media all and (min-width: 768px) {
    #modal-content.modalConfirm .c-container-02 {
      padding: 48px; } }
  #modal-content.modalConfirm .c-container-02 .c-item {
    width: 100%; }
    #modal-content.modalConfirm .c-container-02 .c-item .c-item-01 {
      margin: 0 auto 24px auto;
      display: block; }
    #modal-content.modalConfirm .c-container-02 .c-item .c-item-02 {
      font-family: Outfit;
      font-size: 32px;
      font-weight: 600;
      line-height: 40px;
      color: #221F44;
      margin-bottom: 16px;
      text-align: center; }
      @media all and (min-width: 768px) {
        #modal-content.modalConfirm .c-container-02 .c-item .c-item-02 {
          padding: 0 48px; } }
    #modal-content.modalConfirm .c-container-02 .c-item .c-item-03 {
      font-family: Outfit;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: center;
      color: #4E4C69; }
      @media all and (min-width: 768px) {
        #modal-content.modalConfirm .c-container-02 .c-item .c-item-03 {
          margin-bottom: 24px; } }
#modal-content.modalConfirm #modal-close {
  width: 32px;
  height: 32px; }

#modal-wrapper.modal-feedback-01 {
  height: 320px !important; }
#modal-wrapper.dir-confirm {
  height: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important; }

#agreementContainerMobile {
  display: none; }

.stockInformationModalStyle {
  padding: 24px; }
  .stockInformationModalStyle #modal-header {
    justify-content: center; }
    .stockInformationModalStyle #modal-header .c-item-01 {
      color: #000;
      text-align: center;
      font-family: 'Outfit';
      font-size: 28px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .stockInformationModalStyle #modal-header .c-item-02 {
      margin-top: 8px;
      color: #76758F;
      text-align: center;
      font-family: 'Outfit';
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal; }
  .stockInformationModalStyle #modal-body {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */ }
  .stockInformationModalStyle #modal-body::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari ve yeni Edge */ }
  .stockInformationModalStyle #modal-body {
    flex-direction: column;
    margin-top: 16px; }
    .stockInformationModalStyle #modal-body .c-division-01 {
      margin-top: 16px; }
      .stockInformationModalStyle #modal-body .c-division-01:first-child {
        margin-bottom: 0; }
      .stockInformationModalStyle #modal-body .c-division-01 .c-container-01 {
        color: #000;
        font-family: 'Outfit';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal; }
      .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 {
        margin-top: 16px; }
        .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A {
          display: flex;
          padding: 12px 0px;
          border: 1px solid #DFDFDF;
          background: #FFF;
          margin-bottom: 8px; }
          .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A:last-child {
            margin-bottom: 0; }
          .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-01 {
            width: 64px;
            height: 64px; }
            .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-01 img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center; }
          .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-01 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            color: #221F44;
            font-family: 'Outfit';
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 20px; }
          .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-02 {
            color: #221F44;
            font-family: 'Outfit';
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 14px; }
          .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-03 {
            padding-left: 20px;
            color: #221F44;
            font-family: 'Outfit';
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 14px;
            margin-top: 16px; }
          .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-03::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: -2px;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M8%2014.6666C4.3181%2014.6666%201.33334%2011.6818%201.33334%207.99998C1.33334%204.31808%204.3181%201.33331%208%201.33331C11.6819%201.33331%2014.6667%204.31808%2014.6667%207.99998C14.6667%2011.6818%2011.6819%2014.6666%208%2014.6666ZM8%2013.3333C10.9455%2013.3333%2013.3333%2010.9455%2013.3333%207.99998C13.3333%205.05446%2010.9455%202.66665%208%202.66665C5.05448%202.66665%202.66667%205.05446%202.66667%207.99998C2.66667%2010.9455%205.05448%2013.3333%208%2013.3333ZM7.33334%204.66665H8.66667V5.99998H7.33334V4.66665ZM7.33334%207.33331H8.66667V11.3333H7.33334V7.33331Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
  .stockInformationModalStyle #modal-footer {
    flex-direction: column;
    margin-top: 24px; }
    .stockInformationModalStyle #modal-footer .c-container-01 {
      width: 100%;
      cursor: pointer;
      text-align: center;
      padding: 16px 24px;
      background: #E94034;
      color: #FFF;
      font-family: 'Outfit';
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase; }
    .stockInformationModalStyle #modal-footer .c-container-02 {
      width: 100%;
      cursor: pointer;
      text-align: center;
      margin-top: 8px;
      padding: 16px 24px;
      color: #221F44;
      font-family: 'Outfit';
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 1px solid #FFF; }
  .stockInformationModalStyle #modal-close {
    display: none; }

@media all and (max-width: 767px) {
  .elevensight-11button-v2 {
    width: 24px !important; }
    .elevensight-11button-v2 #elevensight-container--2n43YZKu6iaOCyJYB-bZbZ60MMaZcNGe-lKNrmUoRG3_O5YBI {
      width: 306px !important;
      height: 445px !important; }
    .elevensight-11button-v2 div:last-child {
      position: absolute;
      bottom: 55px;
      left: auto;
      right: 0; }
    .elevensight-11button-v2 div.elevensight-widget-launcher {
      position: absolute !important;
      width: 24px !important;
      min-width: 24px !important;
      height: 24px !important;
      overflow: hidden !important;
      top: 0px !important;
      opacity: 0 !important;
      left: 0 !important; }

  .dir-egreement-modal {
    height: 100% !important; }
    .dir-egreement-modal .modal-content {
      padding: 20px 0; }
    .dir-egreement-modal #modal-header {
      flex-wrap: nowrap !important;
      padding: 15px 30px;
      height: auto; }
      .dir-egreement-modal #modal-header > .c-item-02 {
        position: relative !important;
        top: auto;
        right: auto; }
      .dir-egreement-modal #modal-header h3 {
        width: calc(100% - 20px); }

  .static-html-raw-content {
    padding: 0 0 120px 0;
    width: calc(100% - 48px);
    margin: 0 auto; }
    .static-html-raw-content h2 {
      font-weight: 500;
      font-size: 32px;
      line-height: 42px;
      color: #221F44;
      margin-bottom: 24px; }
      .static-html-raw-content h2.f-fs {
        font-size: 18.24px; }
    .static-html-raw-content p {
      font-weight: 400;
      font-size: 18px;
      line-height: 28px;
      color: #221F44;
      margin-bottom: 48px;
      text-align: justify; }
      .static-html-raw-content p.f-fs {
        font-size: 10.26px; }
      .static-html-raw-content p a {
        color: #221F44;
        text-decoration: none; }
    .static-html-raw-content a {
      color: #221F44;
      text-decoration: none; }
    .static-html-raw-content ol,
    .static-html-raw-content ul {
      margin-bottom: 48px; }
      .static-html-raw-content ol li,
      .static-html-raw-content ul li {
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        color: #221F44; }
        .static-html-raw-content ol li.f-fs,
        .static-html-raw-content ul li.f-fs {
          font-size: 10.26px; }

  .custom-clarification-01 .clarification-chk {
    margin-bottom: 24px; }
    .custom-clarification-01 .clarification-chk label {
      font-family: Outfit;
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      color: #221F44;
      display: block; }
      .custom-clarification-01 .clarification-chk label.f-fs {
        font-size: 9.12px; }
      .custom-clarification-01 .clarification-chk label:before {
        top: 3px; }

  .f-info-tag-01 {
    margin-left: 0;
    display: flex;
    align-items: center; }

  #account-button-lg, #accountDropMenu {
    display: none !important; }

  #modal-content.languageSelectModal {
    padding: 48px 24px; }
    #modal-content.languageSelectModal > .c-item-01 {
      text-align: center; }
      #modal-content.languageSelectModal > .c-item-01 > .c-unit-01 {
        width: 100%;
        justify-content: center;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        color: #221F44; }
        #modal-content.languageSelectModal > .c-item-01 > .c-unit-01.f-fs {
          font-size: 13.68px; }
    #modal-content.languageSelectModal > .c-item-02 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #modal-content.languageSelectModal > .c-item-02 .c-unit-01 {
        width: 264px;
        margin-top: 16px;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #76758F;
        text-align: center; }
        #modal-content.languageSelectModal > .c-item-02 .c-unit-01.f-fs {
          font-size: 9.12px; }
      #modal-content.languageSelectModal > .c-item-02 .c-unit-02 {
        margin-top: 24px;
        padding: 16px 12px;
        text-transform: uppercase;
        background-color: #E94034;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 16px;
        color: #fff; }
        #modal-content.languageSelectModal > .c-item-02 .c-unit-02.f-fs {
          font-size: 6.84px; }
      #modal-content.languageSelectModal > .c-item-02 .c-unit-03 {
        margin-top: 8px;
        text-transform: uppercase;
        padding: 16px 4px;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 16px;
        color: #221F44;
        border: none; }
        #modal-content.languageSelectModal > .c-item-02 .c-unit-03.f-fs {
          font-size: 6.84px; }
  #modal-content > .c-item-02 {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #modal-content > .c-item-02 .c-unit-01 {
      width: 264px;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #76758F;
      text-align: center; }
      #modal-content > .c-item-02 .c-unit-01.f-fs {
        font-size: 9.12px; }
    #modal-content > .c-item-02 .c-unit-02 {
      margin-top: 24px;
      padding: 16px 12px;
      text-transform: uppercase;
      background-color: #E94034;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 16px;
      color: #fff; }
      #modal-content > .c-item-02 .c-unit-02.f-fs {
        font-size: 6.84px; }
    #modal-content > .c-item-02 .c-unit-03 {
      margin-top: 8px;
      text-transform: uppercase;
      padding: 16px 4px;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 16px;
      color: #221F44;
      border: none; }
      #modal-content > .c-item-02 .c-unit-03.f-fs {
        font-size: 6.84px; }
  #modal-content.modalCountrySelector {
    padding: 48px 24px 24px 24px; }
    #modal-content.modalCountrySelector .c-item-01 {
      margin-bottom: 24px; }
  #modal-content.modalsubscribeFooter {
    padding: 24px; }
    #modal-content.modalsubscribeFooter > .c-container-01 {
      margin-bottom: 24px; }
      #modal-content.modalsubscribeFooter > .c-container-01 > .c-item-01 {
        width: 216px;
        font-family: Outfit;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        color: #221F44;
        margin-bottom: 0; }
        #modal-content.modalsubscribeFooter > .c-container-01 > .c-item-01.f-fs {
          font-size: 10.26px; }
      #modal-content.modalsubscribeFooter > .c-container-01 > .c-item-02 {
        display: none; }
    #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A {
      flex-direction: column; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-01 {
        flex-direction: column;
        width: 100%;
        margin-bottom: 16px; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-A > .c-item-02 {
        margin-top: 16px; }
    #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-02 {
        width: 100%;
        font-family: Outfit;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        color: #221F44;
        margin: 24px 0 16px 0; }
        #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-02.f-fs {
          font-size: 10.26px; }
      #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-03 {
        width: 100%;
        font-family: Outfit;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: #4E4C69; }
        #modal-content.modalsubscribeFooter > .c-container-02 .c-container-02-B .c-item-03.f-fs {
          font-size: 7.98px; }
    #modal-content.modalsubscribeFooter > .c-container-03 .c-item-01 {
      width: 100%; }
    #modal-content.modalsubscribeFooter #modal-close {
      width: 32px;
      height: 32px;
      top: 16px !important;
      right: 16px !important; }
  #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-01 {
    border-bottom: none !important; }
  #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 {
    padding: 12px 16px 22px 16px !important;
    margin: 0px 0px !important; }
    #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 {
      display: flex;
      padding-bottom: 5px; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 > .c-item-01-A {
        width: 80px;
        height: 80px;
        margin-right: 16px; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 > .c-item-01-A img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        color: #76758F; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A.f-fs {
          font-size: 6.84px; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B {
        width: 215px;
        margin-top: 8px;
        font-family: 'Outfit';
        font-size: 14px;
        line-height: 16px;
        color: #221F44; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B.f-fs {
          font-size: 7.98px; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 {
        margin-top: 8px;
        display: flex;
        align-items: center; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 .c-unit-02-B {
          margin-left: 4px;
          padding-bottom: 2px;
          font-family: 'Outfit';
          font-size: 14px;
          line-height: 19px;
          color: #221F44; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 .c-unit-02-B.f-fs {
            font-size: 7.98px; }
    #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 {
      margin-top: 24px; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .field-label-01 {
        display: block;
        width: 216px;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #232941; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .field-label-01.f-fs {
          font-size: 9.12px; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 {
        display: flex;
        align-items: flex-start;
        height: 75px;
        margin-top: 16px;
        padding-left: 4px; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .element-item-01 {
          display: flex;
          align-items: center;
          flex-direction: column;
          padding-right: 28px;
          cursor: pointer; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .element-item-01 .element-item-01-A {
            width: max-content; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .element-item-01 .element-item-01-B {
            display: none;
            justify-content: center;
            align-items: center;
            margin-top: 4px;
            color: #FFAF30;
            position: absolute;
            width: max-content;
            bottom: -50%; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .element-item-01:last-child {
            padding-right: 0; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 {
        margin-top: 16px; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 #taField {
          width: 100%;
          height: 154px;
          padding: 10px;
          border: 1px solid #221F44;
          border-radius: 8px;
          font-family: 'Outfit';
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #221F44; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 #taField.error {
            border: 1px solid #FF7575; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 #taField ~ label.error {
            color: #FF7575; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .field-footnote-02 {
        margin-bottom: 24px;
        font-weight: 600;
        font-size: 12px;
        line-height: 20px; }
    #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-01 .field-label-01 {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        color: #000000; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-01 .field-label-01.f-fs {
          font-size: 10.26px; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-01 .field-label-02 {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 32px;
        color: #A19EB3; }
      #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 {
        display: flex;
        align-items: center; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 > .cb-box {
          display: flex;
          width: 60px;
          height: 34px;
          border: none;
          margin-right: 26px;
          background: #A19EB4;
          background-size: 0 0;
          transition: background-color 0.2s;
          background-image: none; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 > .cb-box .cb-box-01 {
            width: 25px;
            height: 25px;
            position: absolute;
            left: 4px;
            top: 4px;
            transition: 0.2s;
            background: #FFFFFF;
            transition: transform 0.2s; }
        #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 [type=checkbox]:checked ~ .cb-box {
          background-color: #1DC066; }
          #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 [type=checkbox]:checked ~ .cb-box .cb-box-01 {
            transform: translateX(100%); }
  #modal-content.evaluationDrawer:not(.evaluationSent) > .c-container-03 .c-item-01 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    padding: 0 !important;
    color: #fff !important;
    background-color: #E94034 !important; }
  #modal-content.evaluationDrawer.evaluationSent #modal-header .evaluation-sent-header {
    display: block !important;
    height: 155px !important;
    padding: 72px 16px 24px 16px !important;
    text-align: center; }
    #modal-content.evaluationDrawer.evaluationSent #modal-header .evaluation-sent-header .c-item-01 {
      width: 24px;
      height: 24px; }
    #modal-content.evaluationDrawer.evaluationSent #modal-header .evaluation-sent-header .c-item-02 {
      margin-top: 8px;
      font-family: 'Outfit';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 27px;
      color: #232941; }
      #modal-content.evaluationDrawer.evaluationSent #modal-header .evaluation-sent-header .c-item-02.f-fs {
        font-size: 10.26px; }
  #modal-content.evaluationDrawer.evaluationSent #modal-body {
    padding: 8px 16px 32px 16px !important;
    margin: 0px !important;
    background-color: #F7F7FC; }
    #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-A {
      padding-left: 16px;
      margin-bottom: 8px;
      font-size: 16px; }
      #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-A.f-fs {
        font-size: 9.12px; }
    #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 {
        flex-direction: column;
        width: calc(50% - 4px);
        padding: 11px 8px 8px 8px;
        margin: 0 0 8px 0;
        background-color: #fff; }
        #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-A {
          width: 120px;
          height: 120px;
          margin: 0 auto; }
        #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B {
          margin-top: 12px; }
          #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 {
            padding: 0 16px 0 0; }
            #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A {
              font-weight: 600;
              font-size: 12px;
              line-height: 16px;
              text-transform: uppercase;
              color: #76758F; }
              #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A.f-fs {
                font-size: 6.84px; }
            #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B {
              font-size: 14px;
              font-weight: 600;
              line-height: 18px; }
              #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B.f-fs {
                font-size: 7.98px; }
          #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-03 {
            display: flex;
            height: 48px;
            justify-content: center;
            align-items: center;
            margin-top: 12px;
            border: 1px solid #E94034;
            font-weight: 600;
            font-size: 13px;
            line-height: 16px;
            color: #E94034; }
            #modal-content.evaluationDrawer.evaluationSent #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-03.f-fs {
              font-size: 7.41px; }
  #modal-content.evaluationDrawer.evaluationSent #modal-footer {
    display: none; }
  #modal-content.evaluationDrawer #modal-close {
    top: 16px !important;
    right: 24px !important; }
  #modal-content.cartDrawer {
    padding: 72px 16px 0 16px !important; }
    #modal-content.cartDrawer modal-close {
      top: 16px !important;
      right: 24px !important; }
    #modal-content.cartDrawer > .c-item-01 {
      padding: 0 !important;
      margin-bottom: 32px; }
      #modal-content.cartDrawer > .c-item-01 > .c-unit-01 svg {
        width: 24px;
        height: 24px; }
      #modal-content.cartDrawer > .c-item-01 > .c-unit-02 {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        color: #232941;
        margin-top: 8px; }
        #modal-content.cartDrawer > .c-item-01 > .c-unit-02.f-fs {
          font-size: 10.26px; }
      #modal-content.cartDrawer > .c-item-01 > .c-unit-03 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 24px; }
        #modal-content.cartDrawer > .c-item-01 > .c-unit-03 > .c-unit-03-A {
          margin-right: 16px;
          width: max-content;
          padding-right: 16px;
          padding-left: 16px; }
        #modal-content.cartDrawer > .c-item-01 > .c-unit-03 > .c-unit-03-B {
          width: max-content; }
    #modal-content.cartDrawer > .c-item-02 {
      width: calc(100% + 40px);
      margin: 0 0 0 -20px !important;
      padding: 8px 0 8px 16px !important; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-A {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #232941;
        margin: 0 0 8px 21px; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-A.f-fs {
          font-size: 9.12px; }
      #modal-content.cartDrawer > .c-item-02 > .c-item-02-B {
        overflow-x: auto;
        width: calc(100% + 40px);
        margin: 0 0 0 -12px;
        overflow-y: hidden;
        display: flex; }
        #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 {
          display: flex;
          flex-shrink: 0;
          width: 168px;
          margin-right: 8px;
          flex-direction: column;
          padding: 8px !important; }
          #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-A {
            width: 120px;
            height: 120px;
            margin: 0 auto; }
          #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B {
            margin-top: 12px; }
            #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B > .c-unit-01-B-03 .c-container-01-A .c-item-01 {
              order: 2;
              margin: 0; }
            #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B > .c-unit-01-B-03 .c-container-01-A .c-item-02 {
              order: 1;
              margin-right: 4px; }
              #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B > .c-unit-01-B-03 .c-container-01-A .c-item-02 .star-01:not(:first-child) {
                display: none; }
                #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B > .c-unit-01-B-03 .c-container-01-A .c-item-02 .star-01:not(:first-child) .star-02 {
                  width: 100% !important; }
            #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-B > .c-unit-01-B-03 .c-container-01-A .c-item-03 {
              display: none; }
          #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01 > .c-unit-01-C {
            margin-top: 16px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            background: #221f44;
            font-family: Outfit;
            font-style: normal;
            font-weight: 600;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: 1px;
            color: #fff;
            transition: opacity .3s;
            position: revert; }
          #modal-content.cartDrawer > .c-item-02 > .c-item-02-B > .c-unit-01:first-child {
            margin-left: 16px; }
  #modal-content.modalAccountMenu #modal-close {
    top: 32px !important; }
  #modal-content.modalAccountMenu .c-item-01 {
    height: 185px !important;
    padding: 104px 0px 30px 20px !important; }
    #modal-content.modalAccountMenu .c-item-01 .c-item-01-A {
      display: flex; }
      #modal-content.modalAccountMenu .c-item-01 .c-item-01-A .c-unit-01 {
        margin-right: 12px; }
      #modal-content.modalAccountMenu .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        color: #221F44; }
        #modal-content.modalAccountMenu .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-A.f-fs {
          font-size: 13.68px; }
      #modal-content.modalAccountMenu .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B {
        margin-top: 4px;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #221F44; }
        #modal-content.modalAccountMenu .c-item-01 .c-item-01-A .c-unit-02 .c-unit-02-B.f-fs {
          font-size: 7.98px; }
  #modal-content.modalAccountMenu .c-item-02 {
    padding: 12px !important;
    margin: 0 !important;
    background-color: #F7F7FC; }
    #modal-content.modalAccountMenu .c-item-02 .c-item-01-A {
      height: 100%;
      background-color: #ffffff; }
      #modal-content.modalAccountMenu .c-item-02 .c-item-01-A .c-unit-01 .c-unit-01-A {
        padding: 16px;
        border-bottom: 1px solid #EAE8F4 !important; }
        #modal-content.modalAccountMenu .c-item-02 .c-item-01-A .c-unit-01 .c-unit-01-A a {
          font-family: 'Outfit';
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #221F44; }
          #modal-content.modalAccountMenu .c-item-02 .c-item-01-A .c-unit-01 .c-unit-01-A a.f-fs {
            font-size: 13.68px; }
        #modal-content.modalAccountMenu .c-item-02 .c-item-01-A .c-unit-01 .c-unit-01-A:before {
          content: '';
          position: absolute;
          width: 24px;
          height: 24px;
          top: 16px;
          right: 16px;
          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%20opacity%3D%220.7%22%3E%20%3Cpath%20d%3D%22M8.25%207.06066L9.31066%206L15.6213%2012.3107L9.31066%2018.6213L8.25%2017.5607L13.5%2012.3107L8.25%207.06066Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E%20"); }
      #modal-content.modalAccountMenu .c-item-02 .c-item-01-A .c-unit-02 {
        display: block !important;
        margin-top: 56px;
        padding-left: 16px; }
        #modal-content.modalAccountMenu .c-item-02 .c-item-01-A .c-unit-02 a {
          font-family: 'Outfit';
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #76758F; }
          #modal-content.modalAccountMenu .c-item-02 .c-item-01-A .c-unit-02 a.f-fs {
            font-size: 9.12px; }

  #agreementContainerMobile {
    display: block;
    margin: 8px 0 0 0;
    width: calc(100% + 48px);
    margin-left: -24px;
    padding: 0;
    background-color: #ffffff;
    box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12); }
    #agreementContainerMobile .c-container-01 .c-item-01 .c-item-01-C {
      display: block; } }
#modal-wrapper.modal-feedback-01 {
  height: 284px !important; }

@media all and (min-width: 768px) {
  .static-html-raw-content {
    padding: 0 0 160px 0;
    width: 780px;
    margin: 0 auto; }
    .static-html-raw-content h2 {
      font-weight: 500;
      font-size: 28px;
      line-height: 38px;
      color: #28263B; }
      .static-html-raw-content h2.f-fs {
        font-size: 15.96px; }
    .static-html-raw-content p {
      font-weight: 400;
      font-size: 18px;
      line-height: 30px;
      color: #4E4C69;
      margin-bottom: 60px;
      text-align: justify; }
      .static-html-raw-content p.f-fs {
        font-size: 10.26px; }
      .static-html-raw-content p a {
        text-decoration: underline;
        font-weight: 700;
        color: #4E4C69; }
    .static-html-raw-content a {
      text-decoration: underline; }
    .static-html-raw-content ol,
    .static-html-raw-content ul {
      margin-bottom: 60px; }
      .static-html-raw-content ol li,
      .static-html-raw-content ul li {
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        color: #4E4C69;
        text-align: justify; }
        .static-html-raw-content ol li.f-fs,
        .static-html-raw-content ul li.f-fs {
          font-size: 10.26px; }

  #account-button-xs {
    display: none !important; }

  #accountDropMenu {
    top: calc(145%);
    left: calc(33%);
    width: 257px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);
    font-family: 'Outfit';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px; }
    #accountDropMenu .c-container-01 {
      position: absolute;
      left: 117px;
      top: -8px;
      width: 16px;
      height: 16px;
      background-color: #FFFFFF;
      transform: rotate(-45deg); }
    #accountDropMenu .c-container-02 {
      padding: 24px 24px 20px 24px;
      border-bottom: 1px solid #F7F7FC;
      color: #E94034; }
    #accountDropMenu .c-container-03 {
      padding: 20px 24px 20px 24px;
      color: #221F44; }
      #accountDropMenu .c-container-03 li a {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #221F44; }
        #accountDropMenu .c-container-03 li a.f-fs {
          font-size: 10.26px; }
      #accountDropMenu .c-container-03 li:not(:first-child) {
        margin-top: 12px; }
    #accountDropMenu .c-container-04 {
      padding: 24px;
      border-top: 1px solid #F7F7FC; }
      #accountDropMenu .c-container-04 .c-item-01 {
        color: #76758F; }

  #modal-content.modalCountrySelector {
    padding: 48px; }
    #modal-content.modalCountrySelector > .c-item-01 {
      margin-bottom: 40px; }
  #modal-content.evaluationDrawer > .c-container-01 {
    border-bottom: none !important; }
  #modal-content.evaluationDrawer > .c-container-02 {
    padding: 0px 32px 15px 32px !important; }
    #modal-content.evaluationDrawer > .c-container-02 .c-item-01 {
      display: flex;
      padding-bottom: 15px; }
      #modal-content.evaluationDrawer > .c-container-02 .c-item-01 > .c-item-01-A {
        width: 80px;
        height: 80px;
        margin-right: 16px; }
        #modal-content.evaluationDrawer > .c-container-02 .c-item-01 > .c-item-01-A img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        color: #76758F; }
        #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-A.f-fs {
          font-size: 6.84px; }
      #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B {
        width: 320px;
        margin-top: 8px;
        font-family: 'Outfit';
        font-size: 16px;
        line-height: 18px;
        color: #221F44; }
        #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B.f-fs {
          font-size: 9.12px; }
      #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 {
        align-items: center;
        display: flex;
        align-items: center; }
        #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 .star-01 {
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.54125L9.09%2011.4062L8.27%207.89125L11%205.52625L7.405%205.22125L6%201.90625L4.595%205.22125L1%205.52625L3.73%207.89125L2.91%2011.4062L6%209.54125Z%22%20fill%3D%22%23DCDBE1%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
        #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 .star-02 {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          height: 100%;
          overflow: hidden;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%209.42406L9.09%2011.2891L8.27%207.77406L11%205.40906L7.405%205.10406L6%201.78906L4.595%205.10406L1%205.40906L3.73%207.77406L2.91%2011.2891L6%209.42406Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20");
          background-size: 16px 16px; }
        #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 .c-unit-02-B {
          margin-left: 4px;
          font-family: 'Outfit';
          font-size: 14px;
          line-height: 19px;
          color: #221F44; }
          #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-02 .c-unit-02-B.f-fs {
            font-size: 7.98px; }
      #modal-content.evaluationDrawer > .c-container-02 .c-item-01 .c-item-01-B .c-unit-03 {
        display: none; }
    #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 {
      margin-top: 16px; }
      #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .field-label-01 {
        font-family: 'Outfit';
        font-weight: 600;
        font-size: 18px;
        line-height: 32px;
        color: #232941; }
        #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .field-label-01.f-fs {
          font-size: 10.26px; }
        #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .field-label-01.bold {
          font-weight: 400;
          color: #000000; }
      #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 {
        display: flex;
        align-items: flex-start;
        height: 69px;
        padding-left: 4px; }
        #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .element-item-01 {
          display: flex;
          align-items: center;
          flex-direction: column;
          padding-right: 14px;
          cursor: pointer; }
          #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .element-item-01 .element-item-01-A {
            width: max-content; }
          #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-01 .element-item-01 .element-item-01-B {
            display: none;
            justify-content: center;
            align-items: center;
            margin-top: 4px;
            color: #FFAF30;
            position: absolute;
            width: max-content;
            bottom: -50%; }
      #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 {
        margin-top: 8px;
        margin-bottom: 16px; }
        #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 #taField {
          width: 100%;
          height: 154px;
          padding: 10px;
          border: 1px solid #221F44;
          border-radius: 8px;
          font-family: 'Outfit';
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          color: #221F44; }
          #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 #taField.error {
            border: 1px solid #FF7575; }
          #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-01 .element-container-02 #taField ~ label.error {
            display: block !important;
            color: #FF7575 !important; }
    #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-01 .field-label-01 {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
        color: #000000; }
        #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-01 .field-label-01.f-fs {
          font-size: 10.26px; }
      #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-01 .field-label-02 {
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 32px;
        color: #A19EB3; }
      #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 {
        display: flex;
        align-items: center; }
        #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 > .cb-box {
          display: flex;
          width: 60px;
          height: 34px;
          border: none;
          margin-right: 26px;
          background: #A19EB4;
          background-size: 0 0;
          transition: background-color 0.2s;
          background-image: none; }
          #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 > .cb-box .cb-box-01 {
            width: 25px;
            height: 25px;
            position: absolute;
            left: 4px;
            top: 4px;
            transition: 0.2s;
            background: #FFFFFF;
            transition: transform 0.2s; }
        #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 [type=checkbox]:checked ~ .cb-box {
          background-color: #1DC066; }
          #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-cluster-02 .element-container-02 > .cb01 [type=checkbox]:checked ~ .cb-box .cb-box-01 {
            transform: translateX(100%); }
    #modal-content.evaluationDrawer > .c-container-02 .form-block-10 .block-body-01 .form-group-01 .field-footnote-02 {
      margin-bottom: 24px;
      font-weight: 600;
      font-size: 12px;
      line-height: 20px;
      color: #232941; }
  #modal-content.evaluationDrawer > .c-container-03 .c-item-01 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    padding: 0 !important;
    color: #fff !important;
    background-color: #E94034 !important; }
  #modal-content.evaluationDrawer #modal-header .evaluation-sent-header {
    padding: 104px 0 60px 0; }
    #modal-content.evaluationDrawer #modal-header .evaluation-sent-header .c-item-02 {
      margin: 16px 0 0 0; }
  #modal-content.evaluationDrawer #modal-body {
    padding: 16px 32px 32px 32px !important; }
    #modal-content.evaluationDrawer #modal-body .evaluation-sent-body .c-container-02-A {
      font-size: 18px; }
      #modal-content.evaluationDrawer #modal-body .evaluation-sent-body .c-container-02-A.f-fs {
        font-size: 10.26px; }
    #modal-content.evaluationDrawer #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 {
      margin-top: 16px;
      padding: 16px;
      background-color: #fff; }
      #modal-content.evaluationDrawer #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-A {
        width: 80px;
        height: 80px;
        margin-right: 16px; }
        #modal-content.evaluationDrawer #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-A img {
          height: 80px !important; }
      #modal-content.evaluationDrawer #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B {
        width: 320px;
        font-size: 16px; }
        #modal-content.evaluationDrawer #modal-body .evaluation-sent-body .c-container-02-B .c-item-01 .c-item-01-B .c-unit-01 .c-unit-01-B.f-fs {
          font-size: 9.12px; }
  #modal-content.evaluationDrawer #modal-close {
    top: 32px !important;
    right: 32px !important; }
  #modal-content.cartDrawer {
    padding: 0px;
    padding-top: 104px; }
    #modal-content.cartDrawer > .c-item-01 {
      padding: 0 32px !important; }
      #modal-content.cartDrawer > .c-item-01 > .c-unit-01 {
        width: 48px;
        height: 48px; }
      #modal-content.cartDrawer > .c-item-01 > .c-unit-02 {
        margin-top: 16px;
        font-family: 'Outfit';
        font-weight: 500;
        font-size: 32px;
        line-height: 48px;
        color: #232941; }
        #modal-content.cartDrawer > .c-item-01 > .c-unit-02.f-fs {
          font-size: 18.24px; }
      #modal-content.cartDrawer > .c-item-01 > .c-unit-03 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 24px; }
        #modal-content.cartDrawer > .c-item-01 > .c-unit-03 > .c-unit-03-A {
          margin-right: 16px;
          width: max-content;
          padding-right: 16px; }
        #modal-content.cartDrawer > .c-item-01 > .c-unit-03 > .c-unit-03-B {
          width: max-content; }

  .stockInformationModalStyle {
    padding: 48px; }
    .stockInformationModalStyle #modal-header {
      justify-content: center; }
      .stockInformationModalStyle #modal-header .c-item-01 {
        color: #000;
        text-align: center;
        font-family: 'Outfit';
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
      .stockInformationModalStyle #modal-header .c-item-02 {
        margin-top: 8px;
        color: #76758F;
        text-align: center;
        font-family: 'Outfit';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; }
    .stockInformationModalStyle #modal-body {
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* Internet Explorer/Edge */ }
    .stockInformationModalStyle #modal-body::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari ve yeni Edge */ }
    .stockInformationModalStyle #modal-body {
      flex-direction: column;
      margin-top: 24px; }
      .stockInformationModalStyle #modal-body .c-division-01 {
        margin-top: 24px; }
        .stockInformationModalStyle #modal-body .c-division-01:first-child {
          margin-top: 0; }
        .stockInformationModalStyle #modal-body .c-division-01 .c-container-01 {
          color: #000;
          font-family: 'Outfit';
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: normal; }
        .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 {
          margin-top: 16px; }
          .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A {
            display: flex;
            padding: 12px 0px;
            border: 1px solid #DFDFDF;
            background: #FFF;
            margin-bottom: 8px; }
            .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A:last-child {
              margin-bottom: 0; }
            .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-01 {
              width: 64px;
              height: 64px; }
              .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-01 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center; }
            .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-01 {
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              color: #221F44;
              font-family: 'Outfit';
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              line-height: 20px; }
            .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-02 {
              color: #221F44;
              font-family: 'Outfit';
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 14px; }
            .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-03 {
              padding-left: 20px;
              color: #221F44;
              font-family: 'Outfit';
              font-size: 14px;
              font-style: normal;
              font-weight: 500;
              line-height: 14px;
              margin-top: 16px; }
            .stockInformationModalStyle #modal-body .c-division-01 .c-container-02 .c-container-02-A .c-item-02 .c-unit-03::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              top: -1px;
              width: 16px;
              height: 16px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M8%2014.6666C4.3181%2014.6666%201.33334%2011.6818%201.33334%207.99998C1.33334%204.31808%204.3181%201.33331%208%201.33331C11.6819%201.33331%2014.6667%204.31808%2014.6667%207.99998C14.6667%2011.6818%2011.6819%2014.6666%208%2014.6666ZM8%2013.3333C10.9455%2013.3333%2013.3333%2010.9455%2013.3333%207.99998C13.3333%205.05446%2010.9455%202.66665%208%202.66665C5.05448%202.66665%202.66667%205.05446%202.66667%207.99998C2.66667%2010.9455%205.05448%2013.3333%208%2013.3333ZM7.33334%204.66665H8.66667V5.99998H7.33334V4.66665ZM7.33334%207.33331H8.66667V11.3333H7.33334V7.33331Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .stockInformationModalStyle #modal-footer {
      flex-direction: column;
      margin-top: 48px; }
      .stockInformationModalStyle #modal-footer .c-container-01 {
        width: 100%;
        cursor: pointer;
        text-align: center;
        padding: 16px 24px;
        background: #E94034;
        color: #FFF;
        font-family: 'Outfit';
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase; }
      .stockInformationModalStyle #modal-footer .c-container-02 {
        width: 100%;
        cursor: pointer;
        text-align: center;
        margin-top: 8px;
        padding: 16px 24px;
        color: #221F44;
        font-family: 'Outfit';
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        border: 1px solid #FFF; }
    .stockInformationModalStyle #modal-close {
      display: none; } }
@media all and (min-width: 768px) and (max-width: 1279px) {
  .elevensight-11button-v2 #elevensight-container--2n43YZKu6iaOCyJYB-bZbZ60MMaZcNGe-lKNrmUoRG3_O5YBI {
    width: unset !important;
    height: 784px !important; }
    .elevensight-11button-v2 #elevensight-container--2n43YZKu6iaOCyJYB-bZbZ60MMaZcNGe-lKNrmUoRG3_O5YBI #--2n43YZKu6iaOCyJYB-bZbZ60MMaZcNGe-lKNrmUoRG3_O5YBI {
      width: 523px !important; } }
.f-tooltip-A {
  z-index: 3;
  height: 40px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #221F44;
  font-family: Outfit;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF; }
  .f-tooltip-A.f-fs {
    font-size: 9.12px; }
  .f-tooltip-A .tt-content {
    position: absolute;
    left: -8px;
    bottom: 9px;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    white-space: nowrap;
    background: #221F44;
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    transition: opacity 0.35s 0.2s, visibility 0s 0.55s; }
    .f-tooltip-A .tt-content.f-fs {
      font-size: 9.12px; }
  .f-tooltip-A:not(.disabled):hover {
    cursor: help; }
    .f-tooltip-A:not(.disabled):hover .tt-icon {
      color: #fff !important;
      background-color: #2390CA; }
    .f-tooltip-A:not(.disabled):hover .tt-content {
      opacity: 1;
      visibility: visible;
      transition: opacity 0.35s 0.2s, visibility 0s 0.2s; }

@media all and (max-width: 767px) {
  .breadcrumb-01 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04); }
    .breadcrumb-01 .c-wrapper {
      display: flex;
      align-items: center;
      height: 48px;
      padding-left: 16px;
      width: 100%;
      overflow: auto; }
      .breadcrumb-01 .c-wrapper .c-item-01 {
        margin-right: 32px;
        flex-shrink: 0; }
        .breadcrumb-01 .c-wrapper .c-item-01:after {
          content: '';
          position: absolute;
          top: 0;
          right: -24px;
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%204.70711L6.70711%204L10.9142%208.20711L6.70711%2012.4142L6%2011.7071L9.5%208.20711L6%204.70711Z%22%20fill%3D%22%2376758F%22%2F%3E%20%3C%2Fsvg%3E"); }
      .breadcrumb-01 .c-wrapper > :last-child:after {
        display: none; }

  .breadcrumb-01 .c-wrapper .c-item-01 {
    font-family: Outfit;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #A19EB4; }
    .breadcrumb-01 .c-wrapper .c-item-01.f-fs {
      font-size: 6.84px; }
  .breadcrumb-01 .c-wrapper > :last-child {
    color: #76758F; } }
@media all and (min-width: 768px) {
  .breadcrumb-01 {
    background-color: #fff; }
    .breadcrumb-01 .c-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      height: 48px;
      padding-left: 16px; }
      .breadcrumb-01 .c-wrapper .c-item-01 {
        margin-right: 32px; }
        .breadcrumb-01 .c-wrapper .c-item-01:after {
          content: '';
          position: absolute;
          top: 0;
          right: -24px;
          display: block;
          width: 16px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M6%204.70711L6.70711%204L10.9142%208.20711L6.70711%2012.4142L6%2011.7071L9.5%208.20711L6%204.70711Z%22%20fill%3D%22%2376758F%22%2F%3E%20%3C%2Fsvg%3E"); }
      .breadcrumb-01 .c-wrapper > :last-child:after {
        display: none; }

  .breadcrumb-01 .c-wrapper .c-item-01 {
    font-family: Outfit;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #76758F; }
    .breadcrumb-01 .c-wrapper .c-item-01.f-fs {
      font-size: 6.84px; }
  .breadcrumb-01 .c-wrapper > :last-child {
    color: #A19EB4; } }
#modal-wrapper.type-drw #modal-header {
  color: #0E1012; }
#modal-wrapper.type-drw #modal-body::-webkit-scrollbar {
  width: 5px; }
#modal-wrapper.type-drw #modal-body::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 2px;
  background-color: #F5F7F9; }
#modal-wrapper.type-drw #modal-footer {
  border-top: 1px solid #F5F7F9; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    border-radius: 4px; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
    background-color: #002855;
    color: #fff; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
    margin-right: 8px;
    color: #002855; }
  #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
    margin-right: 8px;
    background-color: #002855;
    color: #fff;
    border-radius: 4px; }
  #modal-wrapper.type-drw #modal-footer .c-item-01 {
    background: #F7F7FC;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #221F44;
    flex: 1;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
  #modal-wrapper.type-drw #modal-footer .c-item-02 {
    width: 220px;
    margin-left: 12px;
    padding: 16px 13px;
    background: #1DC066;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF; }
    #modal-wrapper.type-drw #modal-footer .c-item-02.cupon-disabled {
      pointer-events: none;
      background: #E9E9E9;
      color: #FFFFFF; }
#modal-wrapper.type-drw #modal-close {
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M12%201.05L10.95%200L6%204.95L1.05%200L0%201.05L4.95%206L0%2010.95L1.05%2012L6%207.05L10.95%2012L12%2010.95L7.05%206L12%201.05Z%22%20fill%3D%22%23232941%22%2F%3E%20%3C%2Fsvg%3E%20");
  background-color: #fff;
  opacity: 0;
  -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
  transition: transform 0.25s ease, opacity 0.3s 0.2s; }
  #modal-wrapper.type-drw #modal-close:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04); }

@media all and (max-width: 767px) {
  #modal-wrapper.type-drw #modal-header {
    height: 76px;
    padding: 0 70px 0 20px;
    border-bottom: 1px solid #F5F7F9;
    line-height: 22px !important; }
    #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
      font-weight: 500 !important;
      font-size: 18px !important;
      letter-spacing: -0.005em !important; }
      #modal-wrapper.type-drw #modal-header h1.f-fs, #modal-wrapper.type-drw #modal-header h2.f-fs, #modal-wrapper.type-drw #modal-header h3.f-fs, #modal-wrapper.type-drw #modal-header h4.f-fs, #modal-wrapper.type-drw #modal-header h5.f-fs, #modal-wrapper.type-drw #modal-header h6.f-fs {
        font-size: 10.26px; }
  #modal-wrapper.type-drw #modal-body {
    padding: 0 20px;
    margin: 20px 0; }
  #modal-wrapper.type-drw #modal-footer {
    height: 100px;
    padding: 16px 20px 36px 20px;
    border-top: 1px solid #F5F7F9; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      height: 48px;
      line-height: 17px;
      font-weight: 500;
      font-size: 14px;
      letter-spacing: -0.01em; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary.f-fs,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary.f-fs,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary.f-fs {
        font-size: 7.98px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
      flex: 1; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
      width: 33%;
      background-color: #002855; }
  #modal-wrapper.type-drw #modal-close {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: 40px;
    height: 40px;
    background-color: #002855; }
  #modal-wrapper.type-drw.dir-xs1-b2t {
    border-radius: 16px 16px 0px 0px;
    height: calc(100% - 95px) !important; } }
@media all and (min-width: 768px) and (max-width: 1279px) {
  #modal-wrapper.type-drw #modal-header {
    height: 109px;
    padding: 0 40px;
    line-height: 29px !important; }
    #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
      font-weight: 600 !important;
      font-size: 24px !important;
      letter-spacing: -0.005em !important; }
      #modal-wrapper.type-drw #modal-header h1.f-fs, #modal-wrapper.type-drw #modal-header h2.f-fs, #modal-wrapper.type-drw #modal-header h3.f-fs, #modal-wrapper.type-drw #modal-header h4.f-fs, #modal-wrapper.type-drw #modal-header h5.f-fs, #modal-wrapper.type-drw #modal-header h6.f-fs {
        font-size: 13.68px; }
  #modal-wrapper.type-drw #modal-body {
    padding: 0 30px 0 40px;
    margin: 0 10px 40px 0; }
  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      height: 42px;
      padding: 0 24px;
      line-height: 16px;
      font-weight: 500;
      font-size: 13px;
      transition: background-color 0.3s; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary.f-fs,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary.f-fs,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary.f-fs {
        font-size: 7.41px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary {
      color: #fff; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
        background-color: #002855; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
      background-color: #002855; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
        background-color: #002855; }
  #modal-wrapper.type-drw #modal-close {
    width: 40px;
    height: 40px; }
  #modal-wrapper.type-drw.dir-r2l #modal-close, #modal-wrapper.type-drw.dir-sm1-r2l #modal-close, #modal-wrapper.type-drw.dir-sm2-r2l #modal-close {
    top: 35px;
    right: auto;
    bottom: auto;
    right: 40px; }
  #modal-wrapper.type-drw.dir-l2r #modal-close, #modal-wrapper.type-drw.dir-sm1-l2r #modal-close, #modal-wrapper.type-drw.dir-sm2-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto; } }
@media all and (min-width: 1280px) {
  #modal-wrapper.type-drw #modal-header {
    height: 85px;
    padding: 0 40px;
    line-height: 29px; }
    #modal-wrapper.type-drw #modal-header h1, #modal-wrapper.type-drw #modal-header h2, #modal-wrapper.type-drw #modal-header h3, #modal-wrapper.type-drw #modal-header h4, #modal-wrapper.type-drw #modal-header h5, #modal-wrapper.type-drw #modal-header h6 {
      font-weight: 500;
      font-size: 24px;
      letter-spacing: -0.005em; }
      #modal-wrapper.type-drw #modal-header h1.f-fs, #modal-wrapper.type-drw #modal-header h2.f-fs, #modal-wrapper.type-drw #modal-header h3.f-fs, #modal-wrapper.type-drw #modal-header h4.f-fs, #modal-wrapper.type-drw #modal-header h5.f-fs, #modal-wrapper.type-drw #modal-header h6.f-fs {
        font-size: 13.68px; }
  #modal-wrapper.type-drw #modal-body {
    padding: 0 40px 0 40px;
    margin: 0 0 40px 0; }
  #modal-wrapper.type-drw #modal-footer {
    height: 82px;
    padding: 0 40px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      height: 42px;
      padding: 0 24px;
      line-height: 16px;
      font-weight: 500;
      font-size: 13px;
      transition: background-color 0.3s; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary.f-fs,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary.f-fs,
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary.f-fs {
        font-size: 7.41px; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary:hover {
      background-color: #002855; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary {
      background-color: #002855; }
      #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary:hover {
        background-color: #002855; }
    #modal-wrapper.type-drw #modal-footer .c-item-01 {
      padding: 16px 32px;
      background: #F7F7FC;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #221F44; }
    #modal-wrapper.type-drw #modal-footer .c-item-02 {
      margin-left: 12px;
      padding: 16px 27px;
      background: #1DC066;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #FFFFFF; }
  #modal-wrapper.type-drw #modal-close {
    width: 40px;
    height: 40px; }
  #modal-wrapper.type-drw.dir-r2l #modal-close, #modal-wrapper.type-drw.dir-md-r2l #modal-close, #modal-wrapper.type-drw.dir-lg-r2l #modal-close {
    top: 27px;
    right: auto;
    bottom: auto;
    right: 40px; }
  #modal-wrapper.type-drw.dir-l2r #modal-close, #modal-wrapper.type-drw.dir-md-l2r #modal-close, #modal-wrapper.type-drw.dir-lg-l2r #modal-close {
    top: 32px;
    right: -68px;
    bottom: auto;
    left: auto; } }
#modal-wrapper.type-drw {
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  background-color: #fff; }
  #modal-wrapper.type-drw.size-lg {
    -moz-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    -o-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    -webkit-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    transition: visibility 0s 0.6s, transform 0.6s ease-in-out; }
  #modal-wrapper.type-drw.size-md {
    -moz-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    -o-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    -webkit-transition: visibility 0s 0.6s, transform 0.6s ease-in-out;
    transition: visibility 0s 0.6s, transform 0.6s ease-in-out; }
  #modal-wrapper.type-drw.size-sm {
    -moz-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
    -o-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
    -webkit-transition: visibility 0s 0.45s, transform 0.45s ease-in-out;
    transition: visibility 0s 0.45s, transform 0.45s ease-in-out; }
  #modal-wrapper.type-drw.dir-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw #modal-content {
    display: flex;
    height: 100%;
    flex-direction: column; }
  #modal-wrapper.type-drw #modal-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    #modal-wrapper.type-drw #modal-header .c-item-01 {
      font-family: Outfit;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; }
  #modal-wrapper.type-drw #modal-body {
    flex: 1;
    overflow-y: auto; }
  #modal-wrapper.type-drw #modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerPrimary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerSecondary,
    #modal-wrapper.type-drw #modal-footer .lnkBtnDrawerTertiary {
      display: flex;
      justify-content: center;
      align-items: center; }
  #modal-wrapper.type-drw #modal-close {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #F5F7F9;
    opacity: 0;
    -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    transition: transform 0.25s ease, opacity 0.3s 0.2s; }
    #modal-wrapper.type-drw #modal-close:hover {
      -webkit-transform: scale(1.04);
      -moz-transform: scale(1.04);
      -ms-transform: scale(1.04);
      -o-transform: scale(1.04);
      transform: scale(1.04); }
  #modal-wrapper.type-drw.on {
    visibility: visible; }
    #modal-wrapper.type-drw.on.size-lg {
      -moz-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      -o-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      -webkit-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      transition: visibility 0s 0s, transform 0.75s ease-in-out; }
    #modal-wrapper.type-drw.on.size-md {
      -moz-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      -o-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      -webkit-transition: visibility 0s 0s, transform 0.75s ease-in-out;
      transition: visibility 0s 0s, transform 0.75s ease-in-out; }
    #modal-wrapper.type-drw.on.size-sm {
      -moz-transition: visibility 0s 0s, transform 0.65s ease-in-out;
      -o-transition: visibility 0s 0s, transform 0.65s ease-in-out;
      -webkit-transition: visibility 0s 0s, transform 0.65s ease-in-out;
      transition: visibility 0s 0s, transform 0.65s ease-in-out; }
    #modal-wrapper.type-drw.on.dir-t2b {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%); }
    #modal-wrapper.type-drw.on.dir-r2l {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    #modal-wrapper.type-drw.on.dir-b2t {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); }
    #modal-wrapper.type-drw.on.dir-l2r {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    #modal-wrapper.type-drw.on #modal-close {
      opacity: 1;
      -moz-transition: transform 0.25s ease, opacity 0.3s 0s;
      -o-transition: transform 0.25s ease, opacity 0.3s 0s;
      -webkit-transition: transform 0.25s ease, opacity 0.3s 0s;
      transition: transform 0.25s ease, opacity 0.3s 0s; }

@media all and (max-width: 419px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-md, #modal-wrapper.type-drw.dir-l2r.size-md {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-t2b.size-md, #modal-wrapper.type-drw.dir-b2t.size-md {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs1-r2l.size-lg, #modal-wrapper.type-drw.dir-xs1-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs1-r2l.size-md, #modal-wrapper.type-drw.dir-xs1-l2r.size-md {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs1-r2l.size-sm, #modal-wrapper.type-drw.dir-xs1-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs1-t2b.size-lg, #modal-wrapper.type-drw.dir-xs1-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-xs1-t2b.size-md, #modal-wrapper.type-drw.dir-xs1-b2t.size-md {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-xs1-t2b.size-sm, #modal-wrapper.type-drw.dir-xs1-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs1-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs1-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-xs1-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs1-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-xs1-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-xs1-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-xs1-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-xs1-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
@media all and (min-width: 420px) and (max-width: 767px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-md, #modal-wrapper.type-drw.dir-l2r.size-md {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-t2b.size-md, #modal-wrapper.type-drw.dir-b2t.size-md {
    width: 50%;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs2-r2l.size-lg, #modal-wrapper.type-drw.dir-xs2-l2r.size-lg {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs2-r2l.size-md, #modal-wrapper.type-drw.dir-xs2-l2r.size-md {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs2-r2l.size-sm, #modal-wrapper.type-drw.dir-xs2-l2r.size-sm {
    width: 100%;
    height: auto; }
  #modal-wrapper.type-drw.dir-xs2-t2b.size-lg, #modal-wrapper.type-drw.dir-xs2-b2t.size-lg {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-xs2-t2b.size-md, #modal-wrapper.type-drw.dir-xs2-b2t.size-md {
    width: auto;
    height: 50%; }
  #modal-wrapper.type-drw.dir-xs2-t2b.size-sm, #modal-wrapper.type-drw.dir-xs2-b2t.size-sm {
    width: auto;
    height: 35%; }
  #modal-wrapper.type-drw.dir-xs2-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs2-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-xs2-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-xs2-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-xs2-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-xs2-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-xs2-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-xs2-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-md, #modal-wrapper.type-drw.dir-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-t2b.size-md, #modal-wrapper.type-drw.dir-b2t.size-md {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm1-r2l.size-lg, #modal-wrapper.type-drw.dir-sm1-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm1-r2l.size-md, #modal-wrapper.type-drw.dir-sm1-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm1-r2l.size-sm, #modal-wrapper.type-drw.dir-sm1-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm1-t2b.size-lg, #modal-wrapper.type-drw.dir-sm1-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-sm1-t2b.size-md, #modal-wrapper.type-drw.dir-sm1-b2t.size-md {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-sm1-t2b.size-sm, #modal-wrapper.type-drw.dir-sm1-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm1-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm1-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-sm1-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm1-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-sm1-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-sm1-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-sm1-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-sm1-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-md, #modal-wrapper.type-drw.dir-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-t2b.size-md, #modal-wrapper.type-drw.dir-b2t.size-md {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm2-r2l.size-lg, #modal-wrapper.type-drw.dir-sm2-l2r.size-lg {
    width: 620px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm2-r2l.size-md, #modal-wrapper.type-drw.dir-sm2-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm2-r2l.size-sm, #modal-wrapper.type-drw.dir-sm2-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-sm2-t2b.size-lg, #modal-wrapper.type-drw.dir-sm2-b2t.size-lg {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-sm2-t2b.size-md, #modal-wrapper.type-drw.dir-sm2-b2t.size-md {
    width: auto;
    height: 350px; }
  #modal-wrapper.type-drw.dir-sm2-t2b.size-sm, #modal-wrapper.type-drw.dir-sm2-b2t.size-sm {
    width: auto;
    height: 250px; }
  #modal-wrapper.type-drw.dir-sm2-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm2-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-sm2-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-sm2-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-sm2-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-sm2-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-sm2-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-sm2-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-md, #modal-wrapper.type-drw.dir-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-t2b.size-md, #modal-wrapper.type-drw.dir-b2t.size-md {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-md-r2l.size-lg, #modal-wrapper.type-drw.dir-md-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-md-r2l.size-md, #modal-wrapper.type-drw.dir-md-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-md-r2l.size-sm, #modal-wrapper.type-drw.dir-md-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-md-t2b.size-lg, #modal-wrapper.type-drw.dir-md-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-md-t2b.size-md, #modal-wrapper.type-drw.dir-md-b2t.size-md {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-md-t2b.size-sm, #modal-wrapper.type-drw.dir-md-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-md-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-md-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-md-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-md-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-md-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-md-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-md-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-md-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
@media all and (min-width: 1680px) {
  #modal-wrapper.type-drw.dir-r2l.size-lg, #modal-wrapper.type-drw.dir-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-md, #modal-wrapper.type-drw.dir-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-r2l.size-sm, #modal-wrapper.type-drw.dir-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-t2b.size-lg, #modal-wrapper.type-drw.dir-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-t2b.size-md, #modal-wrapper.type-drw.dir-b2t.size-md {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-t2b.size-sm, #modal-wrapper.type-drw.dir-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-lg-r2l.size-lg, #modal-wrapper.type-drw.dir-lg-l2r.size-lg {
    width: 800px;
    height: auto; }
  #modal-wrapper.type-drw.dir-lg-r2l.size-md, #modal-wrapper.type-drw.dir-lg-l2r.size-md {
    width: 560px;
    height: auto; }
  #modal-wrapper.type-drw.dir-lg-r2l.size-sm, #modal-wrapper.type-drw.dir-lg-l2r.size-sm {
    width: 480px;
    height: auto; }
  #modal-wrapper.type-drw.dir-lg-t2b.size-lg, #modal-wrapper.type-drw.dir-lg-b2t.size-lg {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-lg-t2b.size-md, #modal-wrapper.type-drw.dir-lg-b2t.size-md {
    width: auto;
    height: 450px; }
  #modal-wrapper.type-drw.dir-lg-t2b.size-sm, #modal-wrapper.type-drw.dir-lg-b2t.size-sm {
    width: auto;
    height: 375px; }
  #modal-wrapper.type-drw.dir-lg-t2b {
    top: auto;
    right: 0;
    bottom: 100%;
    left: 0; }
  #modal-wrapper.type-drw.dir-lg-r2l {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }
  #modal-wrapper.type-drw.dir-lg-b2t {
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0; }
  #modal-wrapper.type-drw.dir-lg-l2r {
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #modal-wrapper.type-drw.on.dir-lg-t2b {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  #modal-wrapper.type-drw.on.dir-lg-r2l {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  #modal-wrapper.type-drw.on.dir-lg-b2t {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  #modal-wrapper.type-drw.on.dir-lg-l2r {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }
.feedbackPlaceholder {
  display: flex;
  flex-direction: column; }
  .feedbackPlaceholder .feedback-item .f-wrapper .f-content {
    width: 100%; }
    .feedbackPlaceholder .feedback-item .f-wrapper .f-content .f-close {
      position: absolute;
      display: block;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%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%22M18%207.05L16.95%206L12%2010.95L7.05%206L6%207.05L10.95%2012L6%2016.95L7.05%2018L12%2013.05L16.95%2018L18%2016.95L13.05%2012L18%207.05Z%22%20fill%3D%22%23ffffff%22%2F%3E%20%3C%2Fsvg%3E%20");
      background-repeat: no-repeat;
      background-position: center center; }
  .feedbackPlaceholder .feedback-success .f-content {
    background-color: green; }
    .feedbackPlaceholder .feedback-success .f-content .f-description .f-title {
      color: #fff; }
    .feedbackPlaceholder .feedback-success .f-content .f-close {
      background-color: green; }
  .feedbackPlaceholder .feedback-light-danger .f-content .f-description .f-title {
    color: red; }
  .feedbackPlaceholder .feedback-light-danger .f-content .f-close {
    background-color: red; }
  .feedbackPlaceholder .feedback-danger .f-content {
    background-color: red; }
    .feedbackPlaceholder .feedback-danger .f-content .f-description .f-title {
      color: #fff; }
    .feedbackPlaceholder .feedback-danger .f-content .f-close {
      background-color: red; }
  .feedbackPlaceholder .feedback-info .f-content {
    background-color: blue; }
    .feedbackPlaceholder .feedback-info .f-content .f-description .f-title {
      color: #fff; }
    .feedbackPlaceholder .feedback-info .f-content .f-close {
      background-color: blue; }
  .feedbackPlaceholder .feedback-warning .f-content {
    background-color: orange; }
    .feedbackPlaceholder .feedback-warning .f-content .f-description .f-title {
      color: #fff; }
    .feedbackPlaceholder .feedback-warning .f-content .f-close {
      background-color: orange; }

.feedbackPlaceholder.f-fade .feedback-item {
  height: 0;
  opacity: 0;
  transition: height 0.2s 0.1s, opacity 0.2s 0s; }
  .feedbackPlaceholder.f-fade .feedback-item.on {
    opacity: 1;
    transition: height 0.3s 0s, opacity 0.5s 0.1s; }

@media all and (max-width: 767px) {
  .feedback-style-01 {
    width: 100%; }
    .feedback-style-01 .feedback-item .f-wrapper {
      padding: 8px 0 8px 0; }
      .feedback-style-01 .feedback-item .f-wrapper .f-content {
        padding: 11px 36px 8px 8px; }
        .feedback-style-01 .feedback-item .f-wrapper .f-content .f-description .f-title {
          font-size: 0.92em;
          font-weight: 500;
          letter-spacing: -0.01em; }
        .feedback-style-01 .feedback-item .f-wrapper .f-content .f-close {
          right: -10px;
          top: -10px;
          width: 26px;
          height: 26px;
          border: 2px solid #fff;
          border-radius: 50%; } }
@media all and (min-width: 768px) {
  .feedback-style-01 {
    width: 580px;
    max-width: 100%; }
    .feedback-style-01 .feedback-item .f-wrapper {
      padding: 8px 0 8px 0; }
      .feedback-style-01 .feedback-item .f-wrapper .f-content {
        padding: 11px 36px 8px 8px; }
        .feedback-style-01 .feedback-item .f-wrapper .f-content .f-description .f-title {
          font-size: 0.92em;
          font-weight: 500;
          letter-spacing: -0.01em; }
        .feedback-style-01 .feedback-item .f-wrapper .f-content .f-close {
          right: -10px;
          top: -10px;
          width: 26px;
          height: 26px;
          border: 2px solid #fff;
          border-radius: 50%; } }
@media all and (max-width: 767px) {
  .comp-footer-01 {
    background: #221F44;
    padding: 48px 0;
    z-index: 6; }
    .comp-footer-01 > .c-container-01 {
      padding: 0;
      background: none; }
      .comp-footer-01 > .c-container-01 .c-wrapper {
        display: flex;
        flex-direction: column; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 {
          display: flex;
          flex-direction: column; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 {
            display: none; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 > svg {
              display: none; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 {
              order: 3;
              margin-bottom: 48px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 .c-item-02-A {
                margin-bottom: 16px; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .hr-B {
            display: none; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 {
            margin: 48px 0; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 {
              order: 1;
              margin-top: 48px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 .c-item-01-A {
                margin-bottom: 16px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 .c-item-01-B {
                display: flex;
                flex-wrap: wrap; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 .c-item-01-B .c-unit-01 {
                  margin-right: 14px; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 .c-item-01-B .c-unit-01 .light-icon {
                    display: none; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 .c-item-01-B > :last-child {
                  margin-right: 0; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 {
              border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-01 {
                margin-bottom: 4px;
                font-family: Outfit;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: 24px;
                color: #ffffff; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-01.f-fs {
                  font-size: 10.26px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-04 {
                margin-bottom: 16px;
                font-size: 14px;
                font-weight: 300;
                line-height: 20px;
                color: #ffffff; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-04.f-fs {
                  font-size: 7.98px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 {
                width: 100%;
                margin-bottom: 22px; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .clusterValidationMsg {
                  display: flex;
                  position: absolute;
                  bottom: -17px;
                  right: 0px;
                  font-family: Outfit;
                  font-size: 12px;
                  color: #FF7575;
                  font-style: normal;
                  font-weight: 500;
                  line-height: 16px; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .clusterValidationMsg.f-fs {
                    font-size: 6.84px; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02.successValidParent .tb-02 {
                  border: 1px solid #D7D5E1 !important; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02.successValidParent .c-unit-02-A {
                  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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%208H26V24H6V8ZM8%2012.1723V22H24V12.1866L16.1829%2017.1793L8%2012.1723ZM8.28167%2010L16.1602%2014.8207L23.7079%2010H8.28167Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02.parenterror .c-unit-02-A {
                  display: none; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .tb-02 {
                  padding: 24px 0 12px 16px;
                  color: #ffffff; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .tb-02 ~ .tb-placeholder-01 {
                    color: #ffffff; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .c-unit-02-A {
                  position: absolute;
                  right: 8px;
                  top: 10px;
                  display: block;
                  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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%208H26V24H6V8ZM8%2012.1723V22H24V12.1866L16.1829%2017.1793L8%2012.1723ZM8.28167%2010L16.1602%2014.8207L23.7079%2010H8.28167Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-03-B {
                width: 100%;
                margin-bottom: 48px;
                margin-top: 8px; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 {
          order: -1; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 {
            display: flex;
            flex-direction: column; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li {
              border-bottom: 1px solid rgba(255, 255, 255, 0.2);
              padding: 24px 0; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li ul {
                margin-top: 16px;
                display: none; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li ul li a:after {
                  content: '';
                  position: absolute;
                  margin-left: 2px;
                  top: calc(50% - 8px) !important;
                  width: 16px;
                  height: 16px;
                  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.5858%2024.4144L16.1716%2023.0002L22.1716%2017.0002H8V15.0002H22.1716L16.1716%209.00015L17.5858%207.58594L26%2016.0002L17.5858%2024.4144Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20"); }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li ul li.external a:after {
                  top: calc(50% - 8px) !important;
                  margin-left: 2px;
                  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E"); }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li .c-item-02 {
                display: flex;
                justify-content: flex-end;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                padding: 24px 0;
                z-index: 1; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li .c-item-02 .plus {
                  display: block; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li .c-item-02 .mines {
                  display: none; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li.active ul {
                display: block;
                z-index: 2; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li.active .c-item-02 .plus {
                display: none; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li.active .c-item-02 .mines {
                display: block; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-03 {
          display: flex;
          flex-wrap: wrap; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-03 .c-item-01 {
            width: 72px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 8px;
            background: #4E4C69; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-03 > :last-child {
            margin-right: 0; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          width: 100%;
          padding-top: 24px; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-01 {
            width: 100%;
            margin-bottom: 24px;
            color: #D7D5E1;
            font-family: 'Outfit';
            font-weight: 500;
            font-size: 14px;
            line-height: 18px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-01.f-fs {
              font-size: 7.98px; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 {
            display: flex;
            flex-wrap: wrap; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 > span {
              width: 80px;
              height: 34px;
              margin-top: 8px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 > span:not(:first-child) {
                width: 70px;
                height: 34px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 > span > svg {
                width: 100%;
                height: 100%; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 > span:not(:last-child) {
                margin-right: 8px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 #ETBIS {
              width: 100%;
              margin-top: 24px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 #ETBIS .mobile-etbis {
                width: 100%;
                justify-content: center;
                display: flex;
                align-items: center;
                gap: 8px;
                font-family: Outfit;
                font-size: 13px;
                font-weight: 600;
                line-height: 16px;
                letter-spacing: 1px;
                color: #fff;
                padding: 12px 16px;
                background: rgba(255, 255, 255, 0.1); }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 #ETBIS .mobile-etbis.f-fs {
                  font-size: 7.41px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 #ETBIS .desktop-etbis {
                display: none; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-05 {
          display: none; }
        .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector {
          margin-bottom: 48px; }
          .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-02 {
            margin-bottom: 16px;
            font-family: Outfit;
            font-size: 18px;
            font-weight: 500;
            line-height: 24px;
            color: #FFF; }
            .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-02.f-fs {
              font-size: 10.26px; }
          .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 {
            display: flex;
            background-color: transparent;
            align-items: center;
            padding: 8px 8px 8px 12px;
            border: 1px solid #FFF;
            width: 100%; }
            .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 .c-unit-01-A {
              width: 40px;
              height: 40px;
              border-radius: 50%;
              background-color: rgba(255, 255, 255, 0.16);
              background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11%200.5C8.9233%200.5%206.89323%201.11581%205.16652%202.26957C3.4398%203.42332%202.09399%205.0632%201.29927%206.98182C0.504549%208.90045%200.296614%2011.0116%200.701759%2013.0484C1.1069%2015.0852%202.10693%2016.9562%203.57538%2018.4246C5.04383%2019.8931%206.91476%2020.8931%208.95156%2021.2982C10.9884%2021.7034%2013.0996%2021.4955%2015.0182%2020.7007C16.9368%2019.906%2018.5767%2018.5602%2019.7304%2016.8335C20.8842%2015.1068%2021.5%2013.0767%2021.5%2011C21.4969%208.21619%2020.3896%205.5473%2018.4212%203.57884C16.4527%201.61039%2013.7838%200.503136%2011%200.5ZM2.015%2011.2955L3.0188%2011.6299L4.25%2013.477V14.4394C4.25001%2014.6383%204.32903%2014.829%204.46968%2014.9697L6.5%2017V18.7824C5.17849%2018.0176%204.07337%2016.9291%203.28873%2015.6193C2.50409%2014.3095%202.06576%2012.8215%202.015%2011.2955ZM11%2020C10.3512%2019.9987%209.7045%2019.9271%209.07115%2019.7865L9.5%2018.5L10.8535%2015.1163C10.8986%2015.0033%2010.9157%2014.8811%2010.9031%2014.7601C10.8905%2014.6391%2010.8486%2014.523%2010.7812%2014.4217L9.72268%2012.834C9.65419%2012.7312%209.56139%2012.647%209.45252%2012.5887C9.34365%2012.5305%209.22208%2012.5%209.09861%2012.5H5.4011L4.46495%2011.0955L6.06058%209.5H7.25V11H8.75V8.9492L11.6512%203.87208L10.3489%203.12792L9.70768%204.25H7.65141L6.8369%203.02833C7.93035%202.45125%209.13208%202.10845%2010.3654%202.02179C11.5987%201.93512%2012.8366%202.10651%2014%202.525V5C14%205.19891%2014.079%205.38968%2014.2197%205.53033C14.3603%205.67098%2014.5511%205.75%2014.75%205.75H15.8486C15.9721%205.75001%2016.0936%205.71953%2016.2025%205.66126C16.3114%205.603%2016.4042%205.51876%2016.4727%205.41603L17.1304%204.42947C17.9871%205.22831%2018.6802%206.18631%2019.1709%207.25H16.115C15.9416%207.25%2015.7736%207.31007%2015.6395%207.41999C15.5054%207.52992%2015.4136%207.68291%2015.3796%207.85292L14.838%2011.206C14.8125%2011.3637%2014.8381%2011.5255%2014.9109%2011.6676C14.9837%2011.8098%2015.1001%2011.925%2015.243%2011.9965L17.75%2013.25L18.2638%2016.2918C17.4314%2017.439%2016.3394%2018.3731%2015.0769%2019.0176C13.8145%2019.6621%2012.4174%2019.9987%2011%2020Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E%20");
              background-repeat: no-repeat;
              background-position: center; }
            .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 .c-unit-01-B {
              display: flex;
              flex-direction: column;
              margin: 0 8px 0 8px;
              flex: 1; }
              .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 .c-unit-01-B > .c-unit-02-A {
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                color: #FFFFFF; }
                .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 .c-unit-01-B > .c-unit-02-A.f-fs {
                  font-size: 7.98px; }
              .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 .c-unit-01-B > .c-unit-02-B {
                font-weight: 600;
                font-size: 12px;
                line-height: 16px;
                text-transform: uppercase;
                color: #76758F; }
                .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 .c-unit-01-B > .c-unit-02-B.f-fs {
                  font-size: 6.84px; }
            .comp-footer-01 > .c-container-01 .c-wrapper .modalCountrySelector .c-unit-01 .c-unit-01-C svg {
              background: white;
              border-radius: 100px; }

  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-01 .c-item-01-A {
    font-family: Outfit;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-01 .c-item-01-A.f-fs {
      font-size: 10.26px; }
  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-A {
    font-family: Outfit;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-A.f-fs {
      font-size: 10.26px; }
  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-B {
    font-family: Outfit;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-B.f-fs {
      font-size: 7.98px; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-B .c-unit-01-B-01 {
      color: #FFFFFF; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-B .c-unit-01-B-02 {
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      color: #76758F; }
      .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-B .c-unit-01-B-02.f-fs {
        font-size: 6.84px; }
  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 .c-item-01 {
    font-family: Outfit;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 .c-item-01.f-fs {
      font-size: 10.26px; }
  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 li ul li a {
    font-family: Outfit;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    color: #D7D5E1; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 li ul li a.f-fs {
      font-size: 7.98px; }
  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-03 .c-item-01 {
    font-family: Outfit;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #D7D5E1; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-03 .c-item-01.f-fs {
      font-size: 7.41px; }

  .logos-desktop {
    display: none; } }
@media all and (min-width: 768px) {
  .comp-footer-01 {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #F7F7FC; }
    .comp-footer-01 > .c-container-01 {
      padding: 64px 0 16px 0;
      background-color: #fff; }
      .comp-footer-01 > .c-container-01 .c-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 {
          width: 100%;
          margin-right: 24px; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-A {
              margin-bottom: 16px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-B .c-unit-01 {
              display: flex;
              align-items: center;
              width: fit-content;
              background-color: transparent;
              border: 1px solid #221F44;
              padding: 10px 22px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-B .c-unit-01:hover {
                color: #E94034; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-B .c-unit-01 .c-unit-01-A {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background-color: #ECEAFA;
                background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M11%200.5C8.9233%200.5%206.89323%201.11581%205.16652%202.26957C3.4398%203.42332%202.09399%205.0632%201.29927%206.98182C0.504549%208.90045%200.296614%2011.0116%200.701759%2013.0484C1.1069%2015.0852%202.10693%2016.9562%203.57538%2018.4246C5.04383%2019.8931%206.91476%2020.8931%208.95156%2021.2982C10.9884%2021.7034%2013.0996%2021.4955%2015.0182%2020.7007C16.9368%2019.906%2018.5767%2018.5602%2019.7304%2016.8335C20.8842%2015.1068%2021.5%2013.0767%2021.5%2011C21.4969%208.21619%2020.3896%205.5473%2018.4212%203.57884C16.4527%201.61039%2013.7838%200.503136%2011%200.5ZM2.015%2011.2955L3.0188%2011.6299L4.25%2013.477V14.4394C4.25001%2014.6383%204.32903%2014.829%204.46968%2014.9697L6.5%2017V18.7824C5.17849%2018.0176%204.07337%2016.9291%203.28873%2015.6193C2.50409%2014.3095%202.06576%2012.8215%202.015%2011.2955ZM11%2020C10.3512%2019.9987%209.7045%2019.9271%209.07115%2019.7865L9.5%2018.5L10.8535%2015.1163C10.8986%2015.0033%2010.9157%2014.8811%2010.9031%2014.7601C10.8905%2014.6391%2010.8486%2014.523%2010.7812%2014.4217L9.72268%2012.834C9.65419%2012.7312%209.56139%2012.647%209.45252%2012.5887C9.34365%2012.5305%209.22208%2012.5%209.09861%2012.5H5.4011L4.46495%2011.0955L6.06058%209.5H7.25V11H8.75V8.9492L11.6512%203.87208L10.3489%203.12792L9.70768%204.25H7.65141L6.8369%203.02833C7.93035%202.45125%209.13208%202.10845%2010.3654%202.02179C11.5987%201.93512%2012.8366%202.10651%2014%202.525V5C14%205.19891%2014.079%205.38968%2014.2197%205.53033C14.3603%205.67098%2014.5511%205.75%2014.75%205.75H15.8486C15.9721%205.75001%2016.0936%205.71953%2016.2025%205.66126C16.3114%205.603%2016.4042%205.51876%2016.4727%205.41603L17.1304%204.42947C17.9871%205.22831%2018.6802%206.18631%2019.1709%207.25H16.115C15.9416%207.25%2015.7736%207.31007%2015.6395%207.41999C15.5054%207.52992%2015.4136%207.68291%2015.3796%207.85292L14.838%2011.206C14.8125%2011.3637%2014.8381%2011.5255%2014.9109%2011.6676C14.9837%2011.8098%2015.1001%2011.925%2015.243%2011.9965L17.75%2013.25L18.2638%2016.2918C17.4314%2017.439%2016.3394%2018.3731%2015.0769%2019.0176C13.8145%2019.6621%2012.4174%2019.9987%2011%2020Z%22%20fill%3D%22%23221F44%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
                background-repeat: no-repeat;
                background-position: center; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-B .c-unit-01 .c-unit-01-B {
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                margin: 0 0 0 9px;
                text-transform: uppercase; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-B .c-unit-01 .c-unit-01-B .c-unit-02-A {
                  font-weight: 600; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-B .c-unit-01 .c-unit-01-C {
                width: 20px;
                height: 20px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-01 .c-item-02 > .c-item-02-B .c-unit-01 .c-unit-01-D {
                margin-left: 12px; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .hr-B {
            margin: 48px 0; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 {
            display: flex;
            justify-content: space-between; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 > .c-item-01-A {
              font-family: Outfit;
              font-size: 24px;
              font-weight: 500;
              line-height: 28px;
              margin-bottom: 32px;
              color: #221F44; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 > .c-item-01-A.f-fs {
                font-size: 13.68px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 > .c-item-01-B {
              display: flex;
              flex-wrap: wrap; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 > .c-item-01-B .c-unit-01 {
                margin-right: 16px;
                transition: opacity 0.3s; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 > .c-item-01-B .c-unit-01 .dark-icon {
                  display: none; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 > .c-item-01-B .c-unit-01:hover {
                  opacity: 0.9; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-01 > .c-item-01-B > :last-child {
                margin-right: 0; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 {
              width: 400px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-01 {
                font-family: Outfit;
                font-size: 24px;
                font-weight: 500;
                line-height: 28px;
                color: #221F44;
                margin-bottom: 4px; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-01.f-fs {
                  font-size: 13.68px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-04 {
                font-size: 16px;
                font-weight: 300;
                line-height: 24px;
                color: #221F44;
                margin-bottom: 16px; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-04.f-fs {
                  font-size: 9.12px; }
              .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 {
                width: 100%;
                display: flex;
                align-items: center;
                gap: 8px; }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 {
                  flex: 1; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .clusterValidationMsg {
                    display: flex;
                    position: absolute;
                    bottom: -17px;
                    right: 0px;
                    font-family: Outfit;
                    font-size: 12px;
                    color: #FF7575;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 16px; }
                    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .clusterValidationMsg.f-fs {
                      font-size: 6.84px; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02.successValidParent .tb-02 {
                    border: 1px solid #D7D5E1 !important; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02.successValidParent .c-unit-02-A {
                    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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%208H26V24H6V8ZM8%2012.1723V22H24V12.1866L16.1829%2017.1793L8%2012.1723ZM8.28167%2010L16.1602%2014.8207L23.7079%2010H8.28167Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02.parenterror .c-unit-02-A {
                    display: none; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .tb-02 {
                    padding: 24px 0 12px 16px; }
                  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-02 .c-unit-02-A {
                    position: absolute;
                    right: 8px;
                    top: 10px;
                    display: block;
                    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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%208H26V24H6V8ZM8%2012.1723V22H24V12.1866L16.1829%2017.1793L8%2012.1723ZM8.28167%2010L16.1602%2014.8207L23.7079%2010H8.28167Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
                .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-div-02 .c-item-03 .c-unit-03 .c-unit-03-B {
                  width: auto;
                  padding: 0 24px; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 .modalCountrySelector {
          display: none; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li {
            width: 300px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li .c-item-01 {
              margin-bottom: 16px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li ul li a {
              display: block; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li ul li a:after {
              content: '';
              position: absolute;
              top: calc(50% - 8px) !important;
              width: 16px;
              margin-left: 2px;
              height: 16px;
              background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.75001L13.1893%205.68935L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E%20"); }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li ul li.external a {
              display: block; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li ul li.external a:after {
              top: 0px;
              margin-left: 2px;
              background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E"); }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li .c-item-02 {
              display: none; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 > li.mobil-nav {
              display: none; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          margin-top: 48px;
          padding-top: 16px;
          border-top: 1px solid #ECEAFA; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-01 {
            color: #76758F;
            font-family: 'Outfit';
            font-weight: 500;
            font-size: 14px;
            line-height: 18px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-01.f-fs {
              font-size: 7.98px; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 {
            display: inline-flex;
            align-items: center; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 > span:not(:last-child) {
              margin-right: 8px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-04 .c-item-02 .mobile-etbis {
              display: none; }
        .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-05 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          margin-top: 16px;
          padding-top: 16px;
          border-top: 1px solid #ECEAFA;
          gap: 20px;
          flex-wrap: wrap; }
          .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-05 a {
            color: #76758F;
            font-family: Outfit;
            font-size: 12px;
            font-weight: 300;
            line-height: 20px; }
            .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-05 a.f-fs {
              font-size: 7.98px; }
    .comp-footer-01 .logos-mobile {
      display: none; }

  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-A, .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 a {
    font-family: Outfit;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #4E4C69; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-A.f-fs, .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 a.f-fs {
      font-size: 7.98px; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-A .c-unit-01-B-02, .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 a .c-unit-01-B-02 {
      font-size: 12px;
      line-height: 16px;
      color: #76758F; }
      .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 .c-item-02-A .c-unit-01-B-02.f-fs, .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-01 .c-item-02 a .c-unit-01-B-02.f-fs {
        font-size: 6.84px; }
  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 .c-item-01 {
    font-family: Outfit;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #221F44; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 .c-item-01.f-fs {
      font-size: 10.26px; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 .c-item-01 ul li {
      font-family: Outfit;
      font-weight: 600;
      font-size: 14px;
      line-height: 40px;
      color: #221F44; }
      .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 .c-item-01 ul li.f-fs {
        font-size: 7.98px; }
  .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 li ul li a {
    font-family: Outfit;
    font-weight: 300;
    font-size: 14px;
    line-height: 40px;
    color: #221F44; }
    .comp-footer-01 > .c-container-01 .c-wrapper > .c-column-02 nav .c-level-01 li ul li a.f-fs {
      font-size: 7.98px; } }
#search-area {
  transition: top 0.2s ease; }
  #search-area #go-search-result-button {
    display: none;
    position: absolute;
    right: 12px;
    height: 32px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(50% - 16px);
    background: #221F44;
    border-radius: 24px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #FFFFFF; }
    #search-area #go-search-result-button.f-fs {
      font-size: 7.41px; }
    #search-area #go-search-result-button:before {
      content: "";
      position: absolute;
      left: -16px;
      top: calc(50% - 12px);
      height: 24px;
      width: 1px;
      background: #ECEAFA; }
  #search-area #clear-search-input-button {
    display: none;
    position: absolute;
    right: 97px;
    top: calc(50% - 12px);
    height: 24px;
    width: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F7F7FC; }
  #search-area #search-textbox:not(:placeholder-shown) ~ #go-search-result-button,
  #search-area #search-textbox:not(:placeholder-shown) ~ #clear-search-input-button {
    display: flex;
    z-index: 9999999; }

@media all and (max-width: 767px) {
  .comp-header-02 {
    position: fixed;
    z-index: 207;
    top: 0;
    width: 100%;
    background: #221F44;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-header-02 .c-wrapper {
      display: flex;
      justify-content: space-between;
      align-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: 56px;
      padding: 12px 0px; }
      .comp-header-02 .c-wrapper #site-logo {
        left: 16px; }
    .comp-header-02.hdr-v1 {
      border: 0;
      box-shadow: none;
      background: #221F44; }
      .comp-header-02.hdr-v1 .c-wrapper {
        height: 72px;
        padding: 20px 16px; }
        .comp-header-02.hdr-v1 .c-wrapper #site-logo {
          left: 0 !important;
          display: flex;
          flex-direction: column;
          justify-content: center; }
    .comp-header-02.hdr-v2 .c-wrapper {
      padding: 36px 0px 0px 12px;
      height: unset; }
    .comp-header-02 #site-logo .logo-dark, .comp-header-02 #site-logo .logo-dark-mobile, .comp-header-02 #site-logo .logo-icon {
      display: none; }
    .comp-header-02 #activity-container {
      display: flex;
      gap: 12px; }
    .comp-header-02 #search-button {
      display: flex;
      width: 32px;
      height: 32px; }
      .comp-header-02 #search-button .search-dark {
        display: none; }
    .comp-header-02 #account-button, .comp-header-02 #account-button-xs, .comp-header-02 #account-button-lg {
      display: flex;
      height: 32px; }
      .comp-header-02 #account-button .account-button-text, .comp-header-02 #account-button-xs .account-button-text, .comp-header-02 #account-button-lg .account-button-text {
        display: none; }
      .comp-header-02 #account-button .account-dark, .comp-header-02 #account-button-xs .account-dark, .comp-header-02 #account-button-lg .account-dark {
        display: none; }
    .comp-header-02 #cart-button {
      display: flex;
      width: 32px;
      height: 32px;
      align-items: center;
      justify-content: center; }
      .comp-header-02 #cart-button .c-item-01 {
        display: none; }
      .comp-header-02 #cart-button .c-item-02 {
        display: block; }
      .comp-header-02 #cart-button #basket-item-counter {
        min-width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 15px;
        top: -8px;
        padding: 3px 2px 3px 2px;
        background: #E94034;
        border: 2px solid #FFFFFF;
        border-radius: 32px;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 8px;
        text-transform: uppercase;
        color: #FFFFFF; }
        .comp-header-02 #cart-button #basket-item-counter.f-fs {
          font-size: 6.84px; }
    .comp-header-02 #bookmark-button {
      display: flex;
      width: 32px;
      height: 32px; }
      .comp-header-02 #bookmark-button .bookmark-dark {
        display: none; }
      .comp-header-02 #bookmark-button .bookmark-count {
        position: absolute;
        top: -8px;
        left: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 20px;
        height: 18px;
        padding: 3px 2px 3px 2px;
        border: 2px solid #FFFFFF;
        border-radius: 32px;
        background: #E94034;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        line-height: 8px;
        color: #FFFFFF; }
        .comp-header-02 #bookmark-button .bookmark-count.f-fs {
          font-size: 6.27px; }
    .comp-header-02 .menu-buttons #button-hamburger .hamburger-mobile {
      display: flex;
      align-items: center;
      width: 72px;
      height: 32px;
      padding: 0 8px 0 12px;
      background: rgba(255, 255, 255, 0.04); }
    .comp-header-02 .menu-buttons #button-hamburger .hamburger-desktop {
      display: none; }
    .comp-header-02 .menu-buttons #button-menuclose {
      display: none; }

  #search-area {
    position: fixed;
    display: none;
    flex-wrap: wrap;
    z-index: 555555;
    width: 100%;
    padding: 16px 0 0 0;
    top: 0;
    left: 0; }
    #search-area .c-container-01 {
      width: 100%;
      padding: 0 24px 0 56px;
      margin-bottom: 16px; }
      #search-area .c-container-01 > .c-item-01 {
        position: absolute;
        top: 6px;
        display: block;
        left: 16px;
        z-index: 555555555; }
      #search-area .c-container-01 > .c-item-02 {
        position: absolute;
        top: 8px;
        left: 64px;
        z-index: 5555555; }
        #search-area .c-container-01 > .c-item-02 > .c-unit-02 {
          display: none; }
      #search-area .c-container-01 #search-textbox {
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 48px;
        height: 48px;
        background: #FFFFFF;
        box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
        border-radius: 64px;
        z-index: 5555555;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px; }
        #search-area .c-container-01 #search-textbox.f-fs {
          font-size: 9.12px; }
        #search-area .c-container-01 #search-textbox:not(:placeholder-shown) ~ #go-search-result-button {
          display: none; }
    #search-area #autoCompletePlaceholder {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      height: calc(100vh - 80px);
      background: #FFFFFF;
      z-index: 151;
      overflow-y: auto; }
      #search-area #autoCompletePlaceholder .on-focus {
        width: 100%; }
        #search-area #autoCompletePlaceholder .on-focus .hr-A {
          display: none; }
        #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 {
          display: flex;
          margin-bottom: 8px;
          padding: 0 16px;
          width: 280px; }
          #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A {
            font-family: Outfit;
            font-style: normal;
            font-weight: 600;
            font-size: 10px;
            line-height: 12px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #E94034; }
            #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-A.f-fs {
              font-size: 5.7px; }
          #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B {
            font-size: 14px;
            line-height: 17px;
            letter-spacing: -0.01em;
            color: #68686A; }
            #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-01 .c-item-01-B.f-fs {
              font-size: 7.98px; }
        #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li {
          display: flex;
          align-items: center;
          width: 312px;
          height: 40px;
          padding: 0 16px;
          margin: 8px 0 7px 0;
          border-bottom: 1px solid #ECEAFA; }
          #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A {
            font-family: Outfit;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            color: #221F44; }
            #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-02 li .c-item-02-A.f-fs {
              font-size: 9.12px; }
        #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-03 > .c-item-03-A {
          margin-bottom: 24px; }
          #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-03 > .c-item-03-A > .c-unit-01 {
            display: flex;
            height: 64px;
            display: flex;
            align-items: center; }
            #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-03 > .c-item-03-A > .c-unit-01 > .c-unit-01-A {
              margin-left: 8px;
              font-family: Outfit;
              font-style: normal;
              font-weight: 600;
              font-size: 16px;
              line-height: 24px;
              color: #221F44; }
              #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-03 > .c-item-03-A > .c-unit-01 > .c-unit-01-A.f-fs {
                font-size: 9.12px; }
        #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-03 > .c-item-03-B > .c-unit-01 {
          height: 56px;
          display: flex;
          align-items: center;
          padding-left: 16px; }
          #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-03 > .c-item-03-B > .c-unit-01 > .c-unit-01-A {
            margin-left: 8px;
            font-family: Outfit;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            color: #221F44; }
            #search-area #autoCompletePlaceholder .on-focus .search-history > .c-item-03 > .c-item-03-B > .c-unit-01 > .c-unit-01-A.f-fs {
              font-size: 9.12px; }
      #search-area #autoCompletePlaceholder .on-search .product-results > .c-item {
        display: flex;
        margin-bottom: 16px; }
        #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 52px;
          height: 52px;
          margin-right: 12px;
          border: 1px solid #E6E6E7;
          border-radius: 4px; }
          #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-01 img {
            width: 40px;
            max-height: 40px;
            object-fit: cover;
            object-position: center; }
        #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 {
          display: flex;
          justify-content: center;
          flex-direction: column;
          width: calc(100% - 64px); }
          #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A {
            margin-bottom: 0;
            font-weight: 400;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: -0.01em;
            color: #171718; }
            #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A.f-fs {
              font-size: 7.41px; }
            #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-A span.f-strong {
              font-weight: 700; }
          #search-area #autoCompletePlaceholder .on-search .product-results > .c-item > .c-item-02 > .c-item-02-B {
            display: none; }
      #search-area #autoCompletePlaceholder .on-search .hr-A {
        margin: 20px 0 12px;
        width: 100%; }
      #search-area #autoCompletePlaceholder .on-search .category-results > .c-item {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 26px 0 64px;
        height: 60px; }
        #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img {
          position: absolute;
          left: 0;
          width: 64px;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
          #search-area #autoCompletePlaceholder .on-search .category-results > .c-item .ctg-img img {
            max-height: 90%;
            max-width: 90%; }
        #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 {
          display: flex;
          margin-bottom: 4px; }
          #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span {
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: -0.01em;
            color: #171718; }
            #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-fs {
              font-size: 7.98px; }
            #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-01 span.f-strong {
              font-weight: 600; }
        #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-02 {
          display: none; }
        #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03 {
          font-size: 13px;
          line-height: 16px;
          letter-spacing: -0.01em;
          color: #68686A; }
          #search-area #autoCompletePlaceholder .on-search .category-results > .c-item > .c-item-03.f-fs {
            font-size: 7.41px; }
        #search-area #autoCompletePlaceholder .on-search .category-results > .c-item:after {
          content: "";
          position: absolute;
          right: 16px;
          width: 12px;
          height: 10px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%200L6.285%200.6965L10.075%204.5H0V5.5H10.075L6.285%209.2865L7%2010L12%205L7%200Z%22%20fill%3D%22black%22%2F%3E%20%3C%2Fsvg%3E"); }
      #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A {
        margin-bottom: 24px; }
        #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01 {
          display: flex;
          align-items: center;
          height: 64px; }
          #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01:not(:last-child) {
            margin-bottom: 8px; }
          #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01:nth-child(n + 6) {
            display: none; }
          #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01 > picture > img {
            width: 48px;
            height: 48px;
            object-fit: cover;
            object-position: center;
            margin-right: 8px; }
          #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01 > .c-unit-01-A {
            padding-right: 15px;
            font-family: Outfit;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: #221F44; }
            #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01 > .c-unit-01-A.f-fs {
              font-size: 7.98px; }
          #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01:hover > .c-unit-01-A {
            color: #E94034; }
      #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01 {
        display: flex;
        align-items: center;
        height: 56px;
        width: calc(100% - 32px); }
        #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01 > .c-unit-01-A {
          margin-left: 8px;
          flex: 1;
          padding-right: 16px;
          font-family: Outfit;
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          color: #221F44; }
          #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01 > .c-unit-01-A.f-fs {
            font-size: 9.12px; }
        #search-area #autoCompletePlaceholder .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01:hover > .c-unit-01-A {
          color: #E94034; }
    #search-area.on {
      display: flex; }
      #search-area.on header {
        display: none; }
      #search-area.on > .close-icon-03 {
        display: block; }
      #search-area.on #autoCompletePlaceholder {
        display: block; }
      #search-area.on ~ #button-basket {
        display: none; }
      #search-area.on ~ .menu-buttons {
        display: none; }
      #search-area.on #autoCompletePlaceholder {
        padding: 24px;
        z-index: 5555555; }
      #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
        display: flex; }
    #search-area:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 80px;
      background: #221F44;
      z-index: 555555; }
    #search-area #clear-search-input-button {
      right: 34px;
      left: auto; }

  #trademarkHeader {
    display: none;
    position: fixed;
    z-index: 200;
    top: 0;
    right: 0;
    left: 0;
    max-width: 1440px;
    margin: 0 auto;
    background-color: #fff; }
    #trademarkHeader .c-container-01 {
      height: 48px;
      padding-left: 24px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ECEAFA; }
    #trademarkHeader .c-container-02 {
      display: flex;
      align-items: center;
      height: 48px;
      padding-left: 24px;
      width: 100%;
      overflow: auto; }
      #trademarkHeader .c-container-02 .c-item-01 {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        height: 100%;
        font-family: Outfit;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #76758F;
        margin-right: 16px; }
        #trademarkHeader .c-container-02 .c-item-01.f-fs {
          font-size: 5.7px; }
        #trademarkHeader .c-container-02 .c-item-01.on {
          box-shadow: inset 0px -4px 0px #E94034;
          color: #E94034; }

  .comp-header-02 .c-wrapper .c-row-01 {
    display: none; }
  .comp-header-02 .c-wrapper .c-row-02 {
    display: flex;
    justify-content: space-between;
    width: 100%; } }
@media all and (min-width: 768px) {
  .comp-header-02 {
    font-family: Outfit;
    z-index: 207;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 217px;
    background-color: #fff;
    transition: height 0.2s ease-in-out; }
    .comp-header-02 .c-wrapper {
      position: static;
      display: flex;
      flex-direction: column;
      width: 1272px;
      height: 100%;
      border-bottom: 1px solid rgba(34, 31, 68, 0.04); }
    .comp-header-02.hdr-v2 {
      height: 96px;
      padding: 30px 0px 0px 0px; }
      .comp-header-02.hdr-v2 .c-wrapper {
        flex-direction: row;
        padding: 0px 0px 30px 0px; }
    .comp-header-02 #site-logo {
      display: flex;
      align-items: center;
      width: 114px;
      height: 34px;
      margin-right: 54px; }
      .comp-header-02 #site-logo .logo-dark {
        width: 104px;
        transform-origin: center left;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -moz-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        -webkit-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out; }
      .comp-header-02 #site-logo .logo-dark-mobile {
        display: none; }
      .comp-header-02 #site-logo .logo-light, .comp-header-02 #site-logo .logo-icon {
        display: none; }
    .comp-header-02 #open-menu-placeholder {
      position: static;
      z-index: 10;
      height: 73px; }
      .comp-header-02 #open-menu-placeholder .ul-level-1 {
        position: static;
        display: flex;
        height: 100%; }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li {
          position: static;
          display: flex;
          align-items: center;
          height: calc(100% + 1px);
          padding: 0 0 0 0; }
          .comp-header-02 #open-menu-placeholder .ul-level-1 > li:not([data-open-menu-item]) {
            display: none; }
          .comp-header-02 #open-menu-placeholder .ul-level-1 > li > a {
            display: flex;
            flex-shrink: 0;
            padding: 10px 10px 10px 16px;
            font-weight: 500;
            font-size: 22px;
            line-height: 18px;
            color: #221F44;
            transition: color 0.2s; }
            .comp-header-02 #open-menu-placeholder .ul-level-1 > li > a.f-fs {
              font-size: 7.98px; }
          .comp-header-02 #open-menu-placeholder .ul-level-1 > li.open-menu-separator {
            margin-right: 32px; }
            .comp-header-02 #open-menu-placeholder .ul-level-1 > li.open-menu-separator > a:before {
              content: '';
              position: absolute;
              top: 4px;
              right: -17px;
              display: block;
              width: 1px;
              height: 32px;
              border-left: 1px solid #ECEAFA; }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.hasSubmenu > a:after {
          content: '';
          display: flex;
          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%3Cpath%20d%3D%22M7.98007%207.90403L7.09619%208.78791L10.0381%2011.7299L12.9801%208.78791L12.0962%207.90403L10.0381%209.96209L7.98007%207.90403Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.hasSubmenu::after {
          content: '';
          visibility: hidden;
          position: absolute;
          z-index: 0;
          top: 217px;
          right: 0;
          left: calc(50% - 720px);
          display: block;
          width: 1440px;
          height: 690px;
          background-color: #F7F7FC;
          cursor: default; }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.external > a:after {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.hasSubmenu.on > a:after {
          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%3Cpath%20d%3D%22M11.9675%2011.5625L12.8125%2010.6961L10%207.8125L7.1875%2010.6961L8.03249%2011.5625L10%209.54523L11.9675%2011.5625Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.hasSubmenu.on .ul-level-2 {
          z-index: 3;
          visibility: visible; }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.hasSubmenu.on .submenu-ad {
          z-index: 3;
          visibility: visible; }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.hasSubmenu.on::after {
          z-index: 2;
          visibility: visible; }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.external.on > a:after {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.current > a,
        .comp-header-02 #open-menu-placeholder .ul-level-1 > li.on > a {
          color: #E94034;
          background: rgba(250, 233, 231, 0.32);
          border-radius: 48px; }
          .comp-header-02 #open-menu-placeholder .ul-level-1 > li.current > a:after,
          .comp-header-02 #open-menu-placeholder .ul-level-1 > li.on > a:after {
            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%3Cpath%20d%3D%22M7.97983%207.90403L7.09595%208.78791L10.0379%2011.7299L12.9798%208.78791L12.0959%207.90403L10.0379%209.96209L7.97983%207.90403Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }
      .comp-header-02 #open-menu-placeholder .ul-level-2 {
        position: absolute;
        z-index: 1;
        top: 217px;
        left: calc(50% - 720px);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: start;
        width: 492px;
        height: 690px;
        padding: 24px 0 0 84px;
        visibility: hidden;
        background-color: #fff; }
        .comp-header-02 #open-menu-placeholder .ul-level-2 > li {
          position: static;
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          height: 48px;
          padding: 0 24px; }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li:hover > a {
            color: #E94034; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li:hover > a:after {
              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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li:hover .ul-level-3 {
            visibility: visible; }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li:hover.hasSubmenu > a:after {
            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%22M9%207.06066L10.0607%206L16.3713%2012.3107L10.0607%2018.6213L9%2017.5607L14.25%2012.3107L9%207.06066Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li:hover.external > a:after {
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li.current {
            background-color: #F7F7FC; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li.current > a {
              color: #E94034; }
              .comp-header-02 #open-menu-placeholder .ul-level-2 > li.current > a:before {
                display: block; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li.current:after {
              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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li.current.hasSubmenu:after {
              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%22M9%207.06066L10.0607%206L16.3713%2012.3107L10.0607%2018.6213L9%2017.5607L14.25%2012.3107L9%207.06066Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li.current.external:after {
              background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li.hasSubmenu > a:after {
            content: '';
            display: flex;
            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%3Cpath%20d%3D%22M9%207.06066L10.0607%206L16.3713%2012.3107L10.0607%2018.6213L9%2017.5607L14.25%2012.3107L9%207.06066Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E"); }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li.external > a:after {
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E"); }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li > a {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            color: #4E4C69; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li > a.f-fs {
              font-size: 9.12px; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li > a:after {
              content: '';
              display: flex;
              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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E%20");
              position: absolute;
              right: 0; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li > a:before {
              content: '';
              position: absolute;
              top: 0;
              right: -51px;
              bottom: 0;
              display: none;
              width: 4px;
              background-color: #ECEAFA; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li > a.active {
              color: #E94034; }
              .comp-header-02 #open-menu-placeholder .ul-level-2 > li > a.active:after {
                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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
          .comp-header-02 #open-menu-placeholder .ul-level-2 > li.last-item-separator {
            margin: 9px 0 0 0; }
            .comp-header-02 #open-menu-placeholder .ul-level-2 > li.last-item-separator > a {
              padding-top: 8px;
              border-top: 1px solid #ECEAFA; }
      .comp-header-02 #open-menu-placeholder .ul-level-3 {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 492px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: start;
        width: 456px;
        height: 593px;
        padding: 24px 48px;
        visibility: hidden; }
        .comp-header-02 #open-menu-placeholder .ul-level-3 > li {
          display: flex;
          align-items: center;
          width: 100%;
          height: 48px; }
          .comp-header-02 #open-menu-placeholder .ul-level-3 > li:hover {
            background-color: #F7F7FC; }
            .comp-header-02 #open-menu-placeholder .ul-level-3 > li:hover > a {
              color: #E94034; }
              .comp-header-02 #open-menu-placeholder .ul-level-3 > li:hover > a:before {
                display: block; }
            .comp-header-02 #open-menu-placeholder .ul-level-3 > li:hover > a:after {
              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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          .comp-header-02 #open-menu-placeholder .ul-level-3 > li > a {
            display: flex;
            flex: 1px;
            height: 100%;
            justify-content: space-between;
            align-items: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #4E4C69; }
            .comp-header-02 #open-menu-placeholder .ul-level-3 > li > a.f-fs {
              font-size: 7.98px; }
            .comp-header-02 #open-menu-placeholder .ul-level-3 > li > a:after {
              content: '';
              display: flex;
              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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.75001L13.1893%205.68935L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%234E4C69%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          .comp-header-02 #open-menu-placeholder .ul-level-3 > li.last-item-separator {
            margin: 16px 0 0 0; }
            .comp-header-02 #open-menu-placeholder .ul-level-3 > li.last-item-separator > a:after {
              content: '';
              position: absolute;
              top: -8px;
              left: 0;
              width: 360px;
              border-bottom: 1px solid #ECEAFA; }
      .comp-header-02 #open-menu-placeholder .submenu-ad {
        position: absolute;
        z-index: 1;
        top: 96px;
        left: calc(50% + 228px);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
        width: 492px;
        height: 690px;
        padding: 0 56px 0 56px;
        visibility: hidden; }
        .comp-header-02 #open-menu-placeholder .submenu-ad .ad-visual {
          position: absolute;
          top: 120px;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: auto; }
        .comp-header-02 #open-menu-placeholder .submenu-ad .ad-header {
          margin: 24px 0 8px 0;
          text-align: center;
          font-weight: normal;
          font-size: 18px;
          line-height: 24px;
          color: #E94034; }
          .comp-header-02 #open-menu-placeholder .submenu-ad .ad-header.f-fs {
            font-size: 10.26px; }
        .comp-header-02 #open-menu-placeholder .submenu-ad .ad-description {
          text-align: center;
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          color: #4E4C69; }
          .comp-header-02 #open-menu-placeholder .submenu-ad .ad-description.f-fs {
            font-size: 7.98px; }
        .comp-header-02 #open-menu-placeholder .submenu-ad .ad-link {
          display: flex;
          align-items: center;
          justify-content: center;
          align-content: center;
          height: 40px;
          padding: 0 8px 0 16px;
          margin: 24px 0 0 0;
          background-color: #fff;
          font-weight: 600;
          font-size: 13px;
          line-height: 16px;
          letter-spacing: 1px;
          color: #E94034; }
          .comp-header-02 #open-menu-placeholder .submenu-ad .ad-link.f-fs {
            font-size: 7.41px; }
          .comp-header-02 #open-menu-placeholder .submenu-ad .ad-link:after {
            content: '';
            display: flex;
            width: 33px;
            height: 32px;
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206.40002V8.40002H23.0858L17.0858%2014.4L18.5%2015.8142L24.5%209.81424V13.4H26.5V6.40002H19.5ZM22.5%2024.4V16.4H24.5V26.4H6.5V8.40002H16.5V10.4H8.5V24.4H22.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    .comp-header-02 #activity-container {
      display: flex;
      align-items: center;
      position: absolute;
      height: 48px;
      right: calc((100% - 1272px) / 2);
      top: calc(50% - 20px); }
      .comp-header-02 #activity-container.active-user #basket-item-counter {
        right: 152px;
        top: 0; }
      .comp-header-02 #activity-container.active-user #bookmark-button .bookmark-count {
        right: 210px;
        top: 0; }
      .comp-header-02 #activity-container.active-user #accountDropMenu {
        left: 28%;
        width: 240px; }
    .comp-header-02 #search-button {
      display: none;
      width: 40px;
      height: 40px;
      margin-right: 8px; }
      .comp-header-02 #search-button .search-light {
        display: none; }
    .comp-header-02 #account-button, .comp-header-02 #account-button-xs, .comp-header-02 #account-button-lg {
      width: auto !important;
      border-radius: 100px !important;
      color: #221f44 !important;
      align-items: center !important;
      justify-content: center !important;
      order: 1;
      padding: 0px 8px 0px 16px; }
      .comp-header-02 #account-button .account-button-text, .comp-header-02 #account-button-xs .account-button-text, .comp-header-02 #account-button-lg .account-button-text {
        font-family: "Outfit";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; }
      .comp-header-02 #account-button .account-light, .comp-header-02 #account-button-xs .account-light, .comp-header-02 #account-button-lg .account-light {
        display: none; }
      .comp-header-02 #account-button::after, .comp-header-02 #account-button-xs::after, .comp-header-02 #account-button-lg::after {
        content: "";
        position: absolute;
        right: 60px;
        bottom: 8px;
        height: 32px;
        width: 1px;
        background-color: #eceafa; }
    .comp-header-02 #cart-button {
      display: flex;
      width: 40px;
      height: 40px;
      margin-right: 8px;
      margin-top: 9px; }
      .comp-header-02 #cart-button .c-item-01 {
        display: block; }
      .comp-header-02 #cart-button .c-item-02 {
        display: none; }
      .comp-header-02 #cart-button #basket-item-counter {
        min-width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 208px;
        top: 8px;
        padding: 3px 2px 3px 2px;
        background: #E94034;
        border: 3px solid #FFFFFF;
        border-radius: 32px;
        font-family: 'Outfit';
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 8px;
        text-transform: uppercase;
        color: #FFFFFF; }
        .comp-header-02 #cart-button #basket-item-counter.f-fs {
          font-size: 6.84px; }
    .comp-header-02 #bookmark-button {
      display: flex;
      justify-content: center;
      width: 40px;
      height: 40px; }
      .comp-header-02 #bookmark-button .bookmark-light {
        display: none; }
      .comp-header-02 #bookmark-button .bookmark-count {
        min-width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 268px;
        top: 8px;
        padding: 3px 2px 3px 2px;
        background: #E94034;
        border: 3px solid #FFFFFF;
        border-radius: 32px;
        font-family: "Outfit";
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 8px;
        text-transform: uppercase;
        color: #FFFFFF; }
    .comp-header-02 .menu-buttons {
      order: 2;
      /*            &:before {
          content: '';
          position: absolute;
          top: 4px;
          left: -8px;
          display: block;
          width: 1px;
          height: 32px;
          border-left: 1px solid $CT-Bg-Lavender;
      }*/ }
      .comp-header-02 .menu-buttons #button-hamburger {
        display: flex;
        width: 40px;
        height: 40px; }
        .comp-header-02 .menu-buttons #button-hamburger .hamburger-mobile {
          display: none; }
      .comp-header-02 .menu-buttons #button-menuclose {
        display: none; }

  #search-area {
    flex-direction: column;
    z-index: 555555;
    width: 480px;
    cursor: pointer; }
    #search-area .c-container-01 {
      width: 100%; }
      #search-area .c-container-01 > .c-item-01 {
        display: none; }
      #search-area .c-container-01 > .c-item-02 {
        position: absolute;
        top: 8px;
        left: 8px;
        z-index: 5555555; }
        #search-area .c-container-01 > .c-item-02 > .c-unit-01 {
          display: none; }
        #search-area .c-container-01 > .c-item-02 > .c-unit-02 {
          display: none; }
        #search-area .c-container-01 > .c-item-02 > .c-unit-03 {
          display: block; }
      #search-area .c-container-01 #search-textbox {
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 48px;
        height: 48px;
        background: #FFFFFF;
        box-shadow: 0px 4px 12px -4px rgba(34, 31, 68, 0.12);
        border-radius: 64px;
        border: 1px solid rgba(118, 117, 143, 0.24);
        z-index: 5555555;
        font-family: Outfit;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px; }
        #search-area .c-container-01 #search-textbox.f-fs {
          font-size: 9.12px; }
    #search-area #autoCompletePlaceholder {
      display: none;
      flex-direction: column;
      align-items: center;
      width: 624px;
      background: #FFFFFF;
      border-radius: 24px;
      z-index: 151; }
      #search-area #autoCompletePlaceholder .focus-container {
        max-height: 536px;
        overflow-y: hidden;
        padding: 24px 0 24px 48px;
        z-index: 5555555;
        width: 99%; }
        #search-area #autoCompletePlaceholder .focus-container::-webkit-scrollbar {
          width: 4px; }
        #search-area #autoCompletePlaceholder .focus-container::-webkit-scrollbar-track {
          background: #fff; }
        #search-area #autoCompletePlaceholder .focus-container::-webkit-scrollbar-thumb {
          background: #ECEAFA; }
        #search-area #autoCompletePlaceholder .focus-container::-webkit-scrollbar-thumb:hover {
          background: #aaa; }
        #search-area #autoCompletePlaceholder .focus-container .on-focus {
          width: 528px; }
          #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-01 {
            display: flex;
            margin-bottom: 8px;
            padding: 0 16px;
            width: 496px; }
            #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-01 .c-item-01-A {
              font-family: Outfit;
              font-style: normal;
              font-weight: 600;
              font-size: 10px;
              line-height: 12px;
              letter-spacing: 0.1em;
              text-transform: uppercase;
              color: #E94034; }
              #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-01 .c-item-01-A.f-fs {
                font-size: 5.7px; }
            #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-01 .c-item-01-B {
              font-size: 14px;
              line-height: 17px;
              letter-spacing: -0.01em;
              color: #68686A; }
              #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-01 .c-item-01-B.f-fs {
                font-size: 7.98px; }
          #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-02 li {
            display: flex;
            align-items: center;
            width: 528px;
            min-height: 56px;
            padding: 0 16px;
            border-bottom: 1px solid #ECEAFA; }
            #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-02 li .c-item-02-A {
              font-family: Outfit;
              font-style: normal;
              font-weight: 600;
              font-size: 16px;
              line-height: 24px;
              color: #221F44;
              transition: color 0.2s; }
              #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-02 li .c-item-02-A.f-fs {
                font-size: 9.12px; }
              #search-area #autoCompletePlaceholder .focus-container .on-focus .search-history > .c-item-02 li .c-item-02-A:hover {
                color: #E94034; }
        #search-area #autoCompletePlaceholder .focus-container .on-search {
          max-height: 536px;
          overflow-y: auto;
          padding: 0 0 24px 0; }
          #search-area #autoCompletePlaceholder .focus-container .on-search::-webkit-scrollbar {
            width: 4px; }
          #search-area #autoCompletePlaceholder .focus-container .on-search::-webkit-scrollbar-track {
            background: #fff; }
          #search-area #autoCompletePlaceholder .focus-container .on-search::-webkit-scrollbar-thumb {
            background: #ECEAFA; }
          #search-area #autoCompletePlaceholder .focus-container .on-search::-webkit-scrollbar-thumb:hover {
            background: #aaa; }
          #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-A {
            margin-bottom: 24px; }
            #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01 {
              display: flex;
              height: 64px;
              display: flex;
              align-items: center; }
              #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01 > .c-unit-01-A {
                margin-left: 8px;
                font-family: Outfit;
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 24px;
                color: #221F44;
                transition: color 0.2s; }
                #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01 > .c-unit-01-A.f-fs {
                  font-size: 9.12px; }
              #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-A > .c-unit-01:hover > .c-unit-01-A {
                color: #E94034; }
          #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01 {
            height: 56px;
            display: flex;
            align-items: center;
            padding-left: 16px; }
            #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01 > .c-unit-01-A {
              margin-left: 8px;
              font-family: Outfit;
              font-style: normal;
              font-weight: 600;
              font-size: 16px;
              line-height: 24px;
              color: #221F44;
              transition: color 0.2s; }
              #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01 > .c-unit-01-A.f-fs {
                font-size: 9.12px; }
            #search-area #autoCompletePlaceholder .focus-container .on-search .not-result > .c-item-03 > .c-item-03-B > .c-unit-01:hover > .c-unit-01-A {
              color: #E94034; }
    #search-area.on {
      display: flex; }
      #search-area.on header {
        display: none; }
      #search-area.on > .close-icon-03 {
        display: block; }
      #search-area.on #autoCompletePlaceholder {
        display: flex; }
      #search-area.on ~ #button-basket {
        display: none; }
      #search-area.on ~ .menu-buttons {
        display: none; }
      #search-area.on #autoCompletePlaceholder {
        display: flex;
        padding: 24px 0;
        z-index: 5555555;
        top: 60px;
        position: absolute; }
      #search-area.on .c-container-01 {
        margin-bottom: 12px; }
        #search-area.on .c-container-01 > .c-item-02 > .c-unit-02 {
          display: block; }
        #search-area.on .c-container-01 > .c-item-02 > .c-unit-03 {
          display: none; }
      #search-area.on #search-textbox:not(:placeholder-shown) ~ .search-button {
        display: flex; }

  #activity-container > *:not(#accountDropMenu) {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    width: 40px;
    height: 40px;
    background-color: #F7F7FC;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    margin: 10px; }
    #activity-container > *:not(#accountDropMenu):hover {
      background-color: #F1F1FB; }
    #activity-container > *:not(#accountDropMenu) > .account-dark,
    #activity-container > *:not(#accountDropMenu) > .account-light,
    #activity-container > *:not(#accountDropMenu) > .bookmark-dark,
    #activity-container > *:not(#accountDropMenu) > .bookmark-light,
    #activity-container > *:not(#accountDropMenu) > .c-item-01,
    #activity-container > *:not(#accountDropMenu) > .c-item-02,
    #activity-container > *:not(#accountDropMenu) > .hamburger-desktop {
      height: 100%; }

  #account-button-lg {
    order: 1; }

  #search-button {
    display: none !important; }

  #trademarkHeader {
    display: none;
    position: fixed;
    padding: 0 24px;
    z-index: 200;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    background-color: #fff; }
    #trademarkHeader .c-container-01 {
      height: 48px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ECEAFA; }
    #trademarkHeader .c-container-02 {
      display: flex;
      align-items: center;
      height: 48px; }
      #trademarkHeader .c-container-02 .c-item-01 {
        display: flex;
        align-items: center;
        height: 100%;
        font-family: Outfit;
        font-weight: 600;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #76758F;
        margin-right: 16px; }
        #trademarkHeader .c-container-02 .c-item-01.f-fs {
          font-size: 5.7px; }
        #trademarkHeader .c-container-02 .c-item-01.on {
          box-shadow: inset 0px -4px 0px #E94034;
          color: #E94034; }

  body.f-scrolled #page-wrapper .comp-header-02 {
    height: 169px; }
    body.f-scrolled #page-wrapper .comp-header-02.hdr-v2 {
      height: 96px; }
    body.f-scrolled #page-wrapper .comp-header-02 .c-row-01 {
      opacity: 0;
      height: 0;
      padding: 0;
      overflow: hidden; }
    body.f-scrolled #page-wrapper .comp-header-02 .c-row-02 {
      border-top: 0; }
  body.f-scrolled #open-menu-placeholder .ul-level-1 > li.hasSubmenu::after {
    top: 169px; }
  body.f-scrolled #open-menu-placeholder .ul-level-2 {
    top: 169px; }

  body.noscroll #page-wrapper .comp-header-02 {
    height: 217px !important; }
    body.noscroll #page-wrapper .comp-header-02 #site-logo .logo-dark {
      transform: scale(0.71); }
  body.noscroll #open-menu-placeholder .ul-level-1 > li.hasSubmenu::after {
    top: 217px; }
  body.noscroll #open-menu-placeholder .ul-level-2 {
    top: 217px; }

  .comp-header-02 .c-wrapper .c-row-01 {
    display: flex;
    justify-content: flex-end;
    padding: 12px;
    gap: 16px;
    transition: opacity 0.2s ease, height 0.2s ease;
    opacity: 1;
    height: 48px; }
    .comp-header-02 .c-wrapper .c-row-01 .c-item-01 {
      display: flex;
      align-items: center;
      gap: 48px; }
      .comp-header-02 .c-wrapper .c-row-01 .c-item-01 .c-unit-01 {
        color: var(--Secondary-Gray---Secondary, #76758F);
        font-feature-settings: "clig" off, "liga" off;
        font-family: Outfit;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; }
    .comp-header-02 .c-wrapper .c-row-01 .hr {
      width: 1px;
      height: auto;
      background-color: rgba(34, 31, 68, 0.04); }
    .comp-header-02 .c-wrapper .c-row-01 .lang-container {
      display: flex;
      align-items: center; }
      .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-unit-01 {
        display: flex; }
        .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-unit-01 > .c-unit-01-B .c-unit-02-A {
          color: var(--Secondary-Gray---Secondary, #76758F);
          font-feature-settings: "clig" off, "liga" off;
          font-family: Outfit;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px; }
        .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-unit-01 > .c-unit-01-C {
          margin-right: 6px;
          width: 20px;
          height: 20px; }
        .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-unit-01 .c-unit-01-D {
          margin-left: 10px; }
      .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-item-01 {
        padding: 0;
        width: fit-content;
        background-color: transparent; }
        .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-item-01:hover {
          color: #E94034; }
        .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-item-01 .c-unit-01 {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #FFF;
          display: flex;
          justify-content: center;
          align-items: center; }
        .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-item-01 .c-unit-02 {
          display: flex;
          flex-direction: column;
          margin-left: 8px; }
          .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-item-01 .c-unit-02 .c-unit-02-B {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #76758F; }
            .comp-header-02 .c-wrapper .c-row-01 .lang-container > .c-item-01 .c-unit-02 .c-unit-02-B.f-fs {
              font-size: 6.84px; }
  .comp-header-02 .c-wrapper .c-row-02 {
    display: flex;
    align-items: center;
    height: 96px;
    border-top: 1px solid rgba(34, 31, 68, 0.04); }
  .comp-header-02 .c-wrapper .c-row-03 {
    display: flex;
    border-top: 1px solid rgba(34, 31, 68, 0.04); } }
#hamburger-menu-wrapper,
#menu-primary,
#account-container,
#menu-socialmedia {
  display: none; }

#menu-primary ul, #menu-primary .submenu-ad, #menu-primary .level-2-header {
  display: none; }

#hamburger-menu-wrapper {
  position: fixed;
  z-index: 300;
  overflow: hidden; }

@media all and (max-width: 767px) {
  #hamburger-menu-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 312px;
    height: 100vH;
    background-color: #fff;
    transform: translateX(-100%); }
    #hamburger-menu-wrapper #menu-content-wrapper {
      height: 100%; }
    #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%;
      overflow-x: hidden;
      overflow-y: auto; }
    #hamburger-menu-wrapper #menu-screen-1 {
      justify-content: space-between; }
    #hamburger-menu-wrapper #site-logo-menu {
      display: flex;
      align-items: center;
      order: 0;
      width: 65px;
      height: 32px;
      overflow: hidden;
      margin: 32px 0 0 16px; }
      #hamburger-menu-wrapper #site-logo-menu .logo-dark {
        display: none;
        top: calc(50% - 28px); }
      #hamburger-menu-wrapper #site-logo-menu .logo-dark-mobile {
        width: 100%;
        height: 20px; }
      #hamburger-menu-wrapper #site-logo-menu .logo-light, #hamburger-menu-wrapper #site-logo-menu .logo-icon {
        display: none; }
    #hamburger-menu-wrapper #close-button-menu {
      display: flex;
      order: 1;
      width: 24px;
      height: 24px;
      margin: 36px 24px 0 0; }
    #hamburger-menu-wrapper #menu-primary {
      display: flex;
      order: 2;
      width: 100%; }
      #hamburger-menu-wrapper #menu-primary #submenu-animation-wrapper {
        width: 100%; }
    #hamburger-menu-wrapper .ul-level-1, #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: block;
      width: 100%; }
      #hamburger-menu-wrapper .ul-level-1 > li, #hamburger-menu-wrapper .ul-level-2 > li, #hamburger-menu-wrapper .ul-level-3 > li {
        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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
        background-position: right center;
        background-repeat: no-repeat; }
        #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-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%22M9%207.06066L10.0607%206L16.3713%2012.3107L10.0607%2018.6213L9%2017.5607L14.25%2012.3107L9%207.06066Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        #hamburger-menu-wrapper .ul-level-1 > li.external, #hamburger-menu-wrapper .ul-level-2 > li.external, #hamburger-menu-wrapper .ul-level-3 > li.external {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        #hamburger-menu-wrapper .ul-level-1 > li > a, #hamburger-menu-wrapper .ul-level-2 > li > a, #hamburger-menu-wrapper .ul-level-3 > li > a {
          display: flex;
          align-items: center;
          min-height: 48px;
          padding-right: 32px;
          font-family: Outfit;
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 20px;
          color: #221F44; }
          #hamburger-menu-wrapper .ul-level-1 > li > a.f-fs, #hamburger-menu-wrapper .ul-level-2 > li > a.f-fs, #hamburger-menu-wrapper .ul-level-3 > li > a.f-fs {
            font-size: 9.12px; }
    #hamburger-menu-wrapper .ul-level-1 {
      padding: 0 24px;
      margin-top: 40px; }
      #hamburger-menu-wrapper .ul-level-1 > li.menu-separator {
        margin-bottom: 49px; }
        #hamburger-menu-wrapper .ul-level-1 > li.menu-separator:after {
          content: '';
          display: block;
          position: absolute;
          right: 0;
          bottom: -24px;
          left: 0;
          border-bottom: 1px solid #ECEAFA; }
      #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item {
        padding-left: 24px;
        margin-left: -24px;
        margin-right: -24px;
        background-position: calc(100% - 24px) calc(100% - 8px);
        background-color: #F7F7FC; }
        #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item.signout {
          background-image: none; }
          #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item.signout > a {
            opacity: 0.5; }
      #hamburger-menu-wrapper .ul-level-1 > li.lang-container {
        display: flex;
        padding-top: 24px;
        padding-bottom: 120px;
        background-image: none; }
        #hamburger-menu-wrapper .ul-level-1 > li.lang-container:hover {
          color: #E94034; }
        #hamburger-menu-wrapper .ul-level-1 > li.lang-container .c-unit-01 {
          border: 1px solid #221F44;
          padding: 10px 22px; }
          #hamburger-menu-wrapper .ul-level-1 > li.lang-container .c-unit-01 .c-unit-01-B {
            margin-left: 10px;
            margin-right: 10px; }
        #hamburger-menu-wrapper .ul-level-1 > li.lang-container .c-unit-02 {
          display: flex;
          flex-direction: column;
          margin-left: 8px; }
          #hamburger-menu-wrapper .ul-level-1 > li.lang-container .c-unit-02 .c-unit-02-B {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #76758F; }
            #hamburger-menu-wrapper .ul-level-1 > li.lang-container .c-unit-02 .c-unit-02-B.f-fs {
              font-size: 6.84px; }
    #hamburger-menu-wrapper .ul-level-2 {
      padding: 0 24px 0 64px; }
    #hamburger-menu-wrapper .ul-level-3 {
      padding: 0 24px 0 88px; }
    #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: none; }
      #hamburger-menu-wrapper .ul-level-2.on, #hamburger-menu-wrapper .ul-level-3.on {
        display: block; }
    #hamburger-menu-wrapper .main-menu-btn {
      display: flex;
      align-items: center;
      width: 100%;
      height: 56px;
      padding: 8px 0 8px 24px;
      background-color: #F7F7FC;
      font-family: Outfit;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
      #hamburger-menu-wrapper .main-menu-btn.f-fs {
        font-size: 9.12px; }
      #hamburger-menu-wrapper .main-menu-btn:before {
        content: '';
        display: flex;
        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%3Cpath%20d%3D%22M11.8714%2011.7803L14.3411%209.31066L13.2804%208.25L9.75007%2011.7803L13.2804%2015.3107L14.3411%2014.25L11.8714%2011.7803Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #hamburger-menu-wrapper .level-2-header, #hamburger-menu-wrapper .level-3-header {
      display: none;
      align-items: center;
      width: 100%;
      height: 48px;
      padding: 0 0 8px 48px;
      margin-top: -8px;
      background-color: #F7F7FC;
      font-family: Outfit;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
      #hamburger-menu-wrapper .level-2-header.f-fs, #hamburger-menu-wrapper .level-3-header.f-fs {
        font-size: 9.12px; }
      #hamburger-menu-wrapper .level-2-header:before, #hamburger-menu-wrapper .level-3-header:before {
        content: '';
        display: flex;
        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%3Cpath%20d%3D%22M11.8714%2011.7803L14.3411%209.31066L13.2804%208.25L9.75007%2011.7803L13.2804%2015.3107L14.3411%2014.25L11.8714%2011.7803Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #hamburger-menu-wrapper .level-3-header.on {
      display: flex; }
    #hamburger-menu-wrapper .level-2-screentitle, #hamburger-menu-wrapper .level-3-screentitle {
      display: none;
      height: 20px;
      margin: 24px 0 0 64px;
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #E94034; }
      #hamburger-menu-wrapper .level-2-screentitle.f-fs, #hamburger-menu-wrapper .level-3-screentitle.f-fs {
        font-size: 5.7px; }
      #hamburger-menu-wrapper .level-2-screentitle.on, #hamburger-menu-wrapper .level-3-screentitle.on {
        display: flex; }
    #hamburger-menu-wrapper .level-3-screentitle {
      margin-left: 88px; } }
@media all and (min-width: 768px) {
  #hamburger-menu-wrapper {
    display: none; }

  #hamburger-menu-wrapper {
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 448px;
    background-color: #fff;
    transform: translateX(100%); }
    #hamburger-menu-wrapper:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      display: flex;
      height: 96px;
      background-color: #fff;
      transition: background-color 0.7s; }
    #hamburger-menu-wrapper[data-screen='level2-on']:before, #hamburger-menu-wrapper[data-screen='level3-on']:before {
      background-color: #F7F7FC; }
    #hamburger-menu-wrapper #menu-content-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      height: 100%; }
    #hamburger-menu-wrapper #menu-animation-wrapper {
      display: flex;
      order: 2;
      flex-shrink: 0;
      justify-content: space-between;
      width: 300%;
      height: calc(100% - 96px);
      margin-top: 32px; }
    #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-bottom: 108px;
      overflow-x: hidden;
      overflow-y: auto; }
      #hamburger-menu-wrapper #menu-screen-1::-webkit-scrollbar,
      #hamburger-menu-wrapper #menu-screen-2::-webkit-scrollbar,
      #hamburger-menu-wrapper #menu-screen-3::-webkit-scrollbar {
        width: 7px; }
      #hamburger-menu-wrapper #menu-screen-1::-webkit-scrollbar-track,
      #hamburger-menu-wrapper #menu-screen-2::-webkit-scrollbar-track,
      #hamburger-menu-wrapper #menu-screen-3::-webkit-scrollbar-track {
        background: #f5f5f5; }
      #hamburger-menu-wrapper #menu-screen-1::-webkit-scrollbar-thumb,
      #hamburger-menu-wrapper #menu-screen-2::-webkit-scrollbar-thumb,
      #hamburger-menu-wrapper #menu-screen-3::-webkit-scrollbar-thumb {
        background: #ccc; }
      #hamburger-menu-wrapper #menu-screen-1::-webkit-scrollbar-thumb:hover,
      #hamburger-menu-wrapper #menu-screen-2::-webkit-scrollbar-thumb:hover,
      #hamburger-menu-wrapper #menu-screen-3::-webkit-scrollbar-thumb:hover {
        background: #aaa; }
    #hamburger-menu-wrapper #menu-screen-1 {
      justify-content: space-between;
      background-color: #F7F7FC; }
    #hamburger-menu-wrapper #site-logo-menu {
      display: flex;
      order: 0;
      width: 32px;
      height: 32px;
      margin: 32px 0 0 24px; }
      #hamburger-menu-wrapper #site-logo-menu .logo-icon {
        display: block; }
      #hamburger-menu-wrapper #site-logo-menu .logo-dark, #hamburger-menu-wrapper #site-logo-menu .logo-light {
        display: none; }
    #hamburger-menu-wrapper #close-button-menu {
      display: flex;
      order: 1;
      width: 24px;
      height: 24px;
      margin: 36px 24px 0 0; }
    #hamburger-menu-wrapper #menu-primary {
      display: flex;
      width: 100%; }
      #hamburger-menu-wrapper #menu-primary #submenu-animation-wrapper {
        width: 100%; }
    #hamburger-menu-wrapper .ul-level-1, #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: block;
      width: 100%; }
      #hamburger-menu-wrapper .ul-level-1 > li, #hamburger-menu-wrapper .ul-level-2 > li, #hamburger-menu-wrapper .ul-level-3 > li {
        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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20");
        background-position: right center;
        background-repeat: no-repeat; }
        #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-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%22M9%207.06066L10.0607%206L16.3713%2012.3107L10.0607%2018.6213L9%2017.5607L14.25%2012.3107L9%207.06066Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        #hamburger-menu-wrapper .ul-level-1 > li.external, #hamburger-menu-wrapper .ul-level-2 > li.external, #hamburger-menu-wrapper .ul-level-3 > li.external {
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        #hamburger-menu-wrapper .ul-level-1 > li.signout, #hamburger-menu-wrapper .ul-level-2 > li.signout, #hamburger-menu-wrapper .ul-level-3 > li.signout {
          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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23221F44%22%20opacity%3D%220.3%22%2F%3E%20%3C%2Fsvg%3E%20"); }
        #hamburger-menu-wrapper .ul-level-1 > li.menu-separator, #hamburger-menu-wrapper .ul-level-2 > li.menu-separator, #hamburger-menu-wrapper .ul-level-3 > li.menu-separator {
          margin-bottom: 49px; }
          #hamburger-menu-wrapper .ul-level-1 > li.menu-separator:after, #hamburger-menu-wrapper .ul-level-2 > li.menu-separator:after, #hamburger-menu-wrapper .ul-level-3 > li.menu-separator:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            bottom: -24px;
            left: 0;
            border-bottom: 1px solid #ECEAFA; }
        #hamburger-menu-wrapper .ul-level-1 > li.menu-double-separator, #hamburger-menu-wrapper .ul-level-2 > li.menu-double-separator, #hamburger-menu-wrapper .ul-level-3 > li.menu-double-separator {
          margin-top: 16px; }
          #hamburger-menu-wrapper .ul-level-1 > li.menu-double-separator:before, #hamburger-menu-wrapper .ul-level-1 > li.menu-double-separator:after, #hamburger-menu-wrapper .ul-level-2 > li.menu-double-separator:before, #hamburger-menu-wrapper .ul-level-2 > li.menu-double-separator:after, #hamburger-menu-wrapper .ul-level-3 > li.menu-double-separator:before, #hamburger-menu-wrapper .ul-level-3 > li.menu-double-separator:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            left: 0;
            border-bottom: 1px solid #ECEAFA; }
          #hamburger-menu-wrapper .ul-level-1 > li.menu-double-separator:before, #hamburger-menu-wrapper .ul-level-2 > li.menu-double-separator:before, #hamburger-menu-wrapper .ul-level-3 > li.menu-double-separator:before {
            top: -8px; }
          #hamburger-menu-wrapper .ul-level-1 > li.menu-double-separator:after, #hamburger-menu-wrapper .ul-level-2 > li.menu-double-separator:after, #hamburger-menu-wrapper .ul-level-3 > li.menu-double-separator:after {
            bottom: -8px; }
        #hamburger-menu-wrapper .ul-level-1 > li > a, #hamburger-menu-wrapper .ul-level-2 > li > a, #hamburger-menu-wrapper .ul-level-3 > li > a {
          display: flex;
          align-items: center;
          min-height: 48px;
          padding-right: 32px;
          font-family: Outfit;
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 20px;
          color: #221F44;
          transition: color 0.3s; }
          #hamburger-menu-wrapper .ul-level-1 > li > a.f-fs, #hamburger-menu-wrapper .ul-level-2 > li > a.f-fs, #hamburger-menu-wrapper .ul-level-3 > li > a.f-fs {
            font-size: 9.12px; }
        #hamburger-menu-wrapper .ul-level-1 > li:not(.lang-container):hover, #hamburger-menu-wrapper .ul-level-2 > li:not(.lang-container):hover, #hamburger-menu-wrapper .ul-level-3 > li:not(.lang-container):hover {
          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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1893%2018.3107L12.1287%2017.25L16.6287%2012.75H6V11.25H16.6287L12.1287%206.74999L13.1893%205.68933L19.5%2012L13.1893%2018.3107Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          #hamburger-menu-wrapper .ul-level-1 > li:not(.lang-container):hover.hasSubmenu, #hamburger-menu-wrapper .ul-level-2 > li:not(.lang-container):hover.hasSubmenu, #hamburger-menu-wrapper .ul-level-3 > li:not(.lang-container):hover.hasSubmenu {
            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%22M9%207.06066L10.0607%206L16.3713%2012.3107L10.0607%2018.6213L9%2017.5607L14.25%2012.3107L9%207.06066Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E%20"); }
          #hamburger-menu-wrapper .ul-level-1 > li:not(.lang-container):hover.external, #hamburger-menu-wrapper .ul-level-2 > li:not(.lang-container):hover.external, #hamburger-menu-wrapper .ul-level-3 > li:not(.lang-container):hover.external {
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.5%206V8H23.0858L17.0858%2014L18.5%2015.4142L24.5%209.41421V13H26.5V6H19.5ZM22.5%2024V16H24.5V26H6.5V8H16.5V10H8.5V24H22.5Z%22%20fill%3D%22%23E94034%22%2F%3E%20%3C%2Fsvg%3E"); }
          #hamburger-menu-wrapper .ul-level-1 > li:not(.lang-container):hover > a, #hamburger-menu-wrapper .ul-level-2 > li:not(.lang-container):hover > a, #hamburger-menu-wrapper .ul-level-3 > li:not(.lang-container):hover > a {
            color: #E94034; }
    #hamburger-menu-wrapper .ul-level-1 {
      background-color: #fff; }
      #hamburger-menu-wrapper .ul-level-1 > li {
        padding-right: 24px;
        padding-left: 24px;
        background-position: calc(100% - 24px) center; }
        #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item {
          background-position: calc(100% - 24px) calc(100% - 8px);
          background-color: #F7F7FC; }
          #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item > a {
            min-height: 40px;
            font-weight: normal;
            font-size: 14px;
            line-height: 18px; }
            #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item > a.f-fs {
              font-size: 7.98px; }
          #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item.signout {
            background-image: none; }
            #hamburger-menu-wrapper .ul-level-1 > li.bottom-menu-item.signout > a {
              opacity: 0.5; }
        #hamburger-menu-wrapper .ul-level-1 > li.lang-container {
          padding-top: 24px;
          background-image: none; }
          #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-unit-01 {
            border: 1px solid #221F44;
            width: fit-content;
            padding: 10px 22px; }
            #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-unit-01 > .c-unit-01-C {
              margin-right: 6px;
              width: 20px;
              height: 20px; }
            #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-unit-01 .c-unit-01-D {
              margin-left: 10px; }
          #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-item-01 {
            padding: 0;
            width: fit-content;
            background-color: transparent; }
            #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-item-01:hover {
              color: #E94034; }
            #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-item-01 .c-unit-01 {
              width: 40px;
              height: 40px;
              border-radius: 50%;
              background-color: #FFF;
              display: flex;
              justify-content: center;
              align-items: center; }
            #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-item-01 .c-unit-02 {
              display: flex;
              flex-direction: column;
              margin-left: 8px; }
              #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-item-01 .c-unit-02 .c-unit-02-B {
                font-weight: 400;
                font-size: 12px;
                line-height: 16px;
                color: #76758F; }
                #hamburger-menu-wrapper .ul-level-1 > li.lang-container > .c-item-01 .c-unit-02 .c-unit-02-B.f-fs {
                  font-size: 6.84px; }
    #hamburger-menu-wrapper .ul-level-2 {
      padding: 0 24px 0 64px; }
    #hamburger-menu-wrapper .ul-level-3 {
      padding: 0 24px 0 88px; }
    #hamburger-menu-wrapper .ul-level-2, #hamburger-menu-wrapper .ul-level-3 {
      display: none; }
      #hamburger-menu-wrapper .ul-level-2.on, #hamburger-menu-wrapper .ul-level-3.on {
        display: block; }
        #hamburger-menu-wrapper .ul-level-2.on li a, #hamburger-menu-wrapper .ul-level-3.on li a {
          padding: 8px 0; }
        #hamburger-menu-wrapper .ul-level-2.on li:last-child, #hamburger-menu-wrapper .ul-level-3.on li:last-child {
          border-top: 1px solid #ECEAFA;
          border-bottom: 1px solid #ECEAFA; }
        #hamburger-menu-wrapper .ul-level-2.on li.hasSubmenu, #hamburger-menu-wrapper .ul-level-3.on li.hasSubmenu {
          border-top: 0 !important; }
          #hamburger-menu-wrapper .ul-level-2.on li.hasSubmenu > a, #hamburger-menu-wrapper .ul-level-3.on li.hasSubmenu > a {
            padding: 0 !important; }
          #hamburger-menu-wrapper .ul-level-2.on li.hasSubmenu:last-child, #hamburger-menu-wrapper .ul-level-3.on li.hasSubmenu:last-child {
            border-bottom: 0 !important; }
    #hamburger-menu-wrapper .main-menu-btn {
      display: flex;
      align-items: center;
      width: 100%;
      height: 56px;
      padding: 8px 0 8px 24px;
      background-color: #F7F7FC;
      font-family: Outfit;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
      #hamburger-menu-wrapper .main-menu-btn.f-fs {
        font-size: 9.12px; }
      #hamburger-menu-wrapper .main-menu-btn:before {
        content: '';
        display: flex;
        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%3Cpath%20d%3D%22M11.8714%2011.7803L14.3411%209.31066L13.2804%208.25L9.75007%2011.7803L13.2804%2015.3107L14.3411%2014.25L11.8714%2011.7803Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #hamburger-menu-wrapper .level-2-header, #hamburger-menu-wrapper .level-3-header {
      display: none;
      align-items: center;
      width: 100%;
      height: 48px;
      padding: 0 0 8px 48px;
      margin-top: -8px;
      background-color: #F7F7FC;
      font-family: Outfit;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
      color: #221F44; }
      #hamburger-menu-wrapper .level-2-header.f-fs, #hamburger-menu-wrapper .level-3-header.f-fs {
        font-size: 9.12px; }
      #hamburger-menu-wrapper .level-2-header:before, #hamburger-menu-wrapper .level-3-header:before {
        content: '';
        display: flex;
        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%3Cpath%20d%3D%22M11.8714%2011.7803L14.3411%209.31066L13.2804%208.25L9.75007%2011.7803L13.2804%2015.3107L14.3411%2014.25L11.8714%2011.7803Z%22%20fill%3D%22%23221F44%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #hamburger-menu-wrapper .level-3-header.on {
      display: flex; }
    #hamburger-menu-wrapper .level-2-screentitle, #hamburger-menu-wrapper .level-3-screentitle {
      display: none;
      margin: 24px 0 24px 64px;
      font-family: Outfit;
      font-style: normal;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #E94034; }
      #hamburger-menu-wrapper .level-2-screentitle.f-fs, #hamburger-menu-wrapper .level-3-screentitle.f-fs {
        font-size: 5.7px; }
      #hamburger-menu-wrapper .level-2-screentitle.on, #hamburger-menu-wrapper .level-3-screentitle.on {
        display: flex; }
    #hamburger-menu-wrapper .level-3-screentitle {
      margin-left: 88px; } }
button {
  font-family: 'Outfit'; }

[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; }

.f-dropmenu-sender {
  z-index: 120; }

.f-dropmenu {
  position: absolute;
  z-index: 203; }
  .f-dropmenu.f-dropmenu-fade {
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    -o-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    transition: opacity 0.2s 0s, visibility 0s 0.2s; }
    .f-dropmenu.f-dropmenu-fade.on {
      opacity: 1;
      visibility: visible;
      -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
      -o-transition: opacity 0.2s 0s, visibility 0s 0s;
      -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
      transition: opacity 0.2s 0s, visibility 0s 0s; }

.f-dropmenu-overlay {
  background-color: rgba(76, 255, 0, 0) !important; }

@media all and (max-width: 767px) {
  [data-mf-type="01"] {
    padding: 24px 0 64px 0;
    background: #4E4C69; }
    [data-mf-type="01"] .c-wrapper {
      width: 100%;
      padding-left: 24px; }
      [data-mf-type="01"] .c-wrapper .mf-item-01 {
        display: flex;
        margin-bottom: 32px; }
        [data-mf-type="01"] .c-wrapper .mf-item-01 span {
          width: 60px;
          height: 20px;
          background: #F3F3F8; }
          [data-mf-type="01"] .c-wrapper .mf-item-01 span:not(:last-child) {
            margin-right: 8px; }
      [data-mf-type="01"] .c-wrapper .mf-item-02 {
        display: flex;
        align-items: center; }
        [data-mf-type="01"] .c-wrapper .mf-item-02 .mf-item-02-A {
          width: 270px;
          margin-right: 24px;
          height: 344px;
          background: #F3F3F8; }
        [data-mf-type="01"] .c-wrapper .mf-item-02 .mf-item-02-B {
          width: calc(100% - 294px);
          height: 296px;
          background: #F3F3F8; }
        [data-mf-type="01"] .c-wrapper .mf-item-02 .mf-item-02-C {
          display: none; }

  [data-mf-type="02"] {
    padding: 48px 0 48px 0; }
    [data-mf-type="02"] .c-wrapper .mf-item-01 {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      margin-bottom: 32px; }
      [data-mf-type="02"] .c-wrapper .mf-item-01 .mf-item-02-A {
        display: none; }
      [data-mf-type="02"] .c-wrapper .mf-item-01 .mf-item-02-B {
        width: 200px;
        height: 8px;
        margin-bottom: 8px;
        background: #F3F3F8; }
      [data-mf-type="02"] .c-wrapper .mf-item-01 .mf-item-02-C {
        width: 160px;
        height: 8px;
        background: #F3F3F8; }
    [data-mf-type="02"] .c-wrapper .mf-item-02 {
      display: flex; }
      [data-mf-type="02"] .c-wrapper .mf-item-02 span {
        width: 152px;
        height: 152px;
        background: #F3F3F8; }
        [data-mf-type="02"] .c-wrapper .mf-item-02 span:first-child {
          margin-right: 8px; }
        [data-mf-type="02"] .c-wrapper .mf-item-02 span:nth-child(6n+2), [data-mf-type="02"] .c-wrapper .mf-item-02 span:nth-child(6n+3), [data-mf-type="02"] .c-wrapper .mf-item-02 span:nth-child(6n+4), [data-mf-type="02"] .c-wrapper .mf-item-02 span:nth-child(6n+5) {
          display: none; }

  [data-mf-type="03"] {
    padding: 24px 0 48px 0; }
    [data-mf-type="03"] .mf-item-01 {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      margin-bottom: 32px; }
      [data-mf-type="03"] .mf-item-01 .mf-item-02-A {
        width: 200px;
        height: 8px;
        margin-bottom: 8px;
        background: #F3F3F8; }
      [data-mf-type="03"] .mf-item-01 .mf-item-02-B {
        width: 160px;
        height: 8px;
        background: #F3F3F8; }
    [data-mf-type="03"] .mf-item-02 {
      display: flex; }
      [data-mf-type="03"] .mf-item-02 span {
        width: 152px;
        height: 152px;
        background: #F3F3F8; }
        [data-mf-type="03"] .mf-item-02 span:first-child {
          margin-right: 8px; }
        [data-mf-type="03"] .mf-item-02 span:nth-child(4n+2), [data-mf-type="03"] .mf-item-02 span:nth-child(4n+3) {
          display: none; }

  [data-mf-type="07"],
  [data-mf-type="04"] {
    padding: 48px 0 48px 0; }
    [data-mf-type="07"] .c-wrapper .mf-item-01,
    [data-mf-type="04"] .c-wrapper .mf-item-01 {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      margin-bottom: 32px; }
      [data-mf-type="07"] .c-wrapper .mf-item-01 .mf-item-02-A,
      [data-mf-type="04"] .c-wrapper .mf-item-01 .mf-item-02-A {
        display: none; }
      [data-mf-type="07"] .c-wrapper .mf-item-01 .mf-item-02-B,
      [data-mf-type="04"] .c-wrapper .mf-item-01 .mf-item-02-B {
        width: 200px;
        height: 8px;
        margin-bottom: 8px;
        background: #F3F3F8; }
      [data-mf-type="07"] .c-wrapper .mf-item-01 .mf-item-02-C,
      [data-mf-type="04"] .c-wrapper .mf-item-01 .mf-item-02-C {
        width: 160px;
        height: 8px;
        background: #F3F3F8; }
    [data-mf-type="07"] .c-wrapper .mf-item-02,
    [data-mf-type="04"] .c-wrapper .mf-item-02 {
      width: 100%;
      height: 152px;
      background: #F3F3F8; }

  [data-mf-type="05"],
  [data-mf-type="06"] {
    padding: 40px 0 176px 0;
    background: #F3F3F8; }
    [data-mf-type="05"] .c-wrapper .mf-item-01,
    [data-mf-type="06"] .c-wrapper .mf-item-01 {
      width: 240px;
      height: 16px;
      margin-bottom: 8px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-02,
    [data-mf-type="06"] .c-wrapper .mf-item-02 {
      width: 200px;
      height: 16px;
      margin-bottom: 24px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-03,
    [data-mf-type="06"] .c-wrapper .mf-item-03 {
      width: 200px;
      height: 8px;
      margin-bottom: 8px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-04,
    [data-mf-type="06"] .c-wrapper .mf-item-04 {
      width: 160px;
      height: 8px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-05,
    [data-mf-type="06"] .c-wrapper .mf-item-05 {
      display: none; } }
@media all and (min-width: 768px) {
  [data-mf-type="01"] {
    padding: 102px 0 160px 0; }
    [data-mf-type="01"] .c-wrapper .mf-item-01 {
      display: flex;
      justify-content: center;
      margin-bottom: 80px; }
      [data-mf-type="01"] .c-wrapper .mf-item-01 span {
        width: 120px;
        height: 20px;
        background: #F3F3F8; }
        [data-mf-type="01"] .c-wrapper .mf-item-01 span:not(:last-child) {
          margin-right: 16px; }
    [data-mf-type="01"] .c-wrapper .mf-item-02 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      [data-mf-type="01"] .c-wrapper .mf-item-02 .mf-item-02-A {
        width: 300px;
        height: 280px;
        background: #F3F3F8; }
      [data-mf-type="01"] .c-wrapper .mf-item-02 .mf-item-02-B {
        width: 500px;
        height: 320px;
        background: #F3F3F8; }
      [data-mf-type="01"] .c-wrapper .mf-item-02 .mf-item-02-C {
        width: 300px;
        height: 280px;
        background: #F3F3F8; }

  [data-mf-type="02"] {
    padding: 80px 0 160px 0; }
    [data-mf-type="02"] .c-wrapper .mf-item-01 {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-bottom: 80px; }
      [data-mf-type="02"] .c-wrapper .mf-item-01 .mf-item-02-A {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-bottom: 48px;
        background: #F3F3F8; }
      [data-mf-type="02"] .c-wrapper .mf-item-01 .mf-item-02-B {
        width: 440px;
        height: 10px;
        margin-bottom: 12px;
        background: #F3F3F8; }
      [data-mf-type="02"] .c-wrapper .mf-item-01 .mf-item-02-C {
        width: 360px;
        height: 10px;
        background: #F3F3F8; }
    [data-mf-type="02"] .c-wrapper .mf-item-02 {
      display: flex;
      justify-content: space-between; }
      [data-mf-type="02"] .c-wrapper .mf-item-02 span {
        width: 192px;
        height: 300px;
        background: #F3F3F8; }
        [data-mf-type="02"] .c-wrapper .mf-item-02 span:not(:last-child) {
          margin-right: 24px; }

  [data-mf-type="03"] {
    padding: 80px 0 160px 0; }
    [data-mf-type="03"] .mf-item-01 {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-bottom: 80px; }
      [data-mf-type="03"] .mf-item-01 .mf-item-02-A {
        width: 440px;
        height: 10px;
        margin-bottom: 12px;
        background: #F3F3F8; }
      [data-mf-type="03"] .mf-item-01 .mf-item-02-B {
        width: 360px;
        height: 10px;
        background: #F3F3F8; }
    [data-mf-type="03"] .mf-item-02 {
      display: flex;
      justify-content: space-between; }
      [data-mf-type="03"] .mf-item-02 span {
        width: 300px;
        height: 300px;
        background: #F3F3F8; }
        [data-mf-type="03"] .mf-item-02 span:not(:last-child) {
          margin-right: 24px; }

  [data-mf-type="07"],
  [data-mf-type="04"] {
    padding: 80px 0 160px 0; }
    [data-mf-type="07"] .c-wrapper .mf-item-01,
    [data-mf-type="04"] .c-wrapper .mf-item-01 {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-bottom: 80px; }
      [data-mf-type="07"] .c-wrapper .mf-item-01 .mf-item-02-A,
      [data-mf-type="04"] .c-wrapper .mf-item-01 .mf-item-02-A {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-bottom: 48px;
        background: #F3F3F8; }
      [data-mf-type="07"] .c-wrapper .mf-item-01 .mf-item-02-B,
      [data-mf-type="04"] .c-wrapper .mf-item-01 .mf-item-02-B {
        width: 440px;
        height: 10px;
        margin-bottom: 12px;
        background: #F3F3F8; }
      [data-mf-type="07"] .c-wrapper .mf-item-01 .mf-item-02-C,
      [data-mf-type="04"] .c-wrapper .mf-item-01 .mf-item-02-C {
        width: 360px;
        height: 10px;
        background: #F3F3F8; }
    [data-mf-type="07"] .c-wrapper .mf-item-02,
    [data-mf-type="04"] .c-wrapper .mf-item-02 {
      background: #F3F3F8;
      width: 100%;
      height: 300px; }

  [data-mf-type="05"] {
    padding: 120px 0 234px 0;
    background: #F3F3F8; }
    [data-mf-type="05"] .c-wrapper .mf-item-01 {
      width: 440px;
      height: 34px;
      margin-bottom: 12px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-02 {
      width: 320px;
      height: 34px;
      margin-bottom: 40px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-03 {
      width: 440px;
      height: 10px;
      margin-bottom: 12px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-04 {
      width: 320px;
      height: 10px;
      margin-bottom: 12px;
      background: #FFFFFF; }
    [data-mf-type="05"] .c-wrapper .mf-item-05 {
      width: 360px;
      height: 10px;
      background: #FFFFFF; }

  [data-mf-type="06"] {
    padding: 120px 0 234px 0;
    background: #F3F3F8; }
    [data-mf-type="06"] .c-wrapper {
      display: flex;
      justify-content: flex-end; }
    [data-mf-type="06"] .mf-item {
      width: 50%; }
      [data-mf-type="06"] .mf-item .mf-item-01 {
        width: 440px;
        height: 34px;
        margin-bottom: 12px;
        background: #FFFFFF; }
      [data-mf-type="06"] .mf-item .mf-item-02 {
        width: 320px;
        height: 34px;
        margin-bottom: 40px;
        background: #FFFFFF; }
      [data-mf-type="06"] .mf-item .mf-item-03 {
        width: 440px;
        height: 10px;
        margin-bottom: 12px;
        background: #FFFFFF; }
      [data-mf-type="06"] .mf-item .mf-item-04 {
        width: 320px;
        height: 10px;
        margin-bottom: 12px;
        background: #FFFFFF; }
      [data-mf-type="06"] .mf-item .mf-item-05 {
        width: 360px;
        height: 10px;
        background: #FFFFFF; } }
[data-modal-section='content'] {
  display: none; }

#modal-wrapper.type-mdl {
  position: fixed;
  z-index: 1051;
  visibility: hidden;
  background-color: #fff;
  opacity: 0; }
  #modal-wrapper.type-mdl.dir-fade.size-xlg {
    -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.dir-fade.size-lg {
    -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.dir-fade.size-sm {
    -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.dir-fade.size-sm2 {
    -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.dir-fade.size-sm3 {
    -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.dir-fade.size-sm4 {
    -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.dir-fade.size-xs {
    -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;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16); }
  #modal-wrapper.type-mdl.dir-fade.size-xs1 {
    -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;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16); }
  #modal-wrapper.type-mdl.dir-fade.size-fullscreen {
    -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;
    box-shadow: 0px 6px 16px -4px rgba(34, 31, 68, 0.16); }
  #modal-wrapper.type-mdl #modal-content {
    display: flex;
    height: 100%;
    flex-direction: column; }
  #modal-wrapper.type-mdl #modal-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  #modal-wrapper.type-mdl #modal-body {
    flex: 1;
    overflow-y: auto;
    display: flex; }
  #modal-wrapper.type-mdl #modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #modal-wrapper.type-mdl #modal-footer.footer-01 {
      justify-content: center !important; }
    #modal-wrapper.type-mdl #modal-footer .lnkBtnModalPrimary, #modal-wrapper.type-mdl #modal-footer .lnkBtnModalSecondary, #modal-wrapper.type-mdl #modal-footer .lnkBtnModalTertiary {
      display: flex;
      justify-content: center;
      align-items: center; }
  #modal-wrapper.type-mdl #modal-close {
    position: absolute;
    top: 10px !important;
    right: 10px !important;
    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%22M18%207.05L16.95%206L12%2010.95L7.05%206L6%207.05L10.95%2012L6%2016.95L7.05%2018L12%2013.05L16.95%2018L18%2016.95L13.05%2012L18%207.05Z%22%20fill%3D%22%23232941%22%2F%3E%20%3C%2Fsvg%3E%20");
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    -moz-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    -o-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    -webkit-transition: transform 0.25s ease, opacity 0.3s 0.2s;
    transition: transform 0.25s ease, opacity 0.3s 0.2s; }
    #modal-wrapper.type-mdl #modal-close:hover {
      -webkit-transform: scale(1.04);
      -moz-transform: scale(1.04);
      -ms-transform: scale(1.04);
      -o-transform: scale(1.04);
      transform: scale(1.04); }
  #modal-wrapper.type-mdl.on {
    visibility: visible; }
    #modal-wrapper.type-mdl.on.dir-fade.size-xlg {
      opacity: 1;
      -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-mdl.on.dir-fade.size-lg {
      opacity: 1;
      -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-mdl.on.dir-fade.size-sm {
      opacity: 1;
      -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-mdl.on.dir-fade.size-sm2 {
      opacity: 1;
      -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-mdl.on.dir-fade.size-sm3 {
      opacity: 1;
      -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-mdl.on.dir-fade.size-sm4 {
      opacity: 1;
      -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-mdl.on.dir-fade.size-xs {
      opacity: 1;
      -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-mdl.on.dir-fade.size-xs1 {
      opacity: 1;
      -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-mdl.on.dir-fade.size-fullscreen {
      opacity: 1;
      -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-mdl.on.dir-fade.size-xsb {
      opacity: 1;
      -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-mdl.on #modal-close {
      opacity: 1;
      -moz-transition: transform 0.25s ease, opacity 0.3s 0s;
      -o-transition: transform 0.25s ease, opacity 0.3s 0s;
      -webkit-transition: transform 0.25s ease, opacity 0.3s 0s;
      transition: transform 0.25s ease, opacity 0.3s 0s; }

@media all and (max-width: 767px) {
  #modal-wrapper.type-mdl.size-lg.dir-530 {
    top: calc(50% - 250px);
    left: 20px;
    width: calc(100% - 40px);
    height: 500px; } }
@media all and (max-width: 419px) {
  #modal-wrapper.type-mdl.size-lg {
    top: 0;
    left: 0;
    width: 100%;
    height: 50%; }
    #modal-wrapper.type-mdl.size-lg.dir-530 {
      top: calc(50% - 250px);
      left: 20px;
      width: calc(100% - 40px);
      height: 500px; }
    #modal-wrapper.type-mdl.size-lg.dir-custom-payment {
      top: 5%;
      left: 0;
      height: 90%; }
  #modal-wrapper.type-mdl.size-xlg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #modal-wrapper.type-mdl.dir-fullwidth {
    height: 100vh; }
  #modal-wrapper.type-mdl.size-sm {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #modal-wrapper.type-mdl.size-sm.sizeVersion-sm01 {
      top: calc(50% - 182px);
      left: calc(50% - 156px);
      width: 312px;
      height: 364px; }
  #modal-wrapper.type-mdl.size-sm2 {
    top: calc(50% - 218px);
    left: calc(50% - 156px);
    width: 312px;
    height: 436px; }
  #modal-wrapper.type-mdl.size-sm3 {
    top: calc(50% - 188px);
    left: calc(50% - 156px);
    width: 312px;
    height: 376px; }
  #modal-wrapper.type-mdl.size-sm4 {
    top: calc(50% - 265px);
    left: calc(50% - 156px);
    width: 312px;
    height: 530px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 176px);
    left: calc(50% - 156px);
    width: 312px;
    height: 352px; }
  #modal-wrapper.type-mdl.size-xs1 {
    top: calc(50% - 216px);
    left: calc(50% - 156px);
    width: 312px;
    height: 432px; }
  #modal-wrapper.type-mdl.size-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #modal-wrapper.type-mdl.size-xsb {
    bottom: 0;
    left: 0;
    width: 100%;
    height: min-content; } }
@media all and (min-width: 420px) and (max-width: 767px) {
  #modal-wrapper.type-mdl.size-lg {
    top: 0;
    left: 0;
    width: 100%;
    height: 50%; }
    #modal-wrapper.type-mdl.size-lg.dir-custom-payment {
      top: 5%;
      left: 0;
      height: 90%; }
  #modal-wrapper.type-mdl.size-xlg {
    top: 0;
    left: 0;
    width: 100%;
    height: 50%; }
  #modal-wrapper.type-mdl.size-sm {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #modal-wrapper.type-mdl.size-sm.sizeVersion-sm01 {
      top: calc(50% - 182px);
      left: calc(50% - 156px);
      width: 312px;
      height: 364px; }
  #modal-wrapper.type-mdl.size-sm2 {
    top: calc(50% - 218px);
    left: calc(50% - 156px);
    width: 312px;
    height: 436px; }
  #modal-wrapper.type-mdl.size-sm3 {
    top: calc(50% - 188px);
    left: calc(50% - 156px);
    width: 312px;
    height: 376px; }
  #modal-wrapper.type-mdl.size-sm4 {
    top: calc(50% - 265px);
    left: calc(50% - 156px);
    width: 312px;
    height: 530px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 176px);
    left: calc(50% - 156px);
    width: 312px;
    height: 352px; }
  #modal-wrapper.type-mdl.size-xs1 {
    top: calc(50% - 216px);
    left: calc(50% - 156px);
    width: 312px;
    height: 432px; }
  #modal-wrapper.type-mdl.size-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #modal-wrapper.type-mdl.size-xsb {
    bottom: 0;
    left: 0;
    width: 100%;
    height: min-content; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px; }
    #modal-wrapper.type-mdl.size-lg.dir-custom-payment {
      height: 720px;
      top: 50%;
      transform: translateY(-50%);
      max-height: 90%; }
  #modal-wrapper.type-mdl.size-xlg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
    #modal-wrapper.type-mdl.size-sm.sizeVersion-sm01 {
      top: 96px;
      left: calc(50% - 200px);
      width: 400px;
      height: 368px; }
  #modal-wrapper.type-mdl.size-sm2 {
    top: calc(50% - 234px);
    left: calc(50% - 200px);
    width: 400px;
    height: 468px; }
  #modal-wrapper.type-mdl.size-sm3 {
    top: calc(50% - 188px);
    left: calc(50% - 200px);
    width: 400px;
    height: 376px; }
  #modal-wrapper.type-mdl.size-sm4 {
    top: calc(50% - 265px);
    left: calc(50% - 200px);
    width: 400px;
    height: 530px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 176px);
    left: calc(50% - 156px);
    width: 312px;
    height: 352px; }
  #modal-wrapper.type-mdl.size-xs1 {
    top: calc(50% - 216px);
    left: calc(50% - 156px);
    width: 312px;
    height: 432px; }
  #modal-wrapper.type-mdl.size-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px; }
    #modal-wrapper.type-mdl.size-lg.dir-custom-payment {
      height: 720px;
      top: 50%;
      transform: translateY(-50%);
      max-height: 90%; }
  #modal-wrapper.type-mdl.size-xlg {
    top: calc(50% - 175px);
    left: calc(50% - 310px);
    width: 620px;
    height: 350px; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
    #modal-wrapper.type-mdl.size-sm.sizeVersion-sm01 {
      top: 96px;
      left: calc(50% - 200px);
      width: 400px;
      height: 368px; }
  #modal-wrapper.type-mdl.size-sm2 {
    top: calc(50% - 234px);
    left: calc(50% - 200px);
    width: 400px;
    height: 468px; }
  #modal-wrapper.type-mdl.size-sm3 {
    top: calc(50% - 234px);
    left: calc(50% - 200px);
    width: 400px;
    height: 468px; }
  #modal-wrapper.type-mdl.size-sm4 {
    top: calc(50% - 265px);
    left: calc(50% - 200px);
    width: 400px;
    height: 530px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 176px);
    left: calc(50% - 156px);
    width: 312px;
    height: 352px; }
  #modal-wrapper.type-mdl.size-xs1 {
    top: calc(50% - 216px);
    left: calc(50% - 156px);
    width: 312px;
    height: 432px; }
  #modal-wrapper.type-mdl.size-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 225px);
    left: calc(50% - 400px);
    width: 800px;
    height: 450px; }
    #modal-wrapper.type-mdl.size-lg.dir-custom-payment {
      height: 720px;
      top: 50%;
      transform: translateY(-50%);
      max-height: 90%; }
  #modal-wrapper.type-mdl.size-xlg {
    top: calc(50% - 225px);
    left: calc(50% - 400px);
    width: 800px;
    height: 450px; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
    #modal-wrapper.type-mdl.size-sm.sizeVersion-sm01 {
      top: 96px;
      left: calc(50% - 200px);
      width: 400px;
      height: 368px; }
  #modal-wrapper.type-mdl.size-sm2 {
    top: calc(50% - 234px);
    left: calc(50% - 200px);
    width: 400px;
    height: 468px; }
  #modal-wrapper.type-mdl.size-sm3 {
    top: calc(50% - 188px);
    left: calc(50% - 200px);
    width: 400px;
    height: 376px; }
  #modal-wrapper.type-mdl.size-sm4 {
    top: calc(50% - 343.5px);
    left: calc(50% - 320px);
    width: 640px;
    height: 687px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 176px);
    left: calc(50% - 156px);
    width: 312px;
    height: 352px; }
  #modal-wrapper.type-mdl.size-xs1 {
    top: calc(50% - 216px);
    left: calc(50% - 156px);
    width: 312px;
    height: 432px; }
  #modal-wrapper.type-mdl.size-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
@media all and (min-width: 1680px) {
  #modal-wrapper.type-mdl.size-xlg {
    top: calc(50% - 310px);
    left: calc(50% - 480px);
    width: 960px;
    height: 620px; }
  #modal-wrapper.type-mdl.size-lg {
    top: calc(50% - 225px);
    left: calc(50% - 400px);
    width: 800px;
    height: 450px; }
    #modal-wrapper.type-mdl.size-lg.dir-custom-payment {
      height: 720px;
      top: 50%;
      transform: translateY(-50%);
      max-height: 90%; }
    #modal-wrapper.type-mdl.size-lg.dir-530 {
      top: calc(50% - 250px);
      left: calc(50% - 265px);
      width: 530px !important;
      height: 500px; }
  #modal-wrapper.type-mdl.size-sm {
    top: calc(50% - 305px);
    left: calc(50% - 224px);
    width: 448px;
    height: 610px; }
    #modal-wrapper.type-mdl.size-sm.sizeVersion-sm01 {
      top: 96px;
      left: calc(50% - 200px);
      width: 400px;
      height: 368px; }
  #modal-wrapper.type-mdl.size-sm2 {
    top: calc(50% - 234px);
    left: calc(50% - 200px);
    width: 400px;
    height: 468px; }
  #modal-wrapper.type-mdl.size-sm3 {
    top: calc(50% - 198px);
    left: calc(50% - 200px);
    width: 400px;
    height: 396px; }
  #modal-wrapper.type-mdl.size-sm4 {
    top: calc(50% - 343.5px);
    left: calc(50% - 320px);
    width: 640px;
    height: 687px; }
  #modal-wrapper.type-mdl.size-xs {
    top: calc(50% - 176px);
    left: calc(50% - 156px);
    width: 312px;
    height: 352px; }
  #modal-wrapper.type-mdl.size-xs1 {
    top: calc(50% - 216px);
    left: calc(50% - 156px);
    width: 312px;
    height: 432px; }
  #modal-wrapper.type-mdl.size-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }
@media all and (max-width: 767px) {
  .owl-mobile-overflow.owl-carousel > .owl-stage-outer {
    padding-left: 20px; } }
@media all and (min-width: 768px) {
  .owl-with-bullets-nav > .owl-nav {
    position: absolute;
    bottom: 8px;
    width: 146px;
    height: 32px;
    left: calc(50% - 74px);
    display: flex !important;
    justify-content: space-between; }
    .owl-with-bullets-nav > .owl-nav .owl-prev.disabled {
      opacity: 0.5; }
    .owl-with-bullets-nav > .owl-nav .owl-next.disabled {
      opacity: 0.5; }
  .owl-with-bullets-nav > .owl-dots {
    position: absolute;
    bottom: 8px;
    width: 80px;
    height: 32px;
    left: calc(50% - 40px);
    display: flex !important;
    justify-content: center;
    align-items: center; }
    .owl-with-bullets-nav > .owl-dots .owl-dot {
      width: 4px;
      height: 4px;
      background: #E94034;
      border-radius: 50%; }
      .owl-with-bullets-nav > .owl-dots .owl-dot:not(:last-child) {
        margin-right: 4px; } }
@media all and (max-width: 767px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    padding: 0 28px; }
    .tabber-container .tabber-header .tab-head-item {
      display: flex;
      white-space: nowrap; }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    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; } }
@media all and (min-width: 768px) and (max-width: 1279px) {
  .tabber-container .tabber-header {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    padding: 0 32px; }
    .tabber-container .tabber-header .tab-head-item {
      display: flex;
      align-items: center;
      white-space: nowrap; }
  .tabber-container .tabber-body {
    display: flex;
    flex-direction: column;
    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; } }
@media all and (min-width: 1280px) {
  .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;
    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; } }
[data-animation='fade'] .toast-item {
  opacity: 0;
  transition: opacity 400s; }
  [data-animation='fade'] .toast-item.on {
    opacity: 1;
    transition: opacity 2000s; }

#toast-wrapper {
  position: fixed;
  z-index: 9999; }
  #toast-wrapper .toast-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 320px;
    margin: 20px;
    padding: 16px 16px 16px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px; }
    #toast-wrapper .toast-item .t-icon {
      display: block;
      width: 20px;
      height: 20px; }
    #toast-wrapper .toast-item.toast-info {
      background: #EDF5FF; }
      #toast-wrapper .toast-item.toast-info .t-icon {
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.75%2010C3.75%2013.4518%206.54822%2016.25%2010%2016.25C13.4518%2016.25%2016.25%2013.4518%2016.25%2010C16.25%206.54822%2013.4518%203.75%2010%203.75C6.54822%203.75%203.75%206.54822%203.75%2010ZM15%2010C15%2012.7614%2012.7614%2015%2010%2015C7.23858%2015%205%2012.7614%205%2010C5%207.23858%207.23858%205%2010%205C12.7614%205%2015%207.23858%2015%2010ZM10.625%209.375V12.5H9.375V9.375H10.625ZM10.625%208.75V7.5H9.375V8.75H10.625Z%22%20fill%3D%22%2339ADF7%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-danger {
      background: #FFF1F1; }
      #toast-wrapper .toast-item.toast-danger .t-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20%3B%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%3Cpath%20d%3D%22M9.99998%201.24998C8.84892%201.24285%207.7079%201.4643%206.64308%201.9015C5.57826%202.3387%204.61083%202.98295%203.79689%203.79689C2.98295%204.61083%202.3387%205.57826%201.9015%206.64308C1.4643%207.7079%201.24285%208.84892%201.24998%209.99998C1.24285%2011.151%201.4643%2012.2921%201.9015%2013.3569C2.3387%2014.4217%202.98295%2015.3891%203.79689%2016.2031C4.61083%2017.017%205.57826%2017.6613%206.64308%2018.0985C7.7079%2018.5357%208.84892%2018.7571%209.99998%2018.75C11.151%2018.7571%2012.2921%2018.5357%2013.3569%2018.0985C14.4217%2017.6613%2015.3891%2017.017%2016.2031%2016.2031C17.017%2015.3891%2017.6613%2014.4217%2018.0985%2013.3569C18.5357%2012.2921%2018.7571%2011.151%2018.75%209.99998C18.7571%208.84892%2018.5357%207.7079%2018.0985%206.64308C17.6613%205.57826%2017.017%204.61083%2016.2031%203.79689C15.3891%202.98295%2014.4217%202.3387%2013.3569%201.9015C12.2921%201.4643%2011.151%201.24285%209.99998%201.24998ZM13.403%2014.375L5.62498%206.5973L6.5973%205.62498L14.375%2013.403L13.403%2014.375Z%22%20fill%3D%22%23DA1E28%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-warning {
      background: #FFF8E1; }
      #toast-wrapper .toast-item.toast-warning .t-icon {
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.75%2010C3.75%2013.4518%206.54822%2016.25%2010%2016.25C13.4518%2016.25%2016.25%2013.4518%2016.25%2010C16.25%206.54822%2013.4518%203.75%2010%203.75C6.54822%203.75%203.75%206.54822%203.75%2010ZM15%2010C15%2012.7614%2012.7614%2015%2010%2015C7.23858%2015%205%2012.7614%205%2010C5%207.23858%207.23858%205%2010%205C12.7614%205%2015%207.23858%2015%2010ZM10.625%207.5V10.625H9.375V7.5H10.625ZM10.625%2012.5V11.25H9.375V12.5H10.625Z%22%20fill%3D%22%23FFAF30%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-success {
      background: #E6FAF8; }
      #toast-wrapper .toast-item.toast-success .t-icon {
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2016.25C13.4518%2016.25%2016.25%2013.4518%2016.25%2010C16.25%206.54822%2013.4518%203.75%2010%203.75C6.54822%203.75%203.75%206.54822%203.75%2010C3.75%2013.4518%206.54822%2016.25%2010%2016.25ZM13.4486%208.43754L12.3438%207.33268L9.21879%2010.4577L7.65629%208.89518L6.55144%2010L9.21879%2012.6674L13.4486%208.43754Z%22%20fill%3D%22%231DC066%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-help {
      background: #F7FDFD; }
      #toast-wrapper .toast-item.toast-help .t-icon {
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2016.25C6.54822%2016.25%203.75%2013.4518%203.75%2010C3.75%206.54822%206.54822%203.75%2010%203.75C13.4518%203.75%2016.25%206.54822%2016.25%2010C16.25%2013.4518%2013.4518%2016.25%2010%2016.25ZM10%2015C12.7614%2015%2015%2012.7614%2015%2010C15%207.23858%2012.7614%205%2010%205C7.23858%205%205%207.23858%205%2010C5%2012.7614%207.23858%2015%2010%2015ZM9.96587%2010.9403L9.94737%2011.4121H9.02231V10.9403C9.02231%2010.4593%209.10557%2010.1447%209.31833%209.95047C9.42934%209.84871%209.54034%209.76545%209.6421%209.7007C9.71009%209.66227%209.80263%209.6144%209.90585%209.561C10.1257%209.4473%2010.3939%209.30856%2010.5764%209.18267C10.8262%209.0069%2010.9464%208.77564%2010.9464%208.48887C10.9464%207.98009%2010.5024%207.62856%209.97512%207.62856C9.45709%207.62856%209.04081%208.02634%209.04081%208.61838H8.125C8.125%208.03559%208.30076%207.57306%208.65229%207.22154C9.01306%206.86076%209.44784%206.685%209.97512%206.685C10.5117%206.685%2010.9649%206.85151%2011.335%207.18453C11.705%207.5083%2011.89%207.94308%2011.89%208.48887C11.89%209.34918%2011.3442%2010.006%2010.5764%2010.2372C10.1601%2010.3575%209.96587%2010.5333%209.96587%2010.9403ZM9.49409%2011.9671C9.86412%2011.9671%2010.1509%2012.2354%2010.1509%2012.5961C10.1509%2012.9569%209.86412%2013.2159%209.49409%2013.2159C9.13332%2013.2159%208.8373%2012.9569%208.8373%2012.5961C8.8373%2012.2354%209.13332%2011.9671%209.49409%2011.9671Z%22%20fill%3D%22%2334D3C6%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item.toast-error {
      border-left: 4px solid #FCF2F1;
      background: #FCF2F1; }
      #toast-wrapper .toast-item.toast-error .t-icon {
        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%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2016.25C13.4518%2016.25%2016.25%2013.4518%2016.25%2010C16.25%206.54822%2013.4518%203.75%2010%203.75C6.54822%203.75%203.75%206.54822%203.75%2010C3.75%2013.4518%206.54822%2016.25%2010%2016.25ZM13.4486%207.65637L12.3438%206.55151L10.0001%208.89523L7.65636%206.55151L6.5515%207.65637L8.89522%2010.0001L6.55144%2012.3439L7.65629%2013.4487L10.0001%2011.1049L12.3439%2013.4487L13.4487%2012.3439L11.1049%2010.0001L13.4486%207.65637Z%22%20fill%3D%22%23FF7575%22%2F%3E%20%3C%2Fsvg%3E%20"); }
    #toast-wrapper .toast-item .t-description {
      display: flex;
      flex-direction: column;
      flex: 1;
      margin: 0 12px; }
      #toast-wrapper .toast-item .t-description .t-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #232941; }
      #toast-wrapper .toast-item .t-description .t-explanation {
        display: block;
        margin: 12px 0 0 0;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #232941; }
        #toast-wrapper .toast-item .t-description .t-explanation a {
          color: #232941;
          text-decoration: underline; }
    #toast-wrapper .toast-item .t-close {
      display: block;
      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%3Cpath%20d%3D%22M15%205.875L14.125%205L10%209.125L5.875%205L5%205.875L9.125%2010L5%2014.125L5.875%2015L10%2010.875L14.125%2015L15%2014.125L10.875%2010L15%205.875Z%22%20fill%3D%22%23232941%22%2F%3E%3C%2Fsvg%3E"); }

@media all and (max-width: 767px) {
  #toast-wrapper {
    width: 328px;
    left: calc(50% - 164px) !important; }
    #toast-wrapper.toast-default-xs-tl {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0; }
    #toast-wrapper.toast-xs-tl {
      top: 0 !important;
      right: auto;
      bottom: auto;
      left: 0 !important; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-tc {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%; }
    #toast-wrapper.toast-xs-tc {
      top: 0 !important;
      right: auto;
      bottom: auto;
      left: 50% !important; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-tr {
      top: 0;
      bottom: auto;
      right: calc(50% - 180px);
      left: auto; }
    #toast-wrapper.toast-xs-tr {
      top: 0 !important;
      bottom: auto;
      right: calc(50% - 180px) !important;
      left: auto; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-ml {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0; }
    #toast-wrapper.toast-xs-ml {
      top: 50% !important;
      right: auto;
      bottom: auto;
      left: 0 !important; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-mc {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 50%; }
    #toast-wrapper.toast-xs-mc {
      top: 50% !important;
      right: auto;
      bottom: auto;
      left: 50% !important; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-mr {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto; }
    #toast-wrapper.toast-xs-mr {
      top: 50% !important;
      right: 0 !important;
      bottom: auto;
      left: auto; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-bl {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0; }
    #toast-wrapper.toast-xs-bl {
      top: auto;
      right: auto;
      bottom: 0 !important;
      left: 0 !important; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-bc {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%; }
    #toast-wrapper.toast-xs-bc {
      top: auto;
      right: auto;
      bottom: 0 !important;
      left: 50% !important; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); }
    #toast-wrapper.toast-default-xs-br {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto; }
    #toast-wrapper.toast-xs-br {
      top: auto;
      right: 0 !important;
      bottom: 0 !important;
      left: auto; }
    #toast-wrapper .toast-item {
      width: calc(100% - 40px); } }
@media all and (min-width: 768px) and (max-width: 1279px) {
  #toast-wrapper.toast-default-sm-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-sm-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-sm-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-tr {
    top: 0;
    bottom: auto;
    right: calc(50% - 180px);
    left: auto; }
  #toast-wrapper.toast-sm-tr {
    top: 0 !important;
    bottom: auto;
    right: calc(50% - 180px) !important;
    left: auto; }
  #toast-wrapper.toast-default-sm-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-sm-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-sm-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-sm-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-default-sm-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-sm-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper.toast-default-sm-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-sm-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper.toast-default-sm-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-sm-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-tc .toast-item, #toast-wrapper.toast-default-mdlg-mc .toast-item, #toast-wrapper.toast-default-mdlg-tc .toast-item {
    margin-left: -160px; }
  #toast-wrapper.toast-mdlg-tc .toast-item, #toast-wrapper.toast-mdlg-mc .toast-item, #toast-wrapper.toast-mdlg-bc .toast-item {
    margin-left: -160px !important; } }
@media all and (min-width: 1280px) {
  #toast-wrapper.toast-default-mdlg-tl {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-mdlg-tl {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-tc {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-mdlg-tc {
    top: 0 !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-tr {
    top: 0;
    bottom: auto;
    right: calc(50% - 180px);
    left: auto; }
  #toast-wrapper.toast-mdlg-tr {
    top: 0 !important;
    bottom: auto;
    right: calc(50% - 180px) !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-ml {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0; }
  #toast-wrapper.toast-mdlg-ml {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-mc {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
  #toast-wrapper.toast-mdlg-mc {
    top: 50% !important;
    right: auto;
    bottom: auto;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-mr {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-mdlg-mr {
    top: 50% !important;
    right: 0 !important;
    bottom: auto;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-bl {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  #toast-wrapper.toast-mdlg-bl {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 0 !important; }
  #toast-wrapper.toast-default-mdlg-bc {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%; }
  #toast-wrapper.toast-mdlg-bc {
    top: auto;
    right: auto;
    bottom: 0 !important;
    left: 50% !important; }
  #toast-wrapper.toast-default-mdlg-br {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }
  #toast-wrapper.toast-mdlg-br {
    top: auto;
    right: 0 !important;
    bottom: 0 !important;
    left: auto; }
  #toast-wrapper.toast-default-mdlg-tc .toast-item, #toast-wrapper.toast-default-mdlg-mc .toast-item, #toast-wrapper.toast-default-mdlg-tc .toast-item {
    margin-left: -160px; }
  #toast-wrapper.toast-mdlg-tc .toast-item, #toast-wrapper.toast-mdlg-mc .toast-item, #toast-wrapper.toast-mdlg-bc .toast-item {
    margin-left: -160px !important; } }
#content-consumption {
  position: fixed;
  background-color: #F7F7FC;
  z-index: 230;
  transition: transform 0.3s;
  display: flex;
  justify-content: center;
  align-items: center; }
  #content-consumption .progress {
    background-color: #E94034;
    position: absolute; }
  #content-consumption.right {
    width: 80px;
    right: -80px;
    height: 100vh;
    top: 0; }
    #content-consumption.right.on {
      transform: translateX(-80px); }
    #content-consumption.right .progress {
      top: 0;
      left: 0;
      width: 10px; }
  #content-consumption.top {
    width: 100%;
    top: -90px;
    height: 90px; }
    #content-consumption.top.on {
      transform: translateY(90px); }
    #content-consumption.top .progress {
      bottom: 0;
      left: 0;
      height: 8px; }
  #content-consumption .title {
    font-family: Outfit;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    color: #221F44;
    max-width: 100%;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box; }

@media all and (max-width: 767px) {
  #content-consumption.top {
    width: 100%;
    top: -70px;
    height: 70px; }
    #content-consumption.top.on {
      transform: translateY(70px); }
    #content-consumption.top .progress {
      bottom: 0;
      left: 0;
      height: 8px; }
  #content-consumption .title {
    font-size: 20px; }

  .next-page-start #content-consumption .c-wrapper {
    display: none; }
  .next-page-start #content-consumption.top {
    height: 8px;
    transform: translateY(70px); }
    .next-page-start #content-consumption.top .progress {
      bottom: 0;
      left: 0;
      height: 8px; } }
@media all and (min-width: 768px) {
  .next-page-start #content-consumption .c-wrapper {
    display: none; }
  .next-page-start #content-consumption.top {
    height: 8px;
    transform: translateY(90px); }
    .next-page-start #content-consumption.top .progress {
      bottom: 0;
      left: 0;
      height: 8px; } }
body {
  font-weight: 300;
  font-family: "Outfit"; }
  body .select2-dropdown .select2-search--dropdown .select2-search__field {
    font-family: "Outfit" !important; }

a {
  text-decoration: none; }

/*# sourceMappingURL=Base.css.map */