@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap;);.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;
    -moz-user-select: none;
     -ms-user-select: none;
         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 {
      position: relative; }
  .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;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .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;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    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; }
  .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; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.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__remove {
  margin-left: 2px;
  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[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.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--highlighted[aria-selected] {
  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: linear-gradient(to bottom, white 50%, #eeeeee 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;
    margin-right: 10px; }
  .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: linear-gradient(to bottom, #eeeeee 50%, #cccccc 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: linear-gradient(to bottom, white 0%, #eeeeee 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: linear-gradient(to bottom, #eeeeee 50%, white 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; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .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;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.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: white;
  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[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/
}

.select2-container--bootstrap .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
  outline: 0;
}

.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
}

.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-results__option {
  padding: 6px 12px;
  /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
  /**
     * Hover state.
     */
  /**
     * Selected state.
     */
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7;
  color: #fff;
}

.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}

.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}

.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  white-space: nowrap;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.select2-container--bootstrap.select2-container--open {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
  /**
     * Handle border radii of the container when the dropdown is showing.
     */
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}

.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}

.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  box-shadow: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 1px;
}

.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 24px 6px 12px;
  /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555555;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
  /**
     * Minus 2px borders.
     */
  /**
     * Clear the selection.
     */
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  display: block;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.42857143;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] {
  /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
  /**
     * Multiple Select2
     */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}

.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}

.has-error.select2-drop-active {
  border-color: #843534;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * @see http://getbootstrap.com/components/#input-groups
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
/**
 * Reset rounded corners
 */
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
  border-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
  /**
   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
   * Multi Select2's height which - depending on how many elements have been selected -
   * may grow taller than its initial size.
   *
   * @see http://getbootstrap.com/components/#input-groups
   */
}

.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-btn,
.input-group > .select2-container--bootstrap .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
 */
@media (min-width: 768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
/*!
 * 
 * Super simple WYSIWYG editor v0.8.20
 * https://summernote.org
 *
 *
 * Copyright 2013- Alan Hong and contributors
 * Summernote may be freely distributed under the MIT license.
 *
 * Date: 2021-10-14T21:15Z
 *
 */
@font-face {
    font-family: "summernote";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(/fonts/vendor/summernote/dist/summernote.eot?69d43255ae404d80f6410bd06fd5511c?#iefix) format("embedded-opentype"), url(/fonts/vendor/summernote/dist/summernote.woff2?265e4cbaa04991d0d14ad908780835e9) format("woff2"), url(/fonts/vendor/summernote/dist/summernote.woff?7222f2aa6fc35e05281c7aa793342870) format("woff"), url(/fonts/vendor/summernote/dist/summernote.ttf?2386dcc57dbd12e2d5e1cfad5d480067) format("truetype");
}
[class^=note-icon]:before,
[class*=" note-icon"]:before {
    display: inline-block;
    font-family: "summernote";
    font-style: normal;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
}

.note-icon-fw {
    text-align: center;
    width: 1.25em;
}

.note-icon-border {
    border: solid 0.08em #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
}

.note-icon-pull-left {
    float: left;
}

.note-icon-pull-right {
    float: right;
}

.note-icon.note-icon-pull-left {
    margin-right: 0.3em;
}
.note-icon.note-icon-pull-right {
    margin-left: 0.3em;
}

.note-icon-align::before {
    content: "\EA01";
}

.note-icon-align-center::before {
    content: "\EA02";
}

.note-icon-align-indent::before {
    content: "\EA03";
}

.note-icon-align-justify::before {
    content: "\EA04";
}

.note-icon-align-left::before {
    content: "\EA05";
}

.note-icon-align-outdent::before {
    content: "\EA06";
}

.note-icon-align-right::before {
    content: "\EA07";
}

.note-icon-arrow-circle-down::before {
    content: "\EA08";
}

.note-icon-arrow-circle-left::before {
    content: "\EA09";
}

.note-icon-arrow-circle-right::before {
    content: "\EA0A";
}

.note-icon-arrow-circle-up::before {
    content: "\EA0B";
}

.note-icon-arrows-alt::before {
    content: "\EA0C";
}

.note-icon-arrows-h::before {
    content: "\EA0D";
}

.note-icon-arrows-v::before {
    content: "\EA0E";
}

.note-icon-bold::before {
    content: "\EA0F";
}

.note-icon-caret::before {
    content: "\EA10";
}

.note-icon-chain-broken::before {
    content: "\EA11";
}

.note-icon-circle::before {
    content: "\EA12";
}

.note-icon-close::before {
    content: "\EA13";
}

.note-icon-code::before {
    content: "\EA14";
}

.note-icon-col-after::before {
    content: "\EA15";
}

.note-icon-col-before::before {
    content: "\EA16";
}

.note-icon-col-remove::before {
    content: "\EA17";
}

.note-icon-eraser::before {
    content: "\EA18";
}

.note-icon-float-left::before {
    content: "\EA19";
}

.note-icon-float-none::before {
    content: "\EA1A";
}

.note-icon-float-right::before {
    content: "\EA1B";
}

.note-icon-font::before {
    content: "\EA1C";
}

.note-icon-frame::before {
    content: "\EA1D";
}

.note-icon-italic::before {
    content: "\EA1E";
}

.note-icon-link::before {
    content: "\EA1F";
}

.note-icon-magic::before {
    content: "\EA20";
}

.note-icon-menu-check::before {
    content: "\EA21";
}

.note-icon-minus::before {
    content: "\EA22";
}

.note-icon-orderedlist::before {
    content: "\EA23";
}

.note-icon-pencil::before {
    content: "\EA24";
}

.note-icon-picture::before {
    content: "\EA25";
}

.note-icon-question::before {
    content: "\EA26";
}

.note-icon-redo::before {
    content: "\EA27";
}

.note-icon-rollback::before {
    content: "\EA28";
}

.note-icon-row-above::before {
    content: "\EA29";
}

.note-icon-row-below::before {
    content: "\EA2A";
}

.note-icon-row-remove::before {
    content: "\EA2B";
}

.note-icon-special-character::before {
    content: "\EA2C";
}

.note-icon-square::before {
    content: "\EA2D";
}

.note-icon-strikethrough::before {
    content: "\EA2E";
}

.note-icon-subscript::before {
    content: "\EA2F";
}

.note-icon-summernote::before {
    content: "\EA30";
}

.note-icon-superscript::before {
    content: "\EA31";
}

.note-icon-table::before {
    content: "\EA32";
}

.note-icon-text-height::before {
    content: "\EA33";
}

.note-icon-trash::before {
    content: "\EA34";
}

.note-icon-underline::before {
    content: "\EA35";
}

.note-icon-undo::before {
    content: "\EA36";
}

.note-icon-unorderedlist::before {
    content: "\EA37";
}

.note-icon-video::before {
    content: "\EA38";
}

/* Theme Variables
 ------------------------------------------ */
/* Layout
 ------------------------------------------ */
.note-editor {
    position: relative;
}
.note-editor .note-dropzone {
    position: absolute;
    display: none;
    z-index: 100;
    color: lightskyblue;
    background-color: #fff;
    opacity: 0.95;
}
.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}
.note-editor .note-dropzone.hover {
    color: #098ddf;
}
.note-editor.dragover .note-dropzone {
    display: table;
}
.note-editor .note-editing-area {
    position: relative;
}
.note-editor .note-editing-area .note-editable {
    outline: none;
}
.note-editor .note-editing-area .note-editable sup {
    vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub {
    vertical-align: sub;
}
.note-editor .note-editing-area .note-editable img.note-float-left {
    margin-right: 10px;
}
.note-editor .note-editing-area .note-editable img.note-float-right {
    margin-left: 10px;
}

/* Frame mode layout
 ------------------------------------------ */
.note-editor.note-frame,
.note-editor.note-airframe {
    border: 1px solid #00000032;
}
.note-editor.note-frame.codeview .note-editing-area .note-editable,
.note-editor.note-airframe.codeview .note-editing-area .note-editable {
    display: none;
}
.note-editor.note-frame.codeview .note-editing-area .note-codable,
.note-editor.note-airframe.codeview .note-editing-area .note-codable {
    display: block;
}
.note-editor.note-frame .note-editing-area,
.note-editor.note-airframe .note-editing-area {
    overflow: hidden;
}
.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable {
    padding: 10px;
    overflow: auto;
    word-wrap: break-word;
}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false],
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false] {
    background-color: #8080801d;
}
.note-editor.note-frame .note-editing-area .note-codable,
.note-editor.note-airframe .note-editing-area .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    border: none;
    box-shadow: none;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    resize: none;
    outline: none;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    margin-bottom: 0;
}
.note-editor.note-frame.fullscreen,
.note-editor.note-airframe.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 1050;
}
.note-editor.note-frame.fullscreen .note-resizebar,
.note-editor.note-airframe.fullscreen .note-resizebar {
    display: none;
}
.note-editor.note-frame .note-status-output,
.note-editor.note-airframe .note-status-output {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    height: 20px;
    margin-bottom: 0;
    color: #000;
    border: 0;
    border-top: 1px solid #e2e2e2;
}
.note-editor.note-frame .note-status-output:empty,
.note-editor.note-airframe .note-status-output:empty {
    height: 0;
    border-top: 0 solid transparent;
}
.note-editor.note-frame .note-status-output .pull-right,
.note-editor.note-airframe .note-status-output .pull-right {
    float: right !important;
}
.note-editor.note-frame .note-status-output .text-muted,
.note-editor.note-airframe .note-status-output .text-muted {
    color: #777;
}
.note-editor.note-frame .note-status-output .text-primary,
.note-editor.note-airframe .note-status-output .text-primary {
    color: #286090;
}
.note-editor.note-frame .note-status-output .text-success,
.note-editor.note-airframe .note-status-output .text-success {
    color: #3c763d;
}
.note-editor.note-frame .note-status-output .text-info,
.note-editor.note-airframe .note-status-output .text-info {
    color: #31708f;
}
.note-editor.note-frame .note-status-output .text-warning,
.note-editor.note-airframe .note-status-output .text-warning {
    color: #8a6d3b;
}
.note-editor.note-frame .note-status-output .text-danger,
.note-editor.note-airframe .note-status-output .text-danger {
    color: #a94442;
}
.note-editor.note-frame .note-status-output .alert,
.note-editor.note-airframe .note-status-output .alert {
    margin: -7px 0 0 0;
    padding: 7px 10px 2px 10px;
    border-radius: 0;
    color: #000;
    background-color: #f5f5f5;
}
.note-editor.note-frame .note-status-output .alert .note-icon,
.note-editor.note-airframe .note-status-output .alert .note-icon {
    margin-right: 5px;
}
.note-editor.note-frame .note-status-output .alert-success,
.note-editor.note-airframe .note-status-output .alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
}
.note-editor.note-frame .note-status-output .alert-info,
.note-editor.note-airframe .note-status-output .alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important;
}
.note-editor.note-frame .note-status-output .alert-warning,
.note-editor.note-airframe .note-status-output .alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
}
.note-editor.note-frame .note-status-output .alert-danger,
.note-editor.note-airframe .note-status-output .alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
}
.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
    background-color: #8080801d;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #00000032;
}
.note-editor.note-frame .note-statusbar .note-resizebar,
.note-editor.note-airframe .note-statusbar .note-resizebar {
    padding-top: 1px;
    height: 9px;
    width: 100%;
    cursor: ns-resize;
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #00000032;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar {
    cursor: default;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar {
    display: none;
}
.note-editor.note-frame .note-placeholder,
.note-editor.note-airframe .note-placeholder {
    padding: 10px;
}

.note-editor.note-airframe {
    border: 0;
}
.note-editor.note-airframe .note-editing-area .note-editable {
    padding: 0;
}

/* Popover
 ------------------------------------------ */
.note-popover.popover {
    display: none;
    max-width: none;
}
.note-popover.popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.note-popover.popover .arrow {
    left: 20px !important;
}

/* Popover and Toolbar (Button container)
 ------------------------------------------ */
.note-toolbar {
    position: relative;
}

.note-popover .popover-content, .note-editor .note-toolbar {
    margin: 0;
    padding: 0 0 5px 5px;
}
.note-popover .popover-content > .note-btn-group, .note-editor .note-toolbar > .note-btn-group {
    margin-top: 5px;
    margin-left: 0;
    margin-right: 5px;
}
.note-popover .popover-content .note-btn-group .note-table, .note-editor .note-toolbar .note-btn-group .note-table {
    min-width: 0;
    padding: 5px;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker {
    font-size: 18px;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}
.note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre {
    margin: 0;
    padding: 5px 10px;
}
.note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p {
    margin: 0;
    padding: 0;
}
.note-popover .popover-content .note-color-all .note-dropdown-menu, .note-editor .note-toolbar .note-color-all .note-dropdown-menu {
    min-width: 337px;
}
.note-popover .popover-content .note-color .dropdown-toggle, .note-editor .note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    margin: 0;
    width: 160px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
    font-size: 12px;
    margin: 2px 7px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
    font-size: 11px;
    margin: 3px;
    padding: 0 3px;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
    background: #eee;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
    height: 20px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
    display: none;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border: 1px solid #eee;
}
.note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
    min-width: 228px;
    padding: 5px;
}
.note-popover .popover-content .note-para .note-dropdown-menu > div + div, .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div {
    margin-left: 5px;
}
.note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu {
    min-width: 160px;
}
.note-popover .popover-content .note-dropdown-menu.right, .note-editor .note-toolbar .note-dropdown-menu.right {
    right: 0;
    left: auto;
}
.note-popover .popover-content .note-dropdown-menu.right::before, .note-editor .note-toolbar .note-dropdown-menu.right::before {
    right: 9px;
    left: auto !important;
}
.note-popover .popover-content .note-dropdown-menu.right::after, .note-editor .note-toolbar .note-dropdown-menu.right::after {
    right: 10px;
    left: auto !important;
}
.note-popover .popover-content .note-dropdown-menu.note-check a i, .note-editor .note-toolbar .note-dropdown-menu.note-check a i {
    color: deepskyblue;
    visibility: hidden;
}
.note-popover .popover-content .note-dropdown-menu.note-check a.checked i, .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
    visibility: visible;
}
.note-popover .popover-content .note-fontsize-10, .note-editor .note-toolbar .note-fontsize-10 {
    font-size: 10px;
}
.note-popover .popover-content .note-color-palette, .note-editor .note-toolbar .note-color-palette {
    line-height: 1;
}
.note-popover .popover-content .note-color-palette div .note-color-btn, .note-editor .note-toolbar .note-color-palette div .note-color-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    transition: all 0.2s;
}

/* Dialog
 ------------------------------------------ */
.note-modal .modal-dialog {
    outline: 0;
    border-radius: 5px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.note-modal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.note-modal .note-modal-form {
    margin: 0;
}
.note-modal .note-image-dialog .note-dropzone {
    min-height: 100px;
    font-size: 30px;
    line-height: 4;
    color: lightgray;
    text-align: center;
    border: 4px dashed lightgray;
    margin-bottom: 10px;
}
@-moz-document url-prefix() {
    .note-modal .note-image-input {
        height: auto;
    }
}

/* Placeholder
 ------------------------------------------ */
.note-placeholder {
    position: absolute;
    display: none;
    color: gray;
}

/* Handle
 ------------------------------------------ */
.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #000;
}
.note-handle .note-control-selection > div {
    position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: 0.3;
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
}
.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-sizing, .note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid #000;
}
.note-handle .note-control-selection .note-control-sizing {
    background-color: #000;
}
.note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: none;
    border-bottom: none;
}
.note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: none;
    border-left: none;
}
.note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: none;
    border-right: none;
}
.note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize;
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
    cursor: default;
    border-top: none;
    border-left: none;
}
.note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    color: #fff;
    background-color: #000;
    font-size: 12px;
    border-radius: 5px;
    -webkit-opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
}

.note-hint-popover {
    min-width: 100px;
    padding: 2px;
}
.note-hint-popover .popover-content {
    padding: 3px;
    max-height: 150px;
    overflow: auto;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
    display: block !important;
    padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: white;
    white-space: nowrap;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
    cursor: pointer;
}

/* Handle
 ------------------------------------------ */
html .note-fullscreen-body, body .note-fullscreen-body {
    overflow: hidden !important;
}

.note-toolbar {
    background: #8080801d;
}

.note-btn-group .note-btn {
    border-color: #00000032;
    padding: 0.28rem 0.65rem;
    font-size: 13px;
}/** Custom CSS **/

/*
.flatpickr-input{
    color: #fff !important;
}

input.form-control.form-control.input {
    background: #fff;
}

.pull-right{
    float: right !important;
}*/

/* Guest Window */
.guest-window {
    padding-top: 180px;
}

.guest-window .d-flex {
    position: relative;
    z-index: 150;
}

.guest-window .card {
    width: 94%;
    max-width: 410px;
    padding: 15px 3.2%;
    margin: 0 3%;
}

.guest-window .form-control {
    outline: none;
    height: 40px;
    border-radius: 6px;
    border: solid 1px #e8eff3;
    letter-spacing: 0.1px;
    color: #333333;
}

.guest-window .form-control:focus {
    outline: none;
    box-shadow: none;
}

.guest-window p,
.guest-window .form-check-label {
    font-size: 13px;
}

.guest-window p a,
.guest-window .form-check-label a {
    color: #6772e5;
}

@media (max-width: 639px) {
    .guest-window {
        padding-top: 140px;
    }
}

.FAQ {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto;
}

.Broadcast {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto;
}

.fr-view a {
    text-decoration: underline !important;
    color: blue !important;
}

/* iframe */
.condition-builder-iframe {
    width: 100%;
    padding-bottom: 53%;
    position: relative;
}

.condition-builder-iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

@media (max-width: 640px) {
    .condition-builder-iframe {
        padding-bottom: 60%;
    }
}

/* user - profile */

.u-profile__main-bg img.banner-pic {
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}

/* dashboard market watch */
.dashboard__block-header--option .input-group-append .c-btn-grp {
    background: #6772e5;
    color: #ffffff;
    border: 1px solid #6772e5 !important;
}

.dashboard__block-header--option .input-group-append .c-btn-grp:focus,
.dashboard__block-header--option .input-group-append .c-btn-grp:active,
.dashboard__block-header--option .input-group-append .c-btn-grp:hover {
    background: #ffffff;
    color: #6772e5;
    border: 1px solid #6772e5 !important;
}

.font-xs {
    font-size: 12px;
}

.font-sm {
    font-size: 13px !important;
}

.font-md {
    font-size: 14px !important;
}

.font-md-2 {
    font-size: 16px !important;
}

.font-lg {
    font-size: 20px !important;
}

.font-xlg {
    font-size: 24px !important;
}

.font-icon-lg {
    font-size: 85px;
}

.text-theme {
    color: #6772e5 !important;
}

.text-red {
    color: #f05858 !important;
}

.text-green {
    color: #22c993 !important;
}

.text-black {
    color: #333 !important;
}

.line-h-inherit {
    line-height: inherit !important;
}

.disabled-custom {
    pointer-events: none;
    opacity: 0.4;
}

a.c-btn.c-btn--bg {
    color: #ffffff;
}

a.c-btn.c-btn--bg:hover {
    color: #6772e5;
}

.theme-bg-blue {
    background: #6772e5 !important;
    color: #ffffff !important;
}

.theme-bg-success {
    background: #28a745 !important;
    color: #ffffff !important;
}

.theme-bg-danger {
    background: #dc3545 !important;
    color: #ffffff !important;
}

.custom-btn-fix {
    font-size: 12px !important;
    line-height: 1.3em;
    padding: 3px 10px;
    text-align: center;
}

input[type="text"]:disabled {
    background: #cccccc !important;
    color: #666666;
}

@media (max-width: 767px) {
    .text-xs-right {
        text-align: right;
    }

    .pb-xs-3 {
        padding-bottom: 1rem !important;
    }
}

.showLink {
    text-decoration: underline !important;
}

.table-sm-cell th,
.table-sm-cell td {
    padding: 3px 9px !important;
}

.table-sm-cell tr td:first-child {
    background: #f7f7f7;
    color: #6772e5;
}
.right-1 {
    right: 10px !important;
}
.right-2 {
    right: 20px !important;
}

/* net banking list */
.net-banking-list ul li {
    width: 33.33%;
    float: left;
    padding-right: 3px;
}

.net-banking-list ul li img {
    max-height: 16px;
}

.net-banking-list ul li label,
.net-banking-list ul li span {
    width: 100%;
}

/*Toast*/
.Toastify__toast-body {
    font-weight: bold;
}

/* 404 page */
.page-404 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}

.page-404 figure {
    width: 100%;
    max-width: 500px;
}

.page-404 figure img {
    width: 100%;
}

.page-404 aside {
    width: 100%;
    max-width: 500px;
    padding-left: 25px;
}

.page-404 aside .h5 {
    color: #aaaaaa;
}

.page-404 aside p {
    font-size: 17px;
}

.page-404 aside .c-btn {
    display: inline-block;
    line-height: 38px;
    padding: 0 25px;
}

@media (max-width: 991px) {
    .page-404 {
        flex-direction: column;
        text-align: center;
    }

    .page-404 figure {
        margin-bottom: 35px;
    }

    .page-404 aside {
        padding: 0;
    }
}

/* tool tip */
.max-vh-w {
    max-width: 100vh;
}

/* deployed page change for tooltip */
.deployed__archived-info > div .__react_component_tooltip p {
    font-size: 12px;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 500px;
    padding: 0.25rem 0.5rem !important;
    color: #fff !important;
    text-align: center !important;
    background-color: #000 !important;
    border-radius: 0.25rem !important;
    font-size: 15px !important;
}

/* market place badge */
.strategy__card-by span.badge-theme {
    border-radius: 15px;
    background: #ff5980;
    display: flex;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 6px;
    align-items: center;
}

.strategy__card-by span.badge-theme i {
    display: inline-block;
}

.strategy__card-by span.badge-theme-1 {
    border-radius: 15px;
    background: #b3c5dc;
    display: flex;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 6px;
    align-items: center;
    font-weight: 400;
}

.strategy__card-by span.badge-theme-1 i {
    display: inline-block;
}

/* strategy profile page */
.profile-badge-parent span.badge-theme {
    border-radius: 15px;
    background: #ff5980;
    display: flex;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 6px;
    align-items: center;
}

.profile-badge-parent span.badge-theme i {
    display: inline-block;
}

.profile-badge-parent span.badge-theme-1 {
    border-radius: 15px;
    background: #b3c5dc;
    display: flex;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 6px;
    align-items: center;
    font-weight: 400;
}

.profile-badge-parent span.badge-theme-1 i {
    display: inline-block;
}

/* custom notification */
.notification-msg {
    width: calc(100% - 20px);
    max-width: 450px;
    position: fixed;
    top: 70px;
    right: 0;
    margin: 10px;
    z-index: 999;
}

.notification-msg.success {
    border: 2px solid;
    border-radius: 6px;
    border-color: #28a745 !important;
}

.notification-msg.danger {
    border: 2px solid;
    border-radius: 6px;
    border-color: #dc3545 !important;
}

.notification-msg .msg-box {
    width: 100%;
    background: #ffffff;
    border-radius: 5px;
    padding: 20px 25px 20px 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px;
}

.notification-msg .msg-box .close-notification {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    font-size: 9px;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 7px;
}

.notification-msg .msg-box .close-notification:hover {
    background: #000000;
}

.notification-msg.danger .msg-box {
    color: #dc3545;
}

.notification-msg.warning .msg-box {
    color: orange;
}

.notification-msg.success .msg-box {
    color: #28a745;
}

/* online dot */
.online-dot-green {
    height: 10px;
    width: 10px;
    background-color: #62b029;
    border-radius: 50%;
    display: inline-block;
}

.online-dot-danger {
    height: 10px;
    width: 10px;
    background-color: #dc3545;
    border-radius: 50%;
    display: inline-block;
}

/* comments reply block */
.comments-block {
    /*display: flex;*/
    flex-flow: row wrap;
    position: relative;
}

.comments-block figure {
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 0;
}

.comments-block figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.comments-block .c-txt {
    width: 100%;
    padding-left: 70px;
}

.comments-block .c-txt .link-reply {
    color: #1b95e0;
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}

.comments-block .c-txt .link-reply i {
    font-size: 0.8em;
    display: inline-block;
    vertical-align: middle;
}

.comments-block aside {
    display: flex;
    width: 100%;
    margin-top: 15px;
    position: relative;
}

.comments-block .close {
    width: 22px;
    height: 22px;
    font-size: 0.9em;
    margin-top: -2px;
    background: #f2f2f2;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
}

.comments-block .close:hover {
    background: #e5e5e5;
}

.comments-block .reply-comment .form-control {
    height: 100px;
}

.comments-block .c-btn--bg {
    display: inline-block;
    float: right;
    width: auto;
}

.comments-block article {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.comments-block article:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.comments-block article .star-rating span i {
    color: #989898;
}

.comments-block article .star-rating .icon-star-fill {
    color: #ff5980 !important;
}

.btn-theme-secondary {
    background: linear-gradient(135deg, #ff5980, #ffa882) !important;
    color: #ffffff !important;
    border: 1px solid #ff5980 !important;
}

.custom-icon-btn {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-image: linear-gradient(135deg, #ff5980 0%, #ffa882 100%);
    color: #ffffff;
}

/*

.btn-theme-secondary:hover {
    background: linear-gradient(135deg, #e73f67 0%, #e73f67 100%) !important;
    color: #ffffff  !important;
}
*/

/* blur text */
.blur {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.blur td:nth-child(1) {
    filter: blur(3px);
    -webkit-filter: blur(4px);
}

.blur td:nth-child(2) {
    filter: blur(3px);
    -webkit-filter: blur(4px);
}

.blur td:nth-child(3) {
    filter: blur(3px);
    -webkit-filter: blur(4px);
}

.blur td:nth-child(4) {
    filter: blur(3px);
    -webkit-filter: blur(4px);
}

/* Fun Facts */
.text-theme-red {
    color: #ff5980;
}

.font-xxlarge {
    font-size: 60px;
}

.rounded-md {
    border-radius: 8px !important;
}

.shadow-md {
    box-shadow: 0 1px 20px 0 rgb(17 30 79/10%) !important;
}

/* Home banner video */
.p-home .swiper-container .swiper-pagination {
    justify-content: left;
}

.hero-btn-group img {
    max-height: 60px;
}

.footer-app-btns img {
    max-height: 60px;
    margin: 2px 0;
}

/* New Styles */
.min-height {
    min-height: auto !important;
}

.bg-theme-red-light {
    background: #ffecee !important;
}

.bg-theme-brown-light {
    background-color: rgba(179, 197, 220, 0.3) !important;
}

.bg-theme-green-light {
    background: #e8f8e7 !important;
}

/* Pagination styles */
.page-link {
    color: #6772e5;
}

.page-item.active .page-link {
    background-color: #6772e5;
    border-color: #6772e5;
    color: #ffffff;
}

/* Custom Tabs */
.dashboard-tabs {
    align-items: center;
}

.dashboard-tabs li:not(:last-child) {
    margin-right: 30px;
}

.dashboard-tabs li a svg {
    width: 18px;
    height: 18px;
    fill: #000000;
    margin-right: 10px;
}

.dashboard-tabs li a.btn.theme-bg-blue {
    border-radius: 25px;
    font-weight: 600;
}

.dashboard-tabs li a.btn.theme-bg-blue svg {
    fill: #ffffff;
}

@media (max-width: 767px) {
    .dashboard-tabs li a svg {
        width: 24px;
        height: 24px;
        margin-right: 0;
    }

    .dashboard-tabs li a span {
        display: none;
    }

    .dashboard-tabs li a.btn.theme-bg-blue {
        padding: 10px 15px;
        border-radius: 8px;
    }
}

/* React - select customization */
.css-1wa3eu0-placeholder {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    padding-right: 25px;
}

/* custom badge theme */
.badge-pink {
    border-radius: 15px;
    background: #ff5980;
    display: flex;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 6px;
    align-items: center;
}

.badge-pink i {
    display: inline-block;
}

.badge-pink img {
    height: 14px;
    width: 14px;
}

/* Simple Badge */
.badge-blue {
    background: #6772e5;
    color: #ffffff;
}

/**
    Custom boxes on marketplace
 */
.strategy__card-footer-shrinked > div {
    min-height: 40px;
}

@media screen and (max-width: 767px) {
    .strategy__card-footer-shrinked > div {
        width: 100%;
        max-width: 50%;
        min-height: 95px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked > div {
        justify-content: flex-start !important;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.strategy__card-footer-shrinked > div:first-of-type {
    border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 767px) {
    .strategy__card-footer-shrinked > div:first-of-type {
        position: relative;
    }

    .strategy__card-footer-shrinked > div:first-of-type:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d8d8d8;
    }
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked > div:first-of-type {
        padding-left: 0 !important;
    }
}

.strategy__card-footer-shrinked > div:nth-of-type(2) {
    border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 767px) {
    .strategy__card-footer-shrinked > div:nth-of-type(2) {
        position: relative;
        border-right: none;
    }
    .strategy__card-footer-shrinked > div:nth-of-type(2):after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d8d8d8;
    }
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked > div:nth-of-type(2) {
        padding-left: 1rem !important;
    }
}

.strategy__card-footer-shrinked > div:nth-of-type(3) {
    border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 767px) {
    .strategy__card-footer-shrinked > div:nth-of-type(3) {
        position: relative;
    }
    .strategy__card-footer-shrinked > div:nth-of-type(3):after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d8d8d8;
    }
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked > div:nth-of-type(3) {
        padding-left: 0 !important;
    }
}
.strategy__card-footer-shrinked > div:nth-of-type(4) {
    border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 767px) {
    .strategy__card-footer-shrinked > div:nth-of-type(4) {
        position: relative;
        border-right: none;
    }
    .strategy__card-footer-shrinked > div:nth-of-type(4):after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d8d8d8;
    }
    .strategy__card-footer-shrinked > div:nth-of-type(4) {
        border-right: none;
    }
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked > div:nth-of-type(4) {
        padding-left: 0 !important;
    }
}
.strategy__card-footer-shrinked > div:nth-of-type(5) {
    border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked > div:nth-of-type(5) {
        padding-left: 0 !important;
    }
}

.strategy__card-footer-shrinked > div:nth-of-type(6) {
    flex: 1;
    max-width: 100%;
    min-width: 1px;
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked > div:nth-of-type(6) {
        padding-left: 1rem !important;
    }
}

.strategy__card-footer-shrinked > div:last-of-type {
    border-right: none;
}

.strategy__card-footer-shrinked span {
    font-size: 12px;
    line-height: 1.5;
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked span {
        font-size: 14px;
    }
}

.strategy__card-footer-shrinked p {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    line-height: 0.96;
}

@media screen and (max-width: 767px) {
    .strategy__card-footer-shrinked p {
        white-space: normal;
        font-size: 23px;
    }
}

@media screen and (max-width: 575px) {
    .strategy__card-footer-shrinked p {
        font-size: 20px;
    }
}

.mstrategy__home .strategy__card-footer-shrinked > div {
    width: 100%;
    max-width: 50%;
    min-height: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 1em;
}

.mstrategy__home .strategy__card-footer-shrinked > div span {
    font-size: 13px;
}

.mstrategy__home .strategy__card-footer-shrinked > div p {
    font-size: 16px;
}

.mstrategy__home .strategy__card-footer-shrinked > div:first-of-type {
    padding-left: 0;
    position: relative;
}

.mstrategy__home .strategy__card-footer-shrinked > div:first-of-type:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(2) {
    border-right: 0;
    position: relative;
}

.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(2):after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(3) {
    padding-left: 0;
    position: relative;
}

.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(3):after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(4) {
    border-right: 0;
    position: relative;
}

.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(4):after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
}

.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(3) {
    padding-left: 0;
}
.mstrategy__home .strategy__card-footer-shrinked > div:nth-of-type(5) {
    padding-left: 0;
}

/*servicess css*/
.main__subtitle.service__subtitle {
    line-height: normal !important;
    margin-bottom: 30px;
}
.disposal__card .card.course-card {
    max-width: 100%;
    height: 115px;
    margin-bottom: 25px;
}
.disposal__card .card.course-card .card-body p {
    font-size: 20px;
}
.disposal__card .card.course-card:before {
    top: 0;
    height: 100%;
    width: 100%;
}
.disposal__card .card.course-card.is-active .card-body {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.course-button {
    margin-top: 15px;
    width: 150px !important;
}
.course-details {
    font-weight: 600;
    margin-top: 25px;
    font-size: 24px !important;
}

.main--useCases .tt-assistantBg .main__bg-img-2,
.main--useCases .tt-quantBg .main__bg-img-2,
.tt-coursesBg .main__bg-img-2 {
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-35%);
            transform: translateY(-35%);
    max-width: 80%;
}

#helpContactForm .g-recaptcha {
    display: flex;
    justify-content: center;
}

.help__wrapper-bg {
    top: -5% !important;
}

.custom-icon-volume-control {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.custom-icon-volume-control svg {
    width: 30px;
    height: 30px;
}

.mw-auto {
    min-width: auto !important;
}

.c-btn.c-btn--border svg {
    width: 20px;
    height: 20px;
    fill: #6772e5;
}

.c-btn.c-btn--border:hover svg {
    fill: #ffffff;
}

.alert-white {
    color: #f05858 !important;
    background-color: #ffff;
    border-color: #f05858 !important;
    border: 1px solid !important;
}

/* Addons */
.addons-block h2,
.addons-block h3 {
    font-weight: bold;
}

.addons-block .c-btn {
    width: auto;
    min-width: inherit;
    padding: 0 10px;
}

.addons-block .c-btn.btn-lg {
    height: 50px;
    font-size: 18px;
    padding: 0 20px;
}

.addons-block .c-btn.c-btn--bg:focus {
    border-color: #6772e5 !important;
    background: #ffffff;
    outline: 0;
}

.addons-block .c-btn.c-btn--bg svg {
    fill: #ffffff;
}

.addons-block .c-btn.c-btn--bg:focus svg,
.addons-block .c-btn.c-btn--bg:hover svg {
    fill: #6772e5 !important;
}

.addons-block .form-control {
    width: 100px;
}

.addons-block .text-price {
    font-size: 40px;
    font-weight: 700;
}

.home-hero-btn .c-btn {
    font-size: 20px;
    height: 55px;
    padding: 0 40px;
}

/* custom validation erros alert */
.validation-errors .alert.alert-danger {
    border-radius: 6px;
    border: 1px solid #d66f78;
}
.validation-errors ul {
    padding-left: 10px;
}
.validation-errors ul li {
    list-style: outside;
}
.validation-errors .icon-close {
    font-size: 14px;
    color: #390409;
}
/* CSS NARAN */
.link-btn-near-input {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 35px;
    background-color: #cccccc;
    font-size: 16px;
    letter-spacing: 0.09px;
    color: #666666;
    border: none;
    border-left: 1px solid #e8eff3;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.link-btn-near-input:hover {
    background-color: #6772e5;
    color: #ffffff !important;
}

.col-5 .form-group.form-group--wbtn {
    position: relative;
}
.flatpickr-time {
    display: contents !important;
    height: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.greek-total-p {
    font-weight: 500;
    font-size: 10px;
    letter-spacing: .23px;
}
.c-btn--bg-danger {
    background-color: #b7162a;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.c-btn--danger {
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 110px;
    height: 40px;
    border: 1px solid #ed5467;
    box-shadow: none;
    border-radius: 6px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
}
.c-btn--bg-danger:hover {
    color: #ed5467;
    background-color: transparent;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.form-control-custom-sm {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .35rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.font-weight-800 {
    font-weight: 800 !important;
}

/**new pricing css**/
.new__pricingCard {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}
.pricing__topHead {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 28px;
    margin-bottom: 25px;
}
.pricing__subHead {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 28px;
    margin-bottom: 10px;
}
.new__pricingCard .main__title {
    padding-bottom: 0;
    color: #6772e5;
    font-size: 75px;
    width: auto;
    position: relative;
    max-width: initial;
    display: inline-block;
}
.new__priceAmnt .currency-symbol {
    position: absolute;
    font-size: 50px;
    top: -10px;
    left: -40px;
    font-weight: 400;
    color: #333;
}
.wallet__sec {
    width: 100%;
    display: inline-block;
    padding: 50px 0;
}
.wallet__sec h2 {
    font-weight: 700;
}
.wallet__sec .wallet__amnt {
    background: #d9d9d9;
    margin-left: 20px;
    padding: 8px 30px;
    font-size: 20px;
    text-align: center;
    border-radius: 10px;
    width: 150px;
}
.wallet__list {
    width: 100%;
    display: block;
    padding-top: 10px;
}
.wallet__list li {
    font-size: 15px;
    padding-bottom: 8px;
    display: flex;
    gap: 15px;
}
.wallet__list li img {
    max-width: 15px;
}
.wallet__list li:last-child {
    padding-bottom: 0;
}
.card.wallet-card {
    text-align: center;
    border-radius: 15px;
    max-width: 450px;
    margin: 0 auto;
}
.card.wallet-card .card-body {
    padding: 35px 20px 35px;
}
.card.wallet-card h2 {
    width: auto;
}
.card.wallet-card .form-group {
    justify-content: center;
    width: auto;
    max-width: 131px;
    margin: 0 auto;
    position: relative;
}
.card.wallet-card select {
    width: auto;
    border: 1px solid #d9d9d9;
    margin-top: 25px;
    color: #333;
    height: 45px;
    padding: 1px 25px;
}
.card.wallet-card select option.font-small {
    font-size: 14px;
}
.card.wallet-card a {
    font-size: 20px;
    margin-top: 30px;
    padding: 7px 20px;
    height: auto;
}
.card.wallet-card .currency-symbol {
    position: absolute;
    top: 35px;
    font-size: 17px;
    left: -45px;
}
.modal--wallet .strategy__card-footer p {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.modal--wallet .strategy__card-footer.strategy__card__2 {
    margin-top: 30px;
}
.modal--wallet .c-btn {
    min-width: 100px;
    font-size: 13px;
}
.modal--wallet .wallet-title {
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
}
.modal--wallet select {
    width: 130px;
    margin-right: 20px;
}
.modal--wallet .c-btn--border.fill-clr {
    background: #6772e5;
    color: #fff;
    margin-bottom: 0;
}
.wallet-modal-card {
    background-color: #6772e5;
    border-radius: 6px;
    padding: 15px;
}
.wallet-modal-card .strategy__card-footer span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    font-weight: 400;
}
.wallet-modal-card .strategy__card-footer .first-value {
    flex: 1;
    text-align: center;
    min-height: auto;
}
.wallet-modal-card .strategy__card-footer .second-value {
    flex: 1;
    text-align: center;
    min-height: auto;
}
.modal--wallet .modal__close {
    top: 10px;
    right: 5px;
}
.wallet-select-group select {
    width: 200px;
}
.wallet-select-group .currency-symbol {
    position: absolute;
    font-size: 17px;
    margin-top: 8px;
    margin-left: 5px;
}
@media (min-width: 992px) and (max-width: 1024px) {
    .pricing__subHead {
        font-size: 17px;
        line-height: 26px;
    }
    .pricing__topHead {
        font-size: 18px;
    }
    .new__pricingCard .main__title {
        font-size: 70px;
    }
    .new__priceAmnt .currency-symbol {
        font-size: 45px;
        top: -7px;
        left: -35px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .new__pricingCard {
        margin-top: 30px;
    }
    .wallet__list {
        padding-top: 20px;
        padding-bottom: 35px;
    }
    .new__pricingCard .main__title {
        font-size: 70px;
    }
    .new__priceAmnt .currency-symbol {
        font-size: 45px;
        top: -7px;
        left: -35px;
    }
}
@media (max-width: 767px) {
    .new__pricingCard {
        margin-top: 30px;
    }
    .new__pricingCard .main__title {
        font-size: 70px;
    }
    .new__priceAmnt .currency-symbol {
        font-size: 45px;
        top: -7px;
        left: -35px;
    }
    .wallet__list {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .wallet__sec h2 {
        font-size: 26px;
    }
    .wallet__sec .wallet__amnt {
        width: 120px;
    }
    .modal--wallet .strategy__card-footer > div:first-of-type:after,
    .modal--wallet .strategy__card-footer > div:nth-of-type(2):after {
        display: none;
    }
    .modal--wallet .strategy__card-footer > div {
        margin: 0;
    }
    .modal--wallet .strategy__card-footer > div {
        padding: 0;
    }
    .modal--wallet .c-btn {
        margin-bottom: 15px;
    }
    .modal--wallet .strategy__card-footer > div:nth-of-type(2) {
        padding-left: 1.5rem !important;
    }
    .modal--wallet .wallet-title {
        font-size: 18px;
    }
}
@media (max-width: 450px) {
    .strategy__card-footer span {
        display: block;
        margin-bottom: 6px;
    }
    .modal--wallet .strategy__card-footer p {
        line-height: 15px;
    }
    .col-6.mobile-full-width {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .strategy__card-footer.p-0.d-flex.align-items-center {
        max-width: 200px;
        margin: 0 auto;
    }
    .wallet-modal-card {
        margin-bottom: 20px;
    }
    .modal--wallet .strategy__card-footer > div:nth-of-type(2) {
        padding-left: 1.5rem !important;
    }
    .mobile-full-width.mob-0 .wallet-modal-card {
        margin-bottom: 0;
    }
    .wallet-modal-card .strategy__card-footer .first-value {
        text-align: left;
    }
    .modal--wallet .strategy__card-footer > div:nth-of-type(2) {
        text-align: left;
        padding-left: 3.5rem !important;
    }
}

/* Naran */
.form-control::-webkit-input-placeholder {
    color: #929da1;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #929da1;
    opacity: 1;
}
.form-control::-ms-input-placeholder {
    color: #929da1;
    opacity: 1;
}
.form-control::placeholder {
    color: #929da1;
    opacity: 1;
}
#coupon::-webkit-input-placeholder {
    color: #929da1 !important;
    opacity: 1;
}
#coupon:-ms-input-placeholder {
    color: #929da1 !important;
    opacity: 1;
}
#coupon::-ms-input-placeholder {
    color: #929da1 !important;
    opacity: 1;
}
#coupon::placeholder {
    color: #929da1 !important;
    opacity: 1;
}
.preserve-whitespace {
    white-space: pre-wrap;
}

/* Stripe Css */
.StripeElement {
    padding: 35px 50px;
}

/** New Sign Up Page **/
.single-pag {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
}
.main-header {
    background: transparent;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    padding: 33px 0;
    display: flex;
    align-items: center;
}
.fixed-top1 {
    top: 0;
    z-index: 999;
    background: #fff !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    padding: 20px 0;
}
#main-header,
.fixed-top1 {
    position: fixed;
    left: 0;
}
.navbar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar-header .logo span {
    font-size: 25px;
    color: #1f1f1f;
    font-weight: 500;
}
.navbar-header .mobile-icon {
    display: none;
}
.navbar-header .mobile-icon img {
    max-width: 24px;
    cursor: pointer;
    margin-right: 30px;
}
.navbar-header .logo img {
    max-width: 175px;
}
.navbar-header ul {
    display: flex;
    align-items: center;
}

.navbar-header .btns {
    display: flex;
    align-items: center;
    gap: 10px;
}
.navbar-header ul li .active {
    color: #ef6262;
}
.navbar-header ul li {
    font-size: 15px;
}
.navbar-header ul li a {
    padding: 20px;
    font-size: 18px;
}
.single-btn {
    font-size: 22px;
    line-height: 26px;
    background-color: #6772e5;
    padding: 15px 30px;
    border-radius: 0;
    position: relative;
    box-shadow: 2px 4px 30px rgba(88, 109, 247, 0.5019607843137255);
    color: #fff;
    border-radius: 6px;
    transition: all 0.5s ease;
    margin-top: 20px;
    display: inline-block;
}
.single-btn:hover {
    color: #fff;
    background: #4f5ce1;
}
.single-page-sec {
    padding: 50px 0px;
}
.single-page-sec .container {
    padding-left: 0px;
    padding-right: 0px;
}
/**banner css**/
.single-page-banner {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 155px;
    padding-bottom: 0;
}
.banner-cnt {
    margin-top: 35px;
}
.banner-img img {
    max-width: 650px;
}
.banner-cnt h1 {
    padding-bottom: 10px;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: 0.6px;
    position: relative;
}

.banner-cnt p {
    color: rgba(51, 51, 51, 0.8);
    font-size: 20px;
    line-height: 1.55;
    letter-spacing: 0.1px;
    margin-bottom: 30px;
}
.img-top-left {
    position: absolute;
    top: 0;
    left: 0;
}
.img-top-left img {
    width: 100%;
}
.img-top-right {
    position: absolute;
    right: 0;
    top: 115px;
    width: 40%;
    display: flex;
    min-height: 100%;
    align-items: center;
    z-index: -1;
}
.img-top-right img {
    width: 100%;
}
.why-tradetron {
    width: 100%;
    float: left;
}
.sec-head {
    font-size: 40px;
    margin-bottom: 40px;
    font-weight: 700;
}
.why-tradetron .table thead th {
    vertical-align: middle;
    font-size: 24px;
}
.why-tradetron .table thead th img {
    max-width: 150px;
}
.why-tradetron .table th,
.why-tradetron .table td {
    padding: 1.15rem;
}
.why-tradetron .table td .check-icon {
    max-width: 40px;
}
.sec-sub-head {
    font-size: 22px;
    color: #636a97;
    font-weight: 400;
}
.trade-tab-sec {
    padding-top: 10px;
}
.trade-tab-sec .tab-sec {
    margin-top: 50px;
}
.trade-tab-sec .tab-sec .nav a {
    margin-bottom: 20px;
}
.trade-tab-sec .tab-sec .nav a img {
    max-width: 30px;
    margin-right: 15px;
}
.trade-tab-sec .tab-sec .nav a p {
    font-size: 18px;
}
.trade-tab-sec .nav-pills .nav-link {
    padding: 20px;
    border: none !important;
    height: 66px;
}
.trade-tab-sec .nav-pills .nav-link.active {
    background: #f3f3ff;
    border-radius: 15px;
    border: none !important;
    height: auto;
}
.nav-tabs {
    border: none;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link:focus {
    border-color: transparent !important;
}
.trade-tab-sec .nav-tabs .nav-link:hover .active-icon {
    display: block;
}
.trade-tab-sec .nav-tabs .nav-link:hover .n-active-icon {
    display: none;
}
.trade-tab-sec .nav-pills .nav-link.active .tab-head {
    border-bottom: 1.5px solid rgb(214, 219, 255);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.trade-tab-sec .nav-pills .nav-link.active .tab-head .infoBannerLeftLabel {
    color: #6772e5;
    line-height: normal;
}
.trade-tab-sec .nav-pills .nav-link.active p {
    font-weight: 700;
}
.trade-tab-sec .nav-pills .nav-link .tab-sub-cnt {
    display: none;
}
.trade-tab-sec .nav-pills .nav-link .tab-sub-cnt h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333;
    font-weight: 700;
}
.trade-tab-sec .nav-pills .nav-link .tab-sub-cnt span {
    color: #333;
    font-size: 16px;
}
.trade-tab-sec .nav-pills .nav-link.active .tab-sub-cnt {
    display: block;
}
.trade-tab-sec .tab-content img {
    max-width: 470px;
    width: 100%;
}
.trade-tab-sec .nav-pills .nav-link.active .tab-head .icon-font {
    color: #6772e5;
}
.trade-tab-sec .nav-pills .nav-link:hover .icon-font {
    color: #6772e5;
}
.trade-tab-sec .nav-pills .nav-link:hover .tab-head .infoBannerLeftLabel {
    color: #6772e5;
}
.bg-card {
    width: 100%;
    display: inline-block;
    padding: 3%;
    background-image: linear-gradient(
        to right,
        #ff5f80,
        #ff707c,
        #ff807b,
        #ff8f7d,
        #ff9e81
    );
    border-radius: 70px;
}
.bg-card h2 {
    color: #fff;
    margin-bottom: 10px;
    margin-top: 20px;
}
.bg-card h5 {
    color: #fff;
    margin-bottom: 15px;
}
.round-btn {
    padding: 18px 50px;
    border-radius: 50px !important;
    margin: 3% 0 7%;
    display: inline-block;
    font-size: 22px;
    color: #fff;
    background-color: #6772e5;
    transition: all 0.5s ease;
}
.round-btn:hover {
    background-color: #4f5ce1;
    color: #fff;
    box-shadow: 2px 4px 30px rgba(88, 109, 247, 0.5019607843137255);
}
.bg-card .innner-card {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    color: #fff;
    padding: 20px;
    background: hsl(0deg 43.82% 76.74% / 50%);
    box-shadow: 2px 27px 99px rgba(163, 151, 246, 0.10196078431372549);
    border-radius: 20px;
    margin: 0 10px;
    max-width: 93%;
    margin-bottom: 40px;
}
.bg-card .innner-card img {
    width: 55px;
}
.bg-card .innner-card h6 {
    margin-bottom: 3px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
}
.bg-card .innner-card p {
    color: #fff;
}
.testimonial {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 0;
}
.accordion.tab-sec-res img {
    max-width: 30px;
    margin-right: 15px;
}
.accordion.tab-sec-res .nav-link.collapsed .active-icon {
    display: none;
}
.learn-more-btn {
    padding-left: 1.15rem;
    font-size: 15px;
    color: #6772e5;
    font-weight: 500;
}
.learn-more-btn:hover {
    color: #4f5ce1;
}
.header-btn {
    display: none;
    background: #6772e5;
    border-radius: 200px;
    padding: 7px 20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 2px 4px 30px rgba(88, 109, 247, 0.5019607843137255);
    transition: all 0.5s ease;
}
.header-btn:hover {
    background: #4f5ce1;
    color: #fff;
}
.fixed-top1 .header-btn {
    display: block;
    transition: all 0.5s ease;
}
.fixed-top1 .main-nav {
    display: none;
    transition: all 0.5s ease;
}
.help-sec {
    width: 100%;
    float: left;
    background: #f4f9fe;
}
.footer {
    width: 100%;
    float: left;
    padding-top: 45px;
}
.social__list img {
    max-width: 25px;
}
/* The Mobile Menu that appears on click */
.mobile-menu {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    min-height: 200px;
    height: 100%;
    background: #fff;
    margin: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    overflow: scroll;
}
@media (min-width: 1024px) {
    .mobile-menu {
        float: right;
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        min-height: auto;
        height: auto;
        padding: 0;
        width: auto;
        background: transparent;
        display: none;
        opacity: 1;
    }
}
.mobile-menu.open {
    opacity: 1;
    pointer-events: all;
}

.main-menu {
    margin: 30px;
    padding: 0;
}
@media (min-width: 1024px) {
    .main-menu {
        width: 600px;
        margin: 0 auto;
    }
}
.main-menu__item {
    padding: 0;
    display: block;
    position: relative;
}
@media (min-width: 1024px) {
    .main-menu__item {
        float: left;
        display: block;
    }
}
.main-menu__link {
    border-bottom: 0;
    color: white;
    font: bold 15px/15px Arial;
    display: block;
    padding: 20px;
    position: relative;
}
@media (min-width: 1024px) {
    .main-menu__link {
        float: left;
        color: black;
    }
}
.main-menu__link:hover,
.main-menu__link:focus,
.main-menu__link:active {
    border-bottom: 0;
    background: black;
    color: white;
}

.open-button {
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    position: absolute;
    cursor: pointer;
    border-bottom: 0;
    top: 40px;
    right: 25px;
    z-index: 99999;
    border-bottom: 0;
}
@media (min-width: 768px) {
    .open-button {
        display: none;
    }
}
.open-button:hover {
    border-bottom: 0;
}
.open-button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: black;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}
.open-button.open span {
    background: #222;
}
.open-button span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.open-button span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.open-button span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
            transform-origin: left center;
}
.open-button.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: -3px;
    left: 8px;
}
.open-button.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.open-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 19px;
    left: 8px;
}
/* Scroll lock style for body */
.lock-scroll {
    overflow: hidden;
}
.main-menu li {
    padding-bottom: 20px;
}
.accordion.tab-sec-res {
    display: none;
}
.accordion.tab-sec-res .nav-link {
    background: #f3f3ff;
    border-radius: 15px;
    border: none !important;
    padding: 20px;
}

.accordion.tab-sec-res .nav-link .tab-head {
    border-bottom: 1.5px solid rgb(214, 219, 255);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.accordion.tab-sec-res .nav-link .icon-font {
    color: #6772e5;
}
.accordion.tab-sec-res .card-header {
    background: transparent;
    padding: 0;
    border: none;
}
.accordion.tab-sec-res .nav-link .tab-head .infoBannerLeftLabel {
    color: #6772e5;
    line-height: normal;
    font-weight: 700;
    font-size: 18px;
}
.accordion.tab-sec-res .nav-link .tab-sub-cnt h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}
.accordion.tab-sec-res .nav-link .tab-sub-cnt span {
    color: #333;
    font-size: 16px;
    font-weight: normal;
}
.accordion.tab-sec-res .nav-link .n-active-icon {
    display: none;
}
.accordion.tab-sec-res .nav-link .active-icon {
    display: block;
}
.accordion.tab-sec-res .nav-link.collapsed .n-active-icon {
    display: block;
}
.accordion.tab-sec-res .card {
    margin-bottom: 30px;
    border: none;
}
.accordion.tab-sec-res .card-body {
    padding: 20px 0 0;
}
.accordion.tab-sec-res .card-body img {
    max-width: 100%;
    width: 100%;
}
.accordion.tab-sec-res .nav-link.collapsed {
    background: transparent;
    padding: 0 0 0 20px;
}
.accordion.tab-sec-res .nav-link.collapsed .tab-head {
    padding: 0;
    border: none;
}
.accordion.tab-sec-res .nav-link.collapsed .tab-head .icon-font {
    color: #333;
}
.accordion.tab-sec-res .nav-link.collapsed .tab-sub-cnt {
    display: none;
}
.accordion.tab-sec-res .nav-link.collapsed .infoBannerLeftLabel {
    font-weight: 400;
    color: #111;
}
.mobi-le-learn-more-btn {
    display: none;
}
img.down-arrow-footer {
    max-width: 18px;
}
.trade-tab-sec .nav-pills .nav-link .active-icon {
    display: none;
}
.trade-tab-sec .nav-pills .nav-link.active .n-active-icon {
    display: none;
}
.trade-tab-sec .nav-pills .nav-link.active .active-icon {
    display: block;
}

/**mead css**/

@media (max-width: 1367px) {
    .single-page-banner .banner-img img {
        max-width: 615px;
    }
}
@media (max-width: 1280px) {
    .single-page-banner .banner-img img {
        max-width: 580px;
    }
    .single-page-banner .banner-cnt {
        margin-top: 65px;
        margin-left: 15px;
    }
}

@media (max-width: 1024px) {
    .img-top-left {
        left: -100px;
    }
    .single-page-banner .banner-cnt {
        margin-top: 55px;
        margin-left: 10px;
    }
    .single-page-banner .banner-cnt h1 {
        font-size: 63px;
    }
    .single-page-banner .banner-img img {
        max-width: 465px;
    }
    .bg-card .innner-card img {
        width: 60px;
    }
    .bg-card .innner-card {
        max-width: 100%;
        min-height: 105px;
    }
    .single-page-banner {
        padding-top: 140px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .single-page-banner .banner-cnt h1 {
        font-size: 47px;
    }
    .single-page-banner .banner-img img {
        max-width: 350px;
    }
    .trade-tab-sec .tab-sec .nav a {
        margin-bottom: 10px;
    }
    .bg-card-sec {
        padding-top: 35px;
    }
}
@media (max-width: 767px) {
    .img-top-left {
        top: -20px;
        left: -150px;
    }
    .single-page-banner .banner-cnt h1 {
        font-size: 40px;
    }
    .single-page-banner .banner-cnt {
        margin-top: 20px;
        margin-left: 0;
        text-align: center;
        margin-bottom: 25px;
    }
    .single-page-sec .container,
    #main-header .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .single-page-banner .banner-img img {
        max-width: 95%;
    }
    .img-top-right {
        top: 200px;
        width: 75%;
    }
    .banner-img {
        text-align: center;
    }
    .sec-head {
        font-size: 28px;
        margin-bottom: 5px;
        margin-top: 20px;
    }
    .bg-card {
        border-radius: 25px;
    }
    .round-btn {
        padding: 12px 30px;
    }
    .bg-card-sec {
        padding-top: 20px;
    }
    .sec-sub-head {
        font-size: 20px;
    }
    .why-tradetron .table thead th {
        font-size: 18px;
    }
    .why-tradetron .table thead th img {
        max-width: 115px;
    }
    .why-tradetron .table th,
    .why-tradetron .table td {
        padding: 10px;
    }
    .why-tradetron table {
        font-size: 15px;
    }
    .why-tradetron .table td .check-icon {
        max-width: 35px;
    }
    .learn-more-btn {
        margin-top: 20px;
        display: inline-block;
    }
    .bg-card .innner-card {
        margin-bottom: 30px;
    }
    .header-btn {
        padding: 5px 15px;
        font-size: 14px;
    }
    .navbar-header .logo img {
        max-width: 155px;
    }
    .main-nav {
        display: none !important;
    }
    .lock-scroll .logo {
        display: none;
    }
    .fixed-top1 .open-button {
        display: none;
    }
    .accordion.tab-sec-res {
        display: block;
        padding-top: 30px;
    }
    .tab-sec {
        display: none;
    }
    .mobi-le-learn-more-btn {
        display: block;
        margin-top: 0;
    }
}

/**Tradetron usa sec css**/
/**Tradetron usa sec css**/
.why-tade-sec {
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
}

.why-tade-sec img {
    max-width: 360px;
    width: 100%;
}

.why-tade-sec h3 {
    font-weight: 700;
    margin-bottom: 10px;
}

.why-tade-sec p {
    font-size: 18px;
}

.trade-contact-form-sec {
    width: 100%;
    display: inline-block;
    padding-top: 0;
}

.trade-contact-form-sec .form-group>input {
    outline: none;
    height: 40px;
    padding: 0 15px;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid hsla(0, 0%, 72.5%, .3);
    background-color: #fff;
    font-size: 14px;
}

.trade-contact-form-sec .form-group textarea {
    min-height: 120px;
    font-size: 14px;
    border-radius: 6px;
}

.trade-contact-form-sec .c-btn--bg {
    width: auto;
    display: inline-block;
}

.trade-single-page .strategy__card {
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 1px 20px 0 rgb(17 30 79 / 10%);
    background-color: #fff;
    padding: 20px 15px;
    margin-bottom: 20px;
    position: relative;
}

.trade-single-page .font-14 {
    font-size: 14px;
}

.trade-single-page .strategy__card-tags a {
    line-height: normal;
}


.str-creation-btn {
    line-height: 27px;
    margin-top: 30px;
}

.cus-statergry {
    padding: 55px 0;
    background: #f4f9fe;
}

section.bg-card-sec.single-page-sec p {
    color: #fff;
}

.sign-up-btns {
    display: flex;
}

.fixed-top1 .sign-up-btns {
    display: none;
}

.interactive-demo.single-page-sec {
    width: 100%;
    padding-bottom: 60px;
}

.nav-bar-us-menu {
    display: flex;
}

.trade-client-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.boker-not-card .sec-head {
    font-size: 30px;
    margin-bottom: 20px;
}

.trade-client-img img {
    max-width: 180px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.boker-not-card {
    box-shadow: 0 2px 20px 0 rgba(17, 30, 79, .08);
    padding: 25px;
    min-height: 250px;
}

.boker-not-card .sec-sub-head {
    margin-bottom: 10px;
    font-size: 17px;
}

/**meadia css**/

@media (max-width:1367px) {
    .single-page-banner .banner-img img {
        max-width: 615px;
    }
}

@media (max-width:1280px) {
    .single-page-banner .banner-img img {
        max-width: 580px;
    }

    .single-page-banner .banner-cnt {
        margin-top: 65px;
        margin-left: 15px;
    }
}

@media (max-width: 1024px) {
    .img-top-left {
        left: -100px;
    }

    .single-page-banner .banner-cnt {
        margin-top: 55px;
        margin-left: 10px;
    }

    .single-page-banner .banner-cnt h1 {
        font-size: 63px;
    }

    .single-page-banner .banner-img img {
        max-width: 465px;
    }

    .bg-card .innner-card img {
        width: 60px;
    }

    .bg-card .innner-card {
        max-width: 100%;
        min-height: 105px;
    }

    .single-page-banner {
        padding-top: 140px;
    }

    .trade-single-page .strategy__card-tags a {
        padding: 4px 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .single-page-banner .banner-cnt h1 {
        font-size: 47px;
    }

    .single-page-banner .banner-img img {
        max-width: 350px;
    }

    .trade-tab-sec .tab-sec .nav a {
        margin-bottom: 10px;
    }


    .why-tade-sec h3 {
        font-size: 24px;
    }

    .sec-head {
        font-size: 36px;
    }

    .sec-sub-head {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .boker-not-card {
        min-height: 330px;
    }
}

@media (max-width: 767px) {
    .img-top-left {
        top: -20px;
        left: -150px;
    }

    .single-page-banner .banner-cnt h1 {
        font-size: 40px;
    }

    .single-page-banner .banner-cnt {
        margin-top: 20px;
        margin-left: 0;
        text-align: center;
        margin-bottom: 25px;
    }

    .single-page-sec .container,
    #main-header .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .single-page-banner .banner-img img {
        max-width: 95%;
    }

    .img-top-right {
        top: 200px;
        width: 75%;
    }

    .banner-img {
        text-align: center;
    }

    .sec-head {
        font-size: 28px;
        margin-bottom: 5px;
        margin-top: 20px;
    }

    .bg-card {
        border-radius: 25px;
    }

    .round-btn {
        padding: 12px 30px;
    }

    .sec-sub-head {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .why-tradetron .table thead th {
        font-size: 18px;
    }

    .why-tradetron .table thead th img {
        max-width: 115px;
    }

    .why-tradetron .table th,
    .why-tradetron .table td {
        padding: 10px;
    }

    .why-tradetron table {
        font-size: 15px;
    }

    .why-tradetron .table td .check-icon {
        max-width: 35px;
    }

    .learn-more-btn {
        margin-top: 20px;
        display: inline-block;
    }

    .bg-card .innner-card {
        margin-bottom: 30px;
    }

    .header-btn {
        padding: 5px 15px;
        font-size: 14px;
    }

    .navbar-header .logo img {
        max-width: 155px;
    }

    .main-nav {
        display: none !important;
    }

    .lock-scroll .logo {
        display: none;
    }

    .fixed-top1 .open-button {
        display: none;
    }

    .accordion.tab-sec-res {
        display: block;
        padding-top: 30px;
    }

    .tab-sec {
        display: none;
    }

    .mobi-le-learn-more-btn {
        display: block;
        margin-top: 0;
    }

    .why-tade-sec h3 {
        font-size: 20px;
    }

    .why-trade-head {
        margin-bottom: 28px;
    }

    .why-tade-sec img {
        margin-top: 20px;
    }

    .why-tradetron.single-page-sec {
        padding-bottom: 20px;
    }

    .trade-tab-sec.single-page-sec.trade-single-page.latest__strategies-section.mstrategy__home {
        padding-bottom: 15px;
    }

    section.bg-card-sec.single-page-sec {
        padding-bottom: 20px;
    }

    .why-trade-img {
        text-align: center;
    }

    .why-tade-sec p {
        line-height: 15px;
        line-height: 24px;
    }

    .single-pag {
        font-size: 15px;
        line-height: 24px;
    }

    .cus-statergry h2 {
        margin-top: 0;
    }

    .sign-up-btns {
        display: none;
    }

    .mobile-menu .header__btn--signin {
        margin-left: 0;
    }

    .boker-not-card {
        margin-bottom: 30px;
    }

    .boker-not-card .sec-head {
        font-size: 26px;
    }
}


/**setting css**/
.trade-settings p {
    font-size: 14px !important;
    font-weight: normal !important;
}

.trade-settings .trade-note {
    padding: 20px;
    border-radius: 8px;
    background: rgba(179, 197, 220, 0.2);
    margin-top: 20px;
}

.switch-trade-ver-btn {
    margin-top: 40px;
}

.hiddenDiv {
    display: none;
}

.hiddenDiv button {
    max-width: 250px !important;
    padding: 0 15px;
}

/**white label html page **/
.single-btn {
    font-size: 22px;
    line-height: 26px;
    background-color: #6772e5;
    padding: 15px 30px;
    border-radius: 0;
    position: relative;
    box-shadow: 2px 4px 30px rgba(88, 109, 247, .5019607843137255);
    color: #fff;
    border-radius: 6px;
    transition: all 0.5s ease;
    margin-top: 20px;
    display: inline-block;
}

.single-btn.request-btn {
    background: #6772e5;
    border: 1px solid #6772e5;
    padding: 13px 27px;
    font-size: 18px;
    font-weight: 600;
    transition: border-color .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out;
}

.single-btn:hover {
    color: #fff;
    background: #4f5ce1;
}

.single-btn.request-btn:hover {
    background: #ffffff;
    border: 1px solid #6772e5;
    color: #6772e5;
}

.demo-schedule {
    width: 100%;
    float: left;
}

.demo-schedule img {
    max-width: 700px;
    width: 100%;
}

.white-label {
    max-width: 550px;
    width: 100%;
}

.why-white-label {
    padding-bottom: 30px;
}

.white-label-cnt {
    padding: 15px;
}

.packed-features {
    padding-bottom: 50px;
}

.client-logo {
    align-items: center;
    flex-wrap: wrap;
    gap: 0 40px;
    justify-content: center;
}

.client-logo img {
    max-width: 200px;
    margin-bottom: 30px;
}

.description.client-sec {
    padding-bottom: 50px;
}

.main__title.white-l-title {
    font-size: 43px;
}

.help__contacts-title.demo-title {
    font-size: 36px;
}

/** meadia css**/
@media (min-width: 992px) and (max-width: 1024px) {
    .demo-schedule img {
        position: static;
    }

    .demo-schedule .help__wrapper-1 {
        padding-bottom: 50px;
    }

    .demo-schedule form {
        padding: 98px;
    }

    .demo-schedule .help__contacts p {
        margin-top: 0 !important;
    }

    .demo-schedule img {
        max-width: 712px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cus-white-label {
        padding-bottom: 0px !important;
    }

    .cus-white-label img {
        max-width: 500px !important;
    }

    .demo-schedule img {
        position: static !important;
    }

    .demo-schedule .help__wrapper-1 {
        padding-bottom: 50px;
    }

    .demo-schedule form {
        padding: 98px;
    }

    .demo-schedule .help__contacts p {
        margin-top: 0 !important;
    }

    .help.demo-schedule {
        padding-bottom: 0 !important;
    }

    .why-white-label h2.c-title.mb-5 {
        margin-bottom: 30px !important;
    }

    .why-white-label .help .accordion .card-header button {
        font-size: 17px;
    }

    .packed-features .do__title {
        padding-top: 25px;
    }

    .demo-schedule img {
        max-width: 712px;
    }
}

@media(max-width: 767px) {
    .help.demo-schedule {
        padding-bottom: 0 !important;
    }

    .demo-schedule .help__contacts p {
        margin-top: 10px !important;
    }

    h2.c-title.mb-5 {
        margin-bottom: 30px !important;
    }

    .white-label {
        margin-bottom: 30px;
    }

    .help__contacts {
        padding-bottom: 80px;
    }

    .cus-white-label .main__title.white-l-title {
        font-size: 35px !important;
    }

    .cus-white-label {
        padding-bottom: 0 !important;
    }

    .client-logo img {
        max-width: 150px;
    }

    .client-logo {
        gap: 0 25px;
    }

    .packed-features .do__title {
        padding-top: 25px;
    }

    .demo-schedule .help__contacts {
        padding-bottom: 100px;
    }
}

/* Form Control */
.form-control-sm,
select.form-control-sm {
    height: 35px !important;
    padding: 0 8px !important;
    font-size: 14px !important;
    border-radius: 6px;
}

.form-control-xs,
select.form-control-xs {
    height: 22px !important;
    padding: 0 5px !important;
    font-size: 13px !important;
    border-radius: 3px;
}

.c-btn.btn-sm {
    height: 35px;
}

/* Create Stock Bag */
.form-group-search-input svg {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 10px;
    z-index: 10;
}

.form-group-search-input input.form-control-sm {
    padding-left: 30px !important;
    position: relative;
    z-index: 5;
}

.strategy__tabs-two div {
    max-width: calc(100% / 2);
}

.strategy__tabs-btn-sm {
    min-height: 38px !important;
}

.input-group .btn-sm {
    width: auto;
    height: 30px;
    min-width: auto;
    z-index: 5;
    position: relative;
}

.input-group .btn-sm:focus,
.input-group .btn-sm:active {
    outline: none;
}

.input-group .form-control-xs {
    height: 30px !important;
    font-style: normal !important;
}

.countField-id {
    width: 100px;
}

.table-bordered-none td {
    border: none;
}

.table-tree-struc {
    position: relative;
}

.table-tree-struc td {
    border-bottom: solid 1px #dee2e6;
    border-top: solid 1px #dee2e6;
    padding-top: 7px;
    padding-bottom: 7px;
}

.table-tree-struc th {
    border-top: none;
    border-bottom: solid 1px #dee2e6;
}

.table-tree-struc th:first-child {
    border-color: transparent;
}

.table-tree-struc tr th:first-child,
.table-tree-struc tr td:first-child {
    padding-left: 15px;
    position: relative;
}

.table-tree-struc tr td:first-child {
    background-color:  #dee2e6;
    width: 15px;
    border-color: transparent;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.table-tree-struc tr td:first-child:before {
    content: '';
    width: 18px;
    height: 2px;
    background-color: #dee2e6;
    position: absolute;
    left: -18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5;
}

.table-tree-struc {
    padding-left: 20px;
}

.table-tree-struc:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #dee2e6;
    position: absolute;
    left: 1px;
    top: -38px;
}
.table-v-middle th,
.table-v-middle td {
    vertical-align: middle;
}

/* Custom Auto Complete */

.custom-auto-complete {
    position: relative;
    z-index: 10;
}
.auto-complete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    z-index: 10;
    background: white;
}
.auto-complete-dropdown ul li {
    padding: 5px 15px;
}
.auto-complete-dropdown ul li:hover {
    background: #e5e5e5;
}
.auto-complete-dropdown ul li p {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.auto-complete-dropdown ul li p span {
    padding: 2px 5px;
    border-radius: 6px;
    background-color: rgba(179, 197, 220, .3);
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    color: #6772e5;
}

/**telegram notifications **/
.status.status--disabled{
    flex: 20%;
}
.status.enabled{
    flex: 20%;
}
.status--disabled span{
    display: flex;
    align-items: center;
}
.status--enabled span{
    display: flex;
    align-items: center;
}
.status--disabled span svg{
    width: 20px;
    margin-right: 3px;
    fill: #797979;
}
.status--enabled span svg{
    width: 20px;
    margin-right: 3px;
    fill: #22a419;
}
.status--disabled {
    color: #797979;
}
.status--enabled {
    color: #22a419;
}
.telegram-notification{
    gap: 20px;
}
.notifications-conditions h4{
    font-size: 20px;
}
.notifications-conditions p{
    line-height: normal;
}
.telegram-hide{
    display: none;
}

/* Guest stockbag page */
.remove-desc-on-tabs {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* deployed modal filter - multi select custom badge */
.more-selected-badge {
    margin-left: 40px;
    background: #d4eefa;
    border-radius: 4px;
    font-size: 11px;
    padding: 3px;
}

.small-icon-btn {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 5px 8px;
    background: #FFFFFF;
    border: 1px solid rgba(185, 185, 185, 0.3);
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    color: #333333;
    letter-spacing: 0.47px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
}

.custom-fit-img {
    max-width: 100%;
    max-height: 80%;
    width: auto;
    height: auto;
    display: block; /* Prevents inline spacing */
    -o-object-fit: contain;
       object-fit: contain; /* Ensures the image fits within the parent */
}
/* Deployed page Dropdown*/
.deployed .dropdown-container-pro {
    max-height: 300px;
    overflow-y: auto;
    min-width: 12rem;
}
@media screen and (max-width: 767px) {
    .deployed .dropdown-container {
        max-height: 250px !important;
    }
    .deployed .dropdown-container-pro {
        max-height: 420px !important;
    }
}

/* Campaign Pages */
h1.h1_large {
    font-size: 50px;
    font-weight: 700;
}

.bg-grey {
    background-color: #f3f3ff;
}

.step-process {
    position: relative;
    z-index: 10;
}

.step-process article {
    height: 100%;
    border-left: 1px solid #333333;
    counter-reset: list-number;
}

.step-process aside {
    position: relative;
    padding-left: 80px;
    margin-bottom: 80px;
    top: -10px
}

.step-process aside:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.step-process aside:before {
    counter-increment: list-number;
    content: counter(list-number);
    width:60px;
    height:60px;
    display:inline-flex;
    align-items:center;
    justify-content: center;
    font-size:26px;
    background-color:#333333;
    border-radius:50%;
    color: #ffffff;
    position: absolute;
    left: -30px;
    top: -15px;
}

.step-process .sticky-top {
    top: 120px;
}

@media screen and (max-width: 767px) {
    .step-process aside {
        padding-left: 60px;
        margin-bottom: 80px;
        top: 0px;
    }
}

.check-list li {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 28px!important;
    margin: 7px 0
}
.check-list li:before {
    content: "";
    background: url("/img/circle-check.svg") no-repeat center;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 2px;
    left: 0;
}
.check-list.main__desc li,
.check-list.font-lg li {
    padding-left: 40px!important;
    margin: 8px 0
}
.check-list.main__desc li:before {
    top: 3px;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
.check-list.font-lg li:before {
    top: 4px;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
}

/* Sale Page ================================================================================================================= */

.dark-page {
    background: #000001;
    color: #fff
}

.bg-ribbon {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 0;
}

.bg-ribbon img {
    width: 100%;
    opacity: .2
}

.bg-video-sale {
    width: 100%;
    position: absolute;
    top: -5%;
    opacity: 0.6;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
    z-index: -1;
}

.text-gradient-anim {
    color: #ff315b;
    font-size: 90px;
    font-weight: 800;
    background: linear-gradient(90deg, #FF7676 40%, #d980fa 60%, #858EF3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    -webkit-animation: textColorChange 10s ease-in-out infinite alternate;
            animation: textColorChange 10s ease-in-out infinite alternate
}

.dark-page .navbar-header .logo img {
    max-width: none;
    height: 54px;
}

.dark-page .header-btn,
.dark-page:not(.modal__btn--facebook) > .c-btn--bg {
    display: block;
    padding: 13px 25px;
    background: linear-gradient(251.31deg, #FF9682 2.92%, #FF8381 26.97%, #FF6F80 79.84%);
    box-shadow: none;
    border: 0;
    color: #ffffff;
}

.dark-page .header-btn:hover,
.dark-page:not(.modal__btn--facebook) > .c-btn--bg:hover {
    background: linear-gradient(251.31deg, #FF6F80 2.92%, #FF6F80 26.97%, #FF6F80 79.84%);
    color: #ffffff !important;
    box-shadow: rgba(255, 255, 255, 0.2) 0 5px 15px;
}

.dark-page .nav-right {
    display: flex
}

.dark-page .nav-right ul {
    margin-right: 40px
}

.dark-page .nav-right ul li a:not(.active) {
    color: #fff
}

.dark-page .main-header {
    padding: 25px 0;
    transition: 0.45s all ease;
}

.dark-page .fixed-top1 {
    top: 0;
    z-index: 999;
    background: rgba(10, 10, 10, .3) !important;
    -webkit-backdrop-filter: blur(100px) !important;
    backdrop-filter: blur(100px) !important;
    box-shadow: none;
    padding: 15px 0
}

.dark-page .fixed-top1 .main-nav {
    display: flex
}

@media (max-width: 767px) {
    .dark-page .navbar-header .logo img {
        max-width: none;
        height: 48px;
    }

    .dark-page .open-button:not(.open) span {
        background: #fff
    }

    .dark-page .header-btn {
        display: none;
        top: 20px;
        padding: 10px 15px;
    }

    .dark-page .main-header {
        padding: 20px 0
    }

    .dark-page .fixed-top1 {
        padding: 15px 0
    }

    .dark-page .fixed-top1 .header-btn {
        display: flex
    }
}

.dark-page .banner-cnt h1 {
    font-size: 65px;
    line-height: 1.2em;
    font-weight: 600
}

.dark-page .banner-cnt h1 span {
    color: #ff315b;
    font-size: 90px;
    font-weight: 800;
}

@-webkit-keyframes textColorChange {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: 100% 50%
    }
}

@keyframes textColorChange {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: 100% 50%
    }
}

.dark-page .banner-cnt h2 {
    font-size: 22px
}

.dark-page .banner-cnt h2 span {
    font-size: 37px;
    background-color: #6772e5;
    color: #fff;
    font-weight: 600;
    padding: 5px 15px 3px;
    border-radius: 10px;
    margin-right: 10px;
    display: inline-block;
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg)
}

.dark-page .btn-link {
    background-color: transparent !important;
    color: #fff !important
}

.dark-page .help .accordion .card-header {
    border: 1px solid hsla(0, 0%, 100%, .2);
    background-color: transparent !important
}

.dark-page .help .accordion .card-body p, .dark-page .help .accordion .card-header button {
    font-size: 20px
}

.dark-page .help .accordion .card {
    background: none !important
}

.dark-page .card {
    width: 100%;
    border: 1px solid hsla(0, 0%, 100%, .05);
    background: hsla(0, 0%, 100%, .04) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 15px
}

.dark-page .card .c-btn.btn-lg {
    height: 60px;
    line-height: 59px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 30px;
    padding: 0 40px
}

.dark-page .card .c-btn.btn-lg:visited,
.dark-page .card .c-btn.btn-lg:focus,
.dark-page .card .c-btn.btn-lg:active {
    color: #ffffff;
}

.timer, .timer .timer-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.timer .timer-box {
    width: 80px;
    height: 80px;
    flex-direction: column;
    text-align: center;
    font-size: 30px;
    line-height: 100%;
    background: hsla(0, 0%, 100%, .08) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    backdrop-filter: blur(3px) !important;
    margin: 5px;
    border-radius: 15px;
    font-weight: 600;
    border: 1px solid hsla(0, 0%, 100%, .1) !important
}

.timer .timer-box span {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    line-height: 100%;
    margin-top: 5px;
    font-weight: 300
}

@media (min-width: 768px) {
    .timer-lg .timer-box {
        width: 130px;
        height: 130px;
        font-size: 60px
    }

    .timer-lg .timer-box span {
        font-size: 17px;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .dark-page .single-page-banner {
        padding-top: 100px
    }

    .dark-page .banner-cnt h1 {
        font-size: 45px
    }

    .dark-page .banner-cnt h1 span {
        font-size: 70px
    }

    .dark-page .banner-cnt h2 {
        font-size: 17px
    }

    .dark-page .banner-cnt h2 span {
        font-size: 24px
    }
}

.options-exchange {
    text-align: center
}

.options-exchange .radio-cus {
    display: inline-block;
    margin: 0 5px
}

.radio-cus input[type=radio] {
    display: none
}

.radio-cus label {
    width: auto;
    font-weight: 400;
    position: relative;
    margin: 0;
    border: 1px solid hsla(0, 0%, 100%, .1);
    background: hsla(0, 0%, 100%, .04) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 15px;
    padding: 20px 28px 16px 60px;
    font-size: 15px
}

.radio-cus label:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #888;
    border-radius: 100%;
    left: 25px;
    z-index: 5
}

.radio-cus label:after, .radio-cus label:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
}

.radio-cus label:after {
    width: 12px;
    height: 12px;
    background: #6772e5;
    border-radius: 100%;
    left: 31px;
    display: none
}

.radio-cus input[type=radio]:checked + label:after {
    display: block
}

.radio-cus input[type=radio]:checked + label:before {
    border-color: #6772e5
}

.options-exchange .radio-cus input[type=radio]:checked + label {
    border-color: #6772e5 !important
}

.pricing-sec {
    position: relative
}

.pricing-table {
    display: flex;
    margin: 0 -10px
}

.pricing-table aside {
    width: 100%;
    border: 1px solid hsla(0, 0%, 100%, .1);
    background: hsla(0, 0%, 100%, .04) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 15px;
    padding: 20px 25px;
    margin: 0 .5em;
    text-align: center
}

.pricing-table aside hr {
    margin: 15px -25px;
    border-color: hsla(0, 0%, 100%, .08) !important
}

.pricing-table aside .price-txt {
    font-size: 35px;
    color: #6772e5;
    margin-bottom: 15px;
    font-weight: 600
}

.pricing-table aside .price-txt span {
    font-weight: 400
}

.pricing-table aside .off-txt {
    font-size: 14px
}

.pricing-table aside .off-txt span {
    background-color: #6772e5;
    color: #fff;
    display: inline-block;
    padding: 1px 7px 0;
    margin-left: 3px;
    border-radius: 5px;
    font-size: 17px
}

.pricing-table aside .e-divider {
    position: relative;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 300;
    margin: 5px 0 15px;
    width: 100%;
    display: block
}

.pricing-table aside .e-divider:after, .pricing-table aside .e-divider:before {
    content: "";
    width: 30%;
    height: 1px;
    left: 0;
    background: hsla(0, 0%, 100%, .2);
    position: absolute;
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
}

.pricing-table aside .e-divider:after {
    left: auto;
    right: 0
}

.pricing-table aside .c-btn {
    height: 45px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 25px;
    background: linear-gradient(251.31deg, #FF9682 2.92%, #FF8381 26.97%, #FF6F80 79.84%);
    border: 0;
    transition: 0.2s all ease;
}

.pricing-table aside .c-btn:hover {
    background: linear-gradient(251.31deg, #FF6F80 2.92%, #FF6F80 26.97%, #FF6F80 79.84%);
    color: #ffffff;
    box-shadow: rgba(255, 255, 255, 0.2) 0 5px 15px;
}

.bg-wave {
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.bg-wave img {
    width: 100%;
    opacity: .3
}

.dark-page .c-btn--bg:focus {
    background-color: transparent;
    color: #6772e5
}

@media (max-width: 767px) {
    .pricing-table {
        display: block;
        margin: 0;
        padding: 0 10px
    }

    .pricing-table aside {
        width: 100%;
        margin: 20px 0
    }
}

/* Sale Page =============================================================================================================================== */
.bg-theme {
    background: #6772e5 !important;
}


.icon-theme {
    fill: #6772e5 !important;
}

.count-number {
    font-family: "Marck Script", cursive;
    font-size: 125px;
    line-height: 100%;
}

/* Sale Modal  =============================================================================================================================== */
.bd-sale-modal .modal-content {
    background: url("/img/bg-bd-sale-modal.png") no-repeat center;
    background-size: cover;
}

.bd-sale-modal h2 {
    font-weight: 500 !important;
}

.bd-sale-modal h2 span {
    font-size: 40px;
    width: 100%;
    font-weight: 700;
    display: inline-block;
}

.bd-sale-modal h4 {
    font-size: 18px;
}

.bd-sale-modal h4 span {
    font-size: 22px;
    background-color: #6772e5;
    font-weight: 600;
    padding: 5px 15px 3px 15px;
    border-radius: 10px;
    margin-right: 5px;
    display: inline-block;
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
}

.bd-sale-modal .modal-footer {
    border-color: rgba(255, 255, 255, 0.2);
}

.bd-sale-modal .c-btn {
    font-size: 16px;
    font-weight: 500;
    height: 45px;
}

.digit-group {
    display: flex;
    justify-content: center;
    width: calc(100% + 10px);
    margin: 0 -5px;
}

.digit-group .form-control {
    width: calc(16.66% - 10px) !important;
    display: table-cell;
    margin: 0 5px;
    text-align: center;
    font-size: 25px;
    padding: 0;
}

/* Footer */
.social--footer svg {
    width: 1.8em;
    height: 1.6em;
    opacity: 0.7;
}

.social--footer a:hover svg {
    fill: #6772e5;
    opacity: 1;
}

.dark-page .social--footer svg {
    width: 1.8em;
    height: 1.6em;
    fill: #ffffff;
}

.dark-page .footer a {
    color: rgba(255, 255, 255, 0.8);
}

.dark-page .footer a:hover {
    color: #6772e5;
}

.dark-page .footer-app-btns img {
    border-radius: 10px;
    background: #ffffff;
}

.dark-page .modal {
    color: #333;
}

.mobile-verify .form-control {
    border-color: #1b1e21;
    height: 45px;
}

.digit-group {
    display: flex;
    justify-content: center;
    width: calc(100% + 10px);
    margin: 0 -5px;
}

.mobile-verify .digit-group .form-control {
    width: calc(16.66% - 10px) !important;
    height: 55px;
    display: table-cell;
    margin: 0 5px;
    text-align: center;
    font-size: 21px;
    padding: 0;
}

/* Trading App */
.single-btn-with-border {
    background-color: transparent !important;
    color: #6772e5;
}

.single-btn-with-border:hover {
    background-color: #6772e5 !important;
    color: #ffffff !important;
}

.c-btn.c-btn--lg {
    height: 50px !important;
    font-size: 17px;
}

.reg-setting .dropdown-toggle img {
    width: 15px;
    height: 15px;
    margin: -3px 5px 0 0;
}

.reg-setting .dropdown-menu {
    width: 17rem;
}

.reg-setting .dropdown-menu-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}

.reg-setting .dropdown-item {
    line-height: 1em;
    padding: 10px 20px !important;
    margin: 1px 0 !important;
}

.reg-setting .dropdown-item:hover {
    background: #f5f5f5;
}

.reg-setting .dropdown-item:hover span {
    color: #000000;
}

.reg-setting .dropdown-item.active {
    background: #f5f5f5;
    color: #000000;
}

.reg-setting .dropdown-item span span {
    text-transform: none;
}

.reg-setting .dropdown-item img {
    width: 30px;
    margin-right: 15px;
    padding: 2px;
}

.reg-setting .dropdown-item.active img {
    background: #ffffff;
    width: 34px;
    margin-right: 11px;
    border: 2px solid #6772e5;
}

@media (max-width: 1199px) {
    .reg-setting {
        position: relative;
        top: 0px;
        margin-left: 100px;
    }
}

/* Footer Contact */
@media (max-width: 991px) {
    .font-md {
        font-size: 13px !important
    }

    .font-md-2 {
        font-size: 15px !important
    }

    .font-lg {
        font-size: 18px !important
    }

    .font-xlg {
        font-size: 20px !important
    }

}

@media (max-width: 1199px) {
    .border-lg-0 {
        border: 0 !important;
    }
}

.rounded-xlg {
    border-radius: 10px !important;
}

.border-white-50 {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.border-white-25 {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.border-dark-50 {
    border-color: rgba(0, 0, 0, 0.5) !important;
}

.border-dark-25 {
    border-color: rgba(0, 0, 0, 0.25) !important;
}

.close-positioned-white {
    position: absolute;
    top: 1.2em;
    right: 1.2em;
    z-index: 45;
    outline: 0 !important;
}

a.c-btn.c-btn--bg svg {
    fill: #fff;
    transition: fill .3s ease-in-out, color .3s ease-in-out
}

a.c-btn.c-btn--bg:hover svg {
    fill: #6772e5
}

a.c-btn.c-btn-twitter {
    background: #1DA1F2;
    border-color: #1DA1F2;
    color: #ffffff;
}

a.c-btn.c-btn-twitter svg {
    fill: #ffffff;
}

/* Table - Vertical Scrollable */
.table-v-srollable table {
    display: grid;
    overflow: hidden;
    grid-template-rows: 1fr fit-content(378px) 1fr;
    rid-template-columns:
        minmax(40px, 1fr)
        minmax(150px, 1.67fr)
        minmax(150px, 1.67fr)
        minmax(150px, 1.67fr)
        minmax(150px, 3.33fr)
        minmax(150px, 1.67fr)
        minmax(150px, 3.33fr)
        minmax(150px, 1.67fr);
}

.table-v-srollable th, .table-v-srollable td {
    border: 1px solid #EEEEEE;
}

.table-v-srollable thead,
.table-v-srollable tbody,
.table-v-srollable tfoot,
.table-v-srollable tr {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / 8;
}

.table-v-srollable tbody {
    overflow: auto;
}

.table-v-srollable tbody td {
    padding: 8px 10px;
}

.table-v-srollable tfoot {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

/* Skeleton Loader */
.skeleton-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
    padding: 20px;
}

.loading-image {
    width: 100%;
    height: 80px;
    background: #e0e0e0;
    border-radius: 8px;
    -webkit-animation: loadingShimmer 1.5s infinite linear;
            animation: loadingShimmer 1.5s infinite linear;
}

.loading-text {
    width: 100%;
    height: 10px;
    background: #e0e0e0;
    border-radius: 4px;
    -webkit-animation: loadingShimmer 1.5s infinite linear;
            animation: loadingShimmer 1.5s infinite linear;
}


@-webkit-keyframes loadingShimmer {
    0% {
        background-position: 100%;
    }
    100% {
        background-position: -100%;
    }
}


@keyframes loadingShimmer {
    0% {
        background-position: 100%;
    }
    100% {
        background-position: -100%;
    }
}

.loading-image,
.loading-text {
    background: linear-gradient(
        90deg,
        #e0e0e0 25%,
        #fafafa 50%,
        #e0e0e0 75%
    );
    background-size: 200% 100%;
}

.logo-brokers {
    text-align: center;
}
.logo-brokers img {
    min-height: 45px;
    max-height: 45px;
    margin: 15px 20px;
}

/* Button - Theme Mode change */
.theme-mode-change .dark-mode-btn {
    width: 1.7em !important;
    margin: 0;
}
.theme-mode-change svg {
    width: 1.7em;
    height: 1.7em;
}

.theme-mode-change .icon-theme-light {
    display: none;
}

.theme-mode-change .dark-theme-active .icon-theme-light {
    display: inline-block;
}

.theme-mode-change .dark-theme-active .icon-theme-dark {
    display: none;
}

/* React Tooltip */
.__react_component_tooltip.place-top::before{
    display: none !important;
}

/* Snap Trade Modal Css */
.modal--snap-trade .condition-builder-iframe,
.modal--snap-trade .modal-content {
    height: 100%;
}
.modal--snap-trade .modal-dialog-centered {
    height: calc(100% - 3.5rem);
}

/* Independence Day Sale */
.step-process aside {
    width: 100%;
    display: inline-block;
}

.timer-light {
    justify-content: start;
    margin: 0 -5px;
}

.timer-light .timer-box {
    background-color: #f3f3ff !important;
}

.timer-white-box .timer-box {
    background-color: #ffffff !important;
}

.aug15Sale .modal-content {
    background: url("/img/bg-modal-independence-day-sale.png") no-repeat center;
    background-size: cover;
    border-radius: 12px;
}

.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #0E4187 url("/img/bg-star.png") repeat center;
    padding: 10px 0 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.bottom-bar aside {
    padding: 0 30px;
}

.bottom-bar aside p {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 20px 0 30px;
}

.bottom-bar .timer .timer-box {
    width: 60px;
    height: 50px;
    font-size: 20px;
    border-radius: 10px;
}

.bottom-bar .timer .timer-box span {
    font-size: 10px;
}

.bottom-bar .btn {
    border-radius: 24px;
    color: #0E4187;
    font-weight: 600;
    padding: 10px 30px;
}

.bottom-bar .close {
    margin-left: 30px;
    cursor: pointer;
}

/* Video Container */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 30px
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/* Bottom bar */
.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #0E4187 url("/img/bg-star.png") repeat center;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 999999999;
    box-shadow: rgba(0, 0, 0, 0.35) 0 0 15px;
}

.bottom-bar aside {
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.bottom-bar aside p {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 20px 0 30px;
}

.bottom-bar .timer .timer-box {
    width: 60px;
    height: 50px;
    font-size: 20px;
    border-radius: 10px;
}

.bottom-bar .timer .timer-box span {
    font-size: 10px;
}

.bottom-bar .btn {
    border-radius: 24px;
    color: #0E4187;
    font-weight: 600;
    padding: 10px 30px;
}

.bottom-bar .close {
    margin-left: 30px;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .bottom-bar {
        width: 100%;
        flex-direction: column;
        padding: 20px 60px;
        text-align: center;
    }

    .bottom-bar aside {
        flex-direction: column;
        margin: 10px 0 20px 0;
    }

    .bottom-bar p.font-lg {
        font-size: 20px !important;
    }

    .bottom-bar aside p {
        border: none;
        width: 100%;
        display: block;
        padding: 0;
    }

    .bottom-bar .close {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}

/* Wizard New ------------------------------------------------------------------------------------------------- */
.switch-multi-opt {
    float: left;
    border: 1px solid #dee2e6;
    border-radius: 7px;
    overflow: hidden;
}

.switch-multi-opt input {
    position: absolute;
    opacity: 0;
}

.switch-multi-opt input {
    position: absolute;
    opacity: 0;
}

.switch-multi-opt input + label {
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    float: left;
    color: #333333;
    font-weight: 400;
    cursor: pointer;
    background: #ffffff;
    margin: 0;
}

.switch-multi-opt input:checked + label {
    background: #6772e5;
    font-weight: 600;
    color: #ffffff;
}

.add-link a {
    height: 24px;
    width: 28px;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
}

.add-link a.active-link {
    background: #ffffff;
}

.add-link .active-link svg {
    fill: #28a745;
}

/* override bootstrap class  */
.tooltip.bs-tooltip-top .arrow::before {
    border-width: .4rem .4rem 0 !important;
    border-top-color: #000 !important
}

.ad-wizard label {
    font-weight: 500;
}

.ad-wizard .form-control-xs,
.ad-wizard select.form-control-xs {
    height: 24px !important;
    padding: 0 6px !important;
    font-size: 13px !important;
    border-radius: 3px;
}

.ad-wizard select.form-control-xs {
    padding: 0 2px !important;
}

.btn.btn-sm {
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 35px;
    border-radius: 6px;
}

.ad-wizard .c-btn.btn-xs,
.ad-wizard .btn.btn-xs {
    height: 24px;
    padding: 1px 5px;
    line-height: 22px;
    border-radius: 3px;
    font-size: 12px;
}

.ad-wizard .c-btn.c-btn--border.btn-xs {
    line-height: inherit;
}

.wz-grp-bts-head {
    display: flex;
    align-items: center;
    gap: 5px;
}

.wz-grp-bts-head .toggleBtn[data-active="SELL"] {
    background-color: #dc3545;
    border-color: #dc3545;
}

.wz-grp-bts-head .toggleBtn[data-active="BUY"] {
    background-color: #28a745;
    border-color: #28a745;
}

.group-checkBoxes .form-check {
    display: flex;
    align-items: center;
}

.card-inside-responsive {
    width: 1110px;
    overflow-x: auto;
}

.card-inside-fields {
    max-width: 1110px;
    overflow-x: auto;
    display: flex;
    gap: 5px;
}

.btn-journey[aria-expanded="true"] i {
    transition: 0.5ms ease all;
    display: inline-block;
}

.btn-journey[aria-expanded="true"] i {
    rotate: 45deg;
    transition: 0.5ms ease all;
}

.btn-journey.disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.accord-link-corner i {
    font-size: 16px;
}

.accord-link-corner[aria-expanded="true"] i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    display: inline-block;
}

.journey-tree {
    width: 100%;
    display: inline-block;
    position: relative;
}

.journey-tree:before {
    content: '';
    width: 1px;
    float: left;
    height: calc(100% - 15px);
    background: #dee2e6;
    position: absolute;
    left: 0;
    top: 0;
}

.journey-tree p {
    margin: 0 8px;
}

.journey-tree ul {
    height: 100%;
    display: inline-block;
    padding-left: 25px;
    padding-top: 10px;
}

.journey-tree ul li > ul {
    position: relative;
}

.journey-tree ul li > ul:before {
    content: '';
    width: 1px;
    float: left;
    height: calc(100% - 4px);
    background: #dee2e6;
    position: absolute;
    left: 1px;
    top: -12px;
}

.journey-tree ul li {
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    position: relative;
}

.journey-tree li:before {
    content: '';
    width: 25px;
    height: 1px;
    background: #dee2e6;
    position: absolute;
    left: -24px;
    top: 12px;
}

.journey-tree li ul li {
    margin-bottom: 10px;
}

.journey-tree ul li:last-child {
    margin-bottom: 0;
}

.journey-tree .form-group {
    display: flex;
    align-items: center;
    margin: 0;
}

/* News Modal */
.newsList article {
    border-bottom: 1px solid rgba(217, 217, 217, 0.4);
}

.newsList article:last-child {
    border-bottom: 0;
}

.newsList article figure {
    width: 150px;
}

.newsList article aside {
    width: 100%;
}

.theme-dark .action-btns svg {
    fill: rgba(var(--white), 0.9);
}

.theme-dark .action-btns a:hover svg {
    fill: rgba(var(--theme-color), 0.9);
}
/* Cus Message */
.alert-cus .font-xlg {
    font-size: 50px !important;
    line-height: 1em;
    padding-right: 20px;
}

.alert-cus {
    color: #ffffff;
}

.alert-cus .alert {
    display: flex;
    align-items: center;
}

.alert-cus .icon {
    width: 100px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding-right: 20px;
}

.alert-cus .icon svg {
    fill: #ffffff !important;
    width: 65px;
    height: 65px;
}

.alert-cus .txt {
    display: flex;
    padding-left: 20px;
}

.alert-cus .bg-orange {
    background: #F55E00;
}

@media (max-width: 480px) {
    .alert-cus .font-xlg {
        width: 100%;
        display: inline-block;
    }

    .alert-cus .txt {
        display: block;
    }

    .alert-cus .txt div {
        width: 100%;
        display: inline-block;
    }
}

.newsList h5 span.text-success svg {
    fill: #28a745;
}

.newsList h5 span.text-danger svg {
    fill: #dc3545;
}

.newsList .txt-score .icon svg {
    width: 24px;
    height: 24px;
}

.newsList .txt-score .font-sm {
    line-height: 12px;
}

.newsList .text-success .icon svg {
    fill: #28a745;
}

.newsList .text-danger .icon svg {
    fill: #dc3545;
}

.newsList .text-orange,
.newsList .text-orange p {
    color: #F55E00 !important;
}

.newsList .text-orange .icon svg {
    fill: #F55E00;
}

.txt-score .icon svg {
    width: 24px;
    height: 24px;
}
.txt-score .font-sm {
    line-height: 12px;
}
.text-success .icon svg {
    fill: #28a745;
}
.text-danger .icon svg {
    fill: #dc3545;
}
.text-orange,
.text-orange p {
    color: #F55E00 !important;
}
.text-orange .icon svg {
    fill: #F55E00;
}
.instruments_list::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.instruments_list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
.instruments_list {
    max-height: 500px;
    overflow-y: auto;
}
.instruments_list ul li span.text-success svg {
    fill: #28a745;
}
.instruments_list ul li span.text-danger svg {
    fill: #dc3545;
}
/*.instruments_list ul li {
    border-bottom: 1px solid #dee2e6;
    padding: 10px 15px;
}
.instruments_list ul li.active {
    background: #f6f6f6;
}
.instruments_list ul li:last-child {
    border-bottom: none;
}*/

.instruments_list ul li {
    position: relative;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color .2s ease;
}
.instruments_list ul li::after {
    content: "";
    position: absolute;
    left: 0; right: 100%; bottom: 0;
    height: 2px;
    background: #0d6efd;               /* change to your brand color */
    transition: right .2s ease;
}
.instruments_list ul li:hover::after,
.instruments_list ul li:focus-visible::after {
    right: 0;                           /* animates from left to right */
}
.instruments_list ul li:last-child { border-bottom: none; }

.instruments_news .newsList {
    max-height: 500px;
    overflow-y: auto;
}
.instruments_news .newsList::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.instruments_news .newsList::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
.instruments_list ul li {
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, -webkit-text-decoration-color .15s ease;
    transition: color .15s ease, background-color .15s ease, text-decoration-color .15s ease;
    transition: color .15s ease, background-color .15s ease, text-decoration-color .15s ease, -webkit-text-decoration-color .15s ease;
}
@media (min-width: 992px) {
    .instruments_list {
        border-right: 1px solid #dee2e6;
    }
}

/* message-success ---------------------------------------------------------------------------- */
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000
    }

    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes dash-check {
    1% {
        stroke-dashoffset: -100
    }

    100% {
        stroke-dashoffset: 900
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100
    }

    100% {
        stroke-dashoffset: 900
    }
}

.msg-success figure svg {
    width: 150px;
    display: block;
    margin: 0 auto
}

.msg-success .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0
}

.msg-success .path.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out
}

.msg-success .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards
}

.msg-success .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards
}

/* common css */
.display-block {
    display: block;
}
.modal--checkTrade .modal-dialog {
    max-width: 1140px;
}

/* Scrollable Table */

.table_strategies_scroll_table .table-v-srollable table {
    overflow: hidden !important;
}

.table_strategies_scroll_table .table-v-srollable tbody,
.table_strategies_scroll_table .table-v-srollable tfoot,
.table_strategies_scroll_table .table-v-srollable thead,
.table_strategies_scroll_table .table-v-srollable tr {
    grid-column: 1 / 7;
}

.table_strategies_scroll_table .table-v-srollable tbody {
    overflow-x: hidden;
}

.table_strategies_scroll_table .table-v-srollable thead th {
    vertical-align: bottom;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    border-bottom: 1px solid #cccccc;
}

.table_strategies_scroll_table .table-v-srollable thead th:first-child {
    justify-content: flex-start;
}

.table_strategies_scroll_table .table-v-srollable td,
.table_strategies_scroll_table .table-v-srollable th {
    border: none;
    border-top: 1px solid #cccccc;
    padding: 10px 10px;
}

.table_strategies_scroll_table .table-v-srollable tbody tr:first-child td {
    border-top: none;
}

@media (max-width: 991px) {
    .table-v-srollable {
        width: 800px;
    }
}

/* Wizard New ------------------------------------------------------------------------------------------------- */
.switch-multi-opt {
    float: left;
    border: 1px solid #dee2e6;
    border-radius: 7px;
    overflow: hidden;
}

.switch-multi-opt input {
    position: absolute;
    opacity: 0;
}

.switch-multi-opt input {
    position: absolute;
    opacity: 0;
}

.switch-multi-opt input + label {
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    float: left;
    color: #333333;
    font-weight: 400;
    cursor: pointer;
    background: #ffffff;
    margin: 0;
}

.switch-multi-opt input:checked + label {
    background: #6772e5;
    font-weight: 600;
    color: #ffffff;
}

.add-link a {
    height: 24px;
    width: 28px;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
}

.add-link a.active-link {
    background: #ffffff;
}

.add-link .active-link svg {
    fill: #28a745;
}

/* override bootstrap class  */
.tooltip.bs-tooltip-top .arrow::before {
    border-width: .4rem .4rem 0 !important;
    border-top-color: #000 !important
}

.ad-wizard label {
    font-weight: 500;
}

.ad-wizard .form-control-xs,
.ad-wizard select.form-control-xs {
    height: 24px !important;
    padding: 0 6px !important;
    font-size: 13px !important;
    border-radius: 3px;
}

.ad-wizard select.form-control-xs {
    padding: 0 2px !important;
}

.btn.btn-sm {
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 35px;
    border-radius: 6px;
}

.ad-wizard .c-btn.btn-xs,
.ad-wizard .btn.btn-xs {
    height: 24px;
    padding: 1px 5px;
    line-height: 22px;
    border-radius: 3px;
    font-size: 12px;
}

.ad-wizard .c-btn.c-btn--border.btn-xs {
    line-height: inherit;
}

.wz-grp-bts-head {
    display: flex;
    align-items: center;
    gap: 5px;
}

.wz-grp-bts-head .toggleBtn[data-active="SELL"] {
    background-color: #dc3545;
    border-color: #dc3545;
}

.wz-grp-bts-head .toggleBtn[data-active="BUY"] {
    background-color: #28a745;
    border-color: #28a745;
}

.group-checkBoxes .form-check {
    display: flex;
    align-items: center;
}

.card-inside-responsive {
    width: 1110px;
    overflow-x: auto;
}

.card-inside-fields {
    max-width: 1110px;
    overflow-x: auto;
    display: flex;
    gap: 5px;
}

.btn-journey[aria-expanded="true"] i {
    transition: 0.5ms ease all;
    display: inline-block;
}

.btn-journey[aria-expanded="true"] i {
    rotate: 45deg;
    transition: 0.5ms ease all;
}

.btn-journey.disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.accord-link-corner i {
    font-size: 16px;
}

.accord-link-corner[aria-expanded="true"] i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    display: inline-block;
}

.journey-tree {
    width: 100%;
    display: inline-block;
    position: relative;
}

.journey-tree:before {
    content: '';
    width: 1px;
    float: left;
    height: calc(100% - 15px);
    background: #dee2e6;
    position: absolute;
    left: 0;
    top: 0;
}

.journey-tree p {
    margin: 0 8px;
}

.journey-tree ul {
    height: 100%;
    display: inline-block;
    padding-left: 25px;
    padding-top: 10px;
}

.journey-tree ul li > ul {
    position: relative;
}

.journey-tree ul li > ul:before {
    content: '';
    width: 1px;
    float: left;
    height: calc(100% - 4px);
    background: #dee2e6;
    position: absolute;
    left: 1px;
    top: -12px;
}

.journey-tree ul li {
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    position: relative;
}

.journey-tree li:before {
    content: '';
    width: 25px;
    height: 1px;
    background: #dee2e6;
    position: absolute;
    left: -24px;
    top: 12px;
}

.journey-tree li ul li {
    margin-bottom: 10px;
}

.journey-tree ul li:last-child {
    margin-bottom: 0;
}

.journey-tree .form-group {
    display: flex;
    align-items: center;
    margin: 0;
}

/* Comparsion Table */
.tt-comp-table {
    min-height: 300px;
    max-height: 350px;
    overflow-y: auto;
    margin-top: 10px;
}
.tt-comp-table table th,
.tt-comp-table table td {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 13px;
    border-color: #f3f3ff !important;
}
.tt-comp-table table td:nth-child(7) {
    font-weight: 600;
}
.tt-comp-table .highlighter-left td:first-child,
.tt-comp-table .highlighter-left td:nth-child(2),
.tt-comp-table .highlighter-left td:nth-child(3),
.tt-comp-table .highlighter-left td:nth-child(4),
.tt-comp-table .highlighter-left td:nth-child(5),
.tt-comp-table .highlighter-left td:nth-child(6) {
    background: #FFC3C4;
}
.tt-comp-table .highlighter-right td:nth-child(8),
.tt-comp-table .highlighter-right td:nth-child(9),
.tt-comp-table .highlighter-right td:nth-child(10),
.tt-comp-table .highlighter-right td:nth-child(11),
.tt-comp-table .highlighter-right td:nth-child(12) {
    background: #FFE6E7;
}

/* Coupons Page */
.coupon-cards .icon-logo {
    width: 65px;
    height: 65px;
    background: linear-gradient(251.31deg, #FF6F80 2.92%, #FF6F80 26.97%, #FF6F80 79.84%);
    border-radius: 100%;
    text-align: center;
    line-height: 65px;
    font-size: 30px;
    font-weight: 500;
}

.coupon-cards .card {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: rgba(255, 255, 255, 0.1) 0 0 20px;
}

.coupon-cards .card .font-md-2 {
    font-size: 14px !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coupon-cards .card a {
    color: #ffffff;
}

.coupon-cards .card-header,
.coupon-cards .card-body {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.coupon-cards .card-footer {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.coupon-cards .card-footer .btn {
    display: flex;
    align-items: center;
    color: #ffffff;
    border-radius: 8px;
    width: 100%;
    font-size: 13px;
    justify-content: center;
    transition: 0.2s ease all;
    padding: 10px 5px ;

}

.coupon-cards .card-footer .btn:hover {
    box-shadow: rgba(255, 255, 255, 0.3) 0 0 10px;
}

.coupon-cards .card-footer .btn-whatsapp {
    color: #21bf5c;
    border: 1px solid #21bf5c;
}

.coupon-cards .card-footer .btn-whatsapp svg {
    margin-right: 5px;
    fill: #21bf5c;
}

.coupon-cards .card-footer .btn-telegram {
    color: #0088CC;
    border: 1px solid #0088CC;
}

.coupon-cards .card-footer .btn-telegram svg {
    margin-right: 5px;
    fill: #0088CC;
}

.coupon-cards .card-blur .card > * {
    -webkit-filter: blur(3px);
            filter: blur(3px);
}


.table-fixed {
    table-layout: fixed;
}


/* Advanced Wizard Multiselect/Single Select */
.ad-wizard .multiselect {
    min-height: auto;
}
.ad-wizard .form-control-xs .multiselect-wrapper {
    min-height: auto;
    height: 22px !important;
    font-size: 13px !important;
}
.ad-wizard .form-control-xs .multiselect-multiple-label,
.ad-wizard .form-control-xs .multiselect-placeholder,
.ad-wizard .form-control-xs .multiselect-single-label {
    height: 22px !important;
    padding: 2px 0 0 0;
}
.ad-wizard .form-control-xs .multiselect-wrapper .multiselect-search {
    min-height: 24px !important;
    padding: 1px 20px 1px 0 !important;
    font-size: 13px;
    background: none;
}
.ad-wizard .form-control-sm .multiselect-caret,
.ad-wizard .form-control-xs .multiselect-caret {
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.ad-wizard .form-control-xs .multiselect-wrapper {
    min-height: auto;
    height: 22px !important;
    font-size: 13px !important;
}
.ad-wizard .form-control-xs .multiselect-option {
    font-size: 13px;
    padding: 5px 10px;
}
.ad-wizard .form-control-sm .multiselect-wrapper {
    min-height: auto;
    height: 33px !important;
    font-size: 13px !important;
}
.ad-wizard .form-control-sm .multiselect-wrapper .multiselect-search {
    min-height: 35px !important;
    padding: 1px 25px 1px 5px !important;
    font-size: 13px;
    background: none;
}
.ad-wizard .form-control-sm .multiselect-multiple-label,
.ad-wizard .form-control-sm .multiselect-placeholder,
.ad-wizard .form-control-sm .multiselect-single-label {
    height: 33px !important;
    padding: 0 0 0 5px !important;
}
.ad-wizard .form-control-sm .multiselect-wrapper {
    min-height: auto;
    height: 33px;
    font-size: 13px;
}
.ad-wizard .form-control-sm .multiselect-option {
    font-size: 14px;
    padding: 5px 13px;
}

/* New Broker Page */
.tt-broker-card{
    position:relative;

    background:#ffffff;
    border:1px solid #e6ecf3;
    border-radius:14px;

    padding:18px 20px;

    box-shadow:
        0 2px 6px rgba(16,24,40,.04);

    transition:
        box-shadow .18s ease,
        border-color .18s ease,
        -webkit-transform .18s ease;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        -webkit-transform .18s ease;
}

.tt-broker-card:hover{
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
    border-color:#d9e2ec;
    box-shadow:
        0 8px 22px rgba(16,24,40,.08);
}
.tt-broker-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:14px;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.4),
        rgba(255,255,255,0)
    );
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
}
.tt-broker-card:hover::before{
    opacity:1;
}
.tt-broker-card-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    padding-bottom:12px;
    border-bottom:1px solid #edf1f6;
}

.tt-broker-card-left{
    display:flex;
    align-items:center;
    min-width:0;
    flex:1 1 auto;
}

.tt-broker-avatar{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    color:#fff;
    margin-right:12px;
    text-transform:uppercase;
}

.tt-broker-avatar--green{
    background:linear-gradient(135deg,#b7d4ba 0%,#9cc6a2 100%);
}

.tt-broker-avatar--blue{
    background:linear-gradient(135deg,#9ba7f7 0%,#7f8ff0 100%);
}

.tt-broker-avatar--orange{
    background:linear-gradient(135deg,#f6bf7f 0%,#f09a54 100%);
}

.tt-broker-meta{
    min-width:0;
}

.tt-broker-name{
    font-size:20px;
    line-height:1.25;
    font-weight:600;
    color:#1f2a44;
    word-break:break-word;
}

.tt-broker-exchanges{
    font-size:13px;
    line-height:1.5;
    color:#7a8499;
    margin-top:2px;
}

.tt-broker-card-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}

.tt-broker-action-btn{
    width:40px;
    height:40px;
    border:1px solid #dfe6f0;
    border-radius:12px;
    background:#fff;
    color:#5a6ff5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    padding:0;
    transition:all .18s ease;
}

.tt-broker-action-btn svg{
    display:block;
    transition:-webkit-transform .18s ease;
    transition:transform .18s ease;
    transition:transform .18s ease, -webkit-transform .18s ease;
}

.tt-broker-action-btn:hover{
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
    box-shadow:
        0 6px 14px rgba(15,23,42,0.08);
    border-color:#d6dde7;
}

.tt-broker-action-btn:hover svg{
    -webkit-transform:scale(1.08);
            transform:scale(1.08);
}

.tt-broker-action-regenerate:hover{
    background:#f4f6ff;
    border-color:#d8ddff;
    color:#4961f0;
}

.tt-broker-action-regenerate:hover svg{
    -webkit-transform:rotate(24deg) scale(1.03);
            transform:rotate(24deg) scale(1.03);
}

.tt-broker-action-edit{
    color:#4d73f2;
}

.tt-broker-action-edit:hover{
    background:#eef4ff;
    border-color:#dbe7ff;
    color:#2563eb;
}

.tt-broker-action-delete{
    color:#ef4444;
}

.tt-broker-action-delete:hover{
    background:#fff1f1;
    border-color:#ffd6d6;
    color:#dc2626;
}

.tt-broker-card-static-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:12px 0;
    border-bottom:1px solid #edf1f6;
}

.tt-broker-static-info{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    min-width:0;
}

.tt-broker-static-pill{
    display:inline-flex;
    align-items:center;
    background:#edf8f0;
    border:1px solid #d8eddd;
    color:#2d9155;
    border-radius:12px;
    padding:6px 10px;
    font-size:12px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
}

.tt-broker-static-pill-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#2d9155;
    margin-right:6px;
}

.tt-broker-static-ip{
    font-size:15px;
    font-weight:600;
    color:#202a44;
    white-space:nowrap;
}

.tt-broker-static-expiry{
    font-size:13px;
    color:#7b8497;
    white-space:nowrap;
}

.tt-broker-static-expiry strong{
    color:#202a44;
    font-weight:600;
}

.tt-broker-renew-btn{
    height:38px;
    padding:0 14px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#6172fb 0%,#4960f2 100%);
    color:#fff;
    font-size:14px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    box-shadow:0 8px 18px rgba(85,101,247,0.16);
    transition:all .18s ease;
    flex-shrink:0;
}

.tt-broker-renew-btn:hover,
.tt-broker-renew-btn:focus{
    color:#fff;
    -webkit-transform:translateY(-1px);
            transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(85,101,247,0.22);
}

.tt-broker-renew-btn svg{
    display:block;
}

.tt-broker-static-buy-wrap{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.tt-broker-plan-select{
    width:190px;
    height:38px;
    border:1px solid #d8dfe9;
    border-radius:12px;
    font-size:14px;
    color:#1f2937;
    box-shadow:none;
    padding-left:12px;
    padding-right:32px;
    background-color:#fff;
}

.tt-broker-plan-select:focus{
    border-color:#5b6df8;
    box-shadow:0 0 0 0.12rem rgba(91,109,248,0.12);
}

.tt-broker-buy-btn{
    height:38px;
    padding:0 14px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#6172fb 0%,#4960f2 100%);
    color:#fff;
    font-size:14px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    box-shadow:0 8px 18px rgba(85,101,247,0.16);
    transition:all .18s ease;
}

.tt-broker-buy-btn:hover,
.tt-broker-buy-btn:focus{
    color:#fff;
    -webkit-transform:translateY(-1px);
            transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(85,101,247,0.22);
}

.tt-broker-buy-btn svg{
    display:block;
}

.tt-broker-card-info{
    padding-top:12px;
}

.tt-broker-info-label{
    font-size:15px;
    font-weight:600;
    color:#202a44;
    margin-bottom:8px;
}

.tt-broker-info-content{
    font-size:14px;
    line-height:1.6;
    color:#44506a;
    word-break:break-word;
}

.tt-broker-info-content p:last-child{
    margin-bottom:0;
}

.tt-broker-info-content a{
    color:#4f67b8;
    text-decoration:none;
    word-break:break-all;
}

.tt-broker-info-content a:hover{
    text-decoration:underline;
}

@media (max-width: 991.98px){
    .tt-broker-card-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .tt-broker-card-static-row{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width: 767.98px){
    .tt-broker-card{
        padding:16px;
        border-radius:14px;
    }

    .tt-broker-avatar{
        width:42px;
        height:42px;
        min-width:42px;
        font-size:16px;
    }

    .tt-broker-name{
        font-size:18px;
    }

    .tt-broker-card-actions{
        gap:6px;
    }

    .tt-broker-action-btn{
        width:36px;
        height:36px;
        border-radius:10px;
    }

    .tt-broker-static-buy-wrap{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .tt-broker-plan-select{
        width:100%;
    }

    .tt-broker-buy-btn,
    .tt-broker-renew-btn{
        width:100%;
    }

    .tt-broker-static-ip,
    .tt-broker-static-expiry{
        white-space:normal;
    }
}
.tt-broker-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.tt-broker-action-btn{
    width:36px;
    height:36px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e2e8f0;
    background:#fff;
    color:#475569;
    cursor:pointer;

    transition:
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        -webkit-transform .18s ease;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        -webkit-transform .18s ease;
}

.tt-broker-action-btn svg{
    width:18px;
    height:18px;

    transition:
        stroke .18s ease,
        -webkit-transform .18s ease;

    transition:
        transform .18s ease,
        stroke .18s ease;

    transition:
        transform .18s ease,
        stroke .18s ease,
        -webkit-transform .18s ease;
}
.tt-action-regenerate:hover svg{
    -webkit-transform:rotate(45deg) scale(1.05);
            transform:rotate(45deg) scale(1.05);
}

.tt-broker-buy-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;

    transition:
        box-shadow .18s ease,
        -webkit-transform .18s ease;

    transition:
        transform .18s ease,
        box-shadow .18s ease;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        -webkit-transform .18s ease;
}

.tt-broker-buy-btn:hover{
    -webkit-transform:translateY(-1px);
            transform:translateY(-1px);

    box-shadow:
        0 6px 16px rgba(79,112,255,.25);
}

.tt-broker-buy-btn:hover svg{
    -webkit-transform:scale(1.08);
            transform:scale(1.08);
}
.tt-broker-card{
    cursor:default;
}
.tt-broker-card:hover{
    cursor:pointer;
}

.tt-broker-meta-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding:10px 0 12px;
    border-bottom:1px solid #edf1f6;
}

.tt-broker-meta-item{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:13px;
}

.tt-broker-meta-label{
    color:#7b8497;
    font-weight:500;
}

.tt-broker-meta-value{
    color:#202a44;
    font-weight:600;
}

.tt-broker-meta-dot{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#c5ced9;
}

.tt-broker-oauth-status{
    font-weight:600;
}

.tt-broker-oauth-status--success{
    color:#1f9d57;
}

.tt-broker-oauth-status--pending{
    color:#dc2626;
}

.tt-broker-oauth-link{
    color:#dc2626;
    font-weight:600;
    text-decoration:none;
}

.tt-broker-oauth-link:hover{
    text-decoration:underline;
}
body.tt-modal-open{
    overflow:hidden;
}

.tt-modal-backdrop{
    position:fixed;
    inset:0;
    background:rgba(15, 23, 42, 0.45);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:16px;
}

.tt-modal-shell{
    position:relative;
    z-index:10000;
    width:100%;
    max-width:480px;
}

.tt-confirm-modal-wrap{
    max-width:420px;
}

.tt-confirm-modal{
    background:#ffffff;
    border-radius:16px;
    padding:24px 22px 20px;
    box-shadow:0 20px 40px rgba(15, 23, 42, 0.18);
    text-align:center;
    border:1px solid #e8edf5;
}

.tt-confirm-modal-icon{
    width:56px;
    height:56px;
    margin:0 auto 14px;
    border-radius:50%;
    background:#fff1f1;
    color:#dc2626;
    display:flex;
    align-items:center;
    justify-content:center;
}

.tt-confirm-modal-title{
    font-size:18px;
    font-weight:600;
    color:#1f2a44;
    margin-bottom:8px;
}

.tt-confirm-modal-text{
    font-size:14px;
    line-height:1.6;
    color:#667085;
    margin-bottom:20px;
}

.tt-confirm-modal-actions{
    display:flex;
    justify-content:center;
    align-items:center;
}
.tt-confirm-modal-error{
    margin-top:10px;
    padding:10px 12px;
    border-radius:8px;
    font-size:13px;
    font-weight:500;
    color:#b42318;
    background:#fef3f2;
    border:1px solid #fecdca;
}
/* Tradetron-style buttons */
.tt-btn{
    height:38px;
    padding:0 16px;
    border-radius:10px;
    border:1px solid transparent;
    font-size:14px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        -webkit-transform .18s ease;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        -webkit-transform .18s ease;
    cursor:pointer;
    outline:none;
}

.tt-btn:disabled{
    opacity:.65;
    cursor:not-allowed;
    -webkit-transform:none !important;
            transform:none !important;
    box-shadow:none !important;
}

.tt-btn:hover{
    -webkit-transform:translateY(-1px);
            transform:translateY(-1px);
}

/* White secondary button */
.tt-btn-secondary{
    background:#ffffff;
    border-color:#d7e0eb;
    color:#334155;
}

.tt-btn-secondary:hover{
    background:#f8fafc;
    border-color:#cfd8e3;
    color:#1f2937;
    box-shadow:0 6px 14px rgba(15,23,42,.06);
}

/* TT blue primary button */
.tt-btn-primary{
    background:linear-gradient(135deg,#4f6cf7 0%,#3f5cf0 100%);
    border-color:#3f5cf0;
    color:#ffffff;
    box-shadow:0 6px 16px rgba(79,108,247,.22);
}

.tt-btn-primary:hover{
    background:linear-gradient(135deg,#4662f2 0%,#3754e9 100%);
    border-color:#3754e9;
    color:#ffffff;
    box-shadow:0 8px 20px rgba(79,108,247,.30);
}

/* Danger button */
.tt-btn-danger{
    background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);
    border-color:#dc2626;
    color:#ffffff;
    box-shadow:0 6px 16px rgba(220,38,38,.18);
}

.tt-btn-danger:hover{
    background:linear-gradient(135deg,#e23c3c 0%,#c81e1e 100%);
    border-color:#c81e1e;
    color:#ffffff;
    box-shadow:0 8px 20px rgba(220,38,38,.24);
}

@media (max-width: 575.98px){
    .tt-modal-backdrop{
        padding:12px;
    }

    .tt-confirm-modal{
        padding:20px 16px 16px;
        border-radius:14px;
    }

    .tt-confirm-modal-actions{
        flex-direction:column;
    }

    .tt-confirm-modal-actions .tt-btn{
        width:100%;
    }

    .tt-confirm-modal-actions .mr-2{
        margin-right:0 !important;
        margin-bottom:8px;
    }
}
/* Broker List Header */
.tt-broker-header{
    padding:4px 0 16px;
    border-bottom:1px solid #e9edf3;
    margin-bottom:18px;
}

.tt-broker-header-title{
    font-size:22px;
    font-weight:600;
    color:#1f2a44;
}

.tt-broker-count{
    font-size:16px;
    font-weight:500;
    color:#64748b;
    margin-left:6px;
}

.tt-broker-header-right{
    display:flex;
    align-items:center;
}

.tt-broker-header-btn{
    height:36px;
    padding:0 14px;
    border-radius:10px;
    border:1px solid #dbe3ec;
    background:#fff;
    color:#334155;
    font-size:14px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    transition:all .18s ease;
}

.tt-broker-header-btn-icon{
    margin-right:8px;
    display:flex;
}

.tt-broker-header-btn:hover{
    -webkit-transform:translateY(-1px);
            transform:translateY(-1px);
    box-shadow:0 5px 12px rgba(15,23,42,.08);
}

.tt-broker-header-btn-export:hover{
    background:#f8fafc;
    border-color:#cfd8e3;
}
.tt-broker-header-btn-add{
    background:linear-gradient(135deg,#4f6cf7 0%,#3f5cf0 100%);
    border-color:#3f5cf0;
    color:#ffffff;
    box-shadow:0 3px 8px rgba(79,108,247,.25);
}

.tt-broker-header-btn-add:hover{
    background:linear-gradient(135deg,#4662f2 0%,#3754e9 100%);
    border-color:#3754e9;
    color:#ffffff;
    box-shadow:0 6px 16px rgba(79,108,247,.35);
}
.tt-broker-count-badge{
    min-width:34px;
    height:22px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font-size:12px;
    font-weight:600;
    color:#4f6cf7;
    background:#eef2ff;
    border:1px solid #dce3ff;
}
/* Tablet */
@media (max-width: 991.98px){

    .tt-broker-header{
        flex-direction:column;
        align-items:flex-start !important;
    }

    .tt-broker-header-right{
        width:100%;
        margin-top:12px;
    }

}
/* Mobile */
@media (max-width: 575.98px){

    .tt-broker-header-right{
        display:flex;
        flex-direction:column;
        width:100%;
    }

    .tt-broker-header-btn{
        width:100%;
        justify-content:center;
    }

    .tt-broker-header-btn-add{
        margin-right:0 !important;
        margin-bottom:8px;
    }
}


/* global loader tt style */
.tt-page-loader{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(248, 250, 252, 0.72);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

.tt-page-loader.d-none{
    display:none !important;
}

.tt-page-loader-card{
    min-width:260px;
    max-width:320px;
    padding:24px 22px 20px;
    border-radius:18px;
    background:#ffffff;
    border:1px solid #e6ecf5;
    box-shadow:0 20px 50px rgba(15, 23, 42, 0.12);
    text-align:center;
}

.tt-page-loader-spinner-wrap{
    width:56px;
    height:56px;
    margin:0 auto 14px;
    border-radius:50%;
    background:linear-gradient(180deg, #eef3ff 0%, #f8faff 100%);
    display:flex;
    align-items:center;
    justify-content:center;
}

.tt-page-loader-spinner{
    width:28px;
    height:28px;
    border:3px solid #dbe4ff;
    border-top-color:#4f6cf7;
    border-right-color:#4f6cf7;
    border-radius:50%;
    -webkit-animation:ttPageLoaderSpin .75s linear infinite;
            animation:ttPageLoaderSpin .75s linear infinite;
}

.tt-page-loader-title{
    font-size:16px;
    line-height:1.2;
    font-weight:600;
    color:#1f2a44;
    margin-bottom:6px;
}

.tt-page-loader-subtitle{
    font-size:13px;
    line-height:1.5;
    color:#667085;
}

@-webkit-keyframes ttPageLoaderSpin{
    to{
        -webkit-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}

@keyframes ttPageLoaderSpin{
    to{
        -webkit-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}

/* Global Custom toast for vue */
.tt-toast-fade-enter-active,
.tt-toast-fade-leave-active {
    transition: all 0.25s ease;
}

.tt-toast-fade-enter-from {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
}

.tt-toast-fade-leave-to {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
}

/* Payment Modal Vue - IP pool */
.tt-payment-modal-wrap{
    max-width: 520px;
}

.tt-payment-modal{
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e8edf5;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.tt-payment-modal-header{
    padding: 18px 20px 14px;
    border-bottom: 1px solid #edf1f6;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.tt-payment-modal-title{
    font-size: 18px;
    font-weight: 600;
    color: #1f2a44;
}

.tt-payment-modal-subtitle{
    font-size: 13px;
    color: #667085;
}

.tt-payment-modal-close{
    width: 34px;
    height: 34px;
    border: 1px solid #dfe6f0;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .18s ease;
    padding: 0;
}

.tt-payment-modal-close:hover{
    background: #f8fafc;
    color: #1f2937;
}

.tt-payment-modal-body{
    padding: 18px 20px;
}

.tt-payment-section + .tt-payment-section{
    margin-top: 16px;
}

.tt-payment-label{
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 8px;
}

.tt-payment-select,
.tt-payment-input{
    height: 40px;
    border-radius: 10px;
    border: 1px solid #d8dfe9;
    font-size: 14px;
    box-shadow: none;
}

.tt-payment-select:focus,
.tt-payment-input:focus{
    border-color: #5b6df8;
    box-shadow: 0 0 0 0.12rem rgba(91, 109, 248, 0.12);
}

.tt-payment-summary{
    margin-top: 16px;
    padding: 14px 14px 10px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #edf1f6;
}

.tt-payment-summary-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.tt-payment-summary-row:last-child{
    margin-bottom: 0;
}

.tt-payment-summary-label{
    font-size: 13px;
    color: #667085;
}

.tt-payment-summary-value{
    font-size: 14px;
    font-weight: 600;
    color: #1f2a44;
}

.tt-payment-summary-row-discount .tt-payment-summary-value{
    color: #16a34a;
}

.tt-payment-summary-row-total{
    padding-top: 6px;
    margin-top: 4px;
    border-top: 1px dashed #dbe3ec;
}

.tt-payment-coupon-row{
    display: flex;
    gap: 10px;
}

.tt-payment-coupon-status{
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.tt-payment-coupon-status--success{
    background: #ecfdf3;
    border: 1px solid #d1fadf;
    color: #15803d;
}

.tt-payment-coupon-status--error{
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.tt-payment-coupon-remove{
    border: none;
    background: none;
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.tt-payment-modal-footer{
    padding: 14px 20px 18px;
    border-top: 1px solid #edf1f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.tt-payment-modal-footer-actions{
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 575.98px){
    .tt-payment-modal-header,
    .tt-payment-modal-body,
    .tt-payment-modal-footer{
        padding-left: 16px;
        padding-right: 16px;
    }

    .tt-payment-coupon-row,
    .tt-payment-modal-footer,
    .tt-payment-modal-footer-actions{
        flex-direction: column;
        align-items: stretch;
    }

    .tt-payment-modal-footer .tt-btn,
    .tt-payment-modal-footer-actions .tt-btn{
        width: 100%;
    }
}
.tt-payment-method-tabs{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.tt-payment-method-tab{
    height:36px;
    padding:0 14px;
    border:1px solid #d8dfe9;
    border-radius:10px;
    background:#fff;
    color:#334155;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    transition:all .18s ease;
}

.tt-payment-method-tab:hover{
    background:#f8fafc;
    border-color:#cfd8e3;
}

.tt-payment-method-tab--active{
    background:#eef2ff;
    border-color:#cfd8ff;
    color:#4f6cf7;
}

.tt-payment-renewal-note{
    margin-top:10px;
    padding:10px 12px;
    border-radius:10px;
    background:#f8fafc;
    border:1px solid #e6edf5;
    font-size:13px;
    color:#667085;
}
.tt-payment-validity-block{
    min-height: 92px;
}
.tt-payment-summary{
    min-height: 210px;
}
.tt-payment-skeleton{
    display:inline-block;
    height:14px;
    border-radius:8px;
    background:linear-gradient(90deg, #eef2f7 25%, #f7f9fc 50%, #eef2f7 75%);
    background-size:200% 100%;
    -webkit-animation: ttPaymentSkeleton 1.2s ease-in-out infinite;
            animation: ttPaymentSkeleton 1.2s ease-in-out infinite;
    vertical-align:middle;
}

.tt-payment-skeleton-sm{
    width:90px;
}

@-webkit-keyframes ttPaymentSkeleton{
    0%{
        background-position:200% 0;
    }
    100%{
        background-position:-200% 0;
    }
}

@keyframes ttPaymentSkeleton{
    0%{
        background-position:200% 0;
    }
    100%{
        background-position:-200% 0;
    }
}

.tt-status-modal-wrap{
    max-width: 420px;
}

.tt-status-modal{
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e8edf5;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18);
    padding: 26px 22px 20px;
    text-align: center;
}

.tt-status-modal-icon{
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tt-status-modal-icon--success{
    background: #ecfdf3;
    color: #16a34a;
}

.tt-status-modal-icon--error{
    background: #fef2f2;
    color: #dc2626;
}

.tt-status-modal-title{
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #1f2a44;
    margin-bottom: 10px;
}

.tt-status-modal-text{
    font-size: 14px;
    line-height: 1.65;
    color: #667085;
    margin-bottom: 20px;
}

.tt-status-modal-actions{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 575.98px){
    .tt-status-modal{
        padding: 22px 16px 16px;
        border-radius: 14px;
    }

    .tt-status-modal-actions{
        flex-direction: column;
    }

    .tt-status-modal-actions .tt-btn{
        width: 100%;
    }

    .tt-status-modal-actions .mr-2{
        margin-right: 0 !important;
        margin-bottom: 8px;
    }
}

/* US homepage */
@-webkit-keyframes slideHorizontally {
    from {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
@keyframes slideHorizontally {
    from {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
.ribbon-logo-container {
    overflow: hidden;
    padding: 50px 0;
    white-space: nowrap;
    position: relative;
}
.ribbon-logo-container:hover .logo-brokers-slide {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}
.logo-brokers-slide {
    display: inline-block;
    -webkit-animation: 35s slideHorizontally infinite linear;
            animation: 35s slideHorizontally infinite linear;
}
.logo-brokers-slide img {
    min-height: 40px;
    max-height: 40px;
    margin: 0 40px;
}
@media (min-width: 768px) {
    .ribbon-logo-container:before,
    .ribbon-logo-container:after {
        content: "";
        position: absolute;
        top: 0;
        width: 250px;
        height: 100%;
        z-index: 2;
    }
    .ribbon-logo-container:before {
        left: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
    }
    .ribbon-logo-container:after {
        right: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    }
}
@media (max-width: 767px) {
    .ribbon-logo-container {
        padding: 30px 0;
    }
    .logo-brokers-slide img {
        min-height: 30px;
        max-height: 30px;
        margin: 0 20px;
    }
}

/* Brokers Cards - Guest Page */
.broker-cards p {
    font-size: 16px;
}

.broker-cards .broker-logo img {
    max-height: 50px;
}

.broker-cards .card {
    box-shadow: rgba(0, 0, 0, 0.08) 0 0 15px;
    border: 2px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
}

.broker-cards .card .card-footer {
    border-radius: 0 0 10px 10px;
    background: none;
    gap: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.broker-cards .link-watch-video {
    font-size: 16px;
    color: rgb(103, 114, 229);
    vertical-align: middle;
}

.broker-cards .link-watch-video svg {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    fill: rgb(103, 114, 229);
}

@media (min-width: 1024px) {
    .broker-cards .card-body {
        padding: 25px 35px;
    }

    .broker-cards .card .card-footer {
        padding: 25px 35px;
    }
}
/* Theme - Dark */
.theme-dark {
    --theme-color: 133, 142, 243;
    --theme-color-dark: 103, 114, 229;
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --grey-1: 51, 51, 51; /* #333333 */
    --grey-2: 102, 102, 102; /* #666666 */
    background: rgba(var(--black), 0.89) !important;
    background-size: 5px 5px !important;
}

.theme-dark *:not(.badge) {
    color: rgba(var(--white), 1);
}

.theme-dark .notification-msg {
    border: none !important;
}

.theme-dark .notification-msg .msg-box {
    background: rgba(var(--grey-2), 0.89) !important;
    border: 1px solid rgba(var(--white), 0.3) !important;
}

.theme-dark .notification-msg.success .msg-box p {
    color: #4ee470;
}

.theme-dark .notification-msg.danger .msg-box p {
    color: #fa6674;
}

.theme-dark .notification-msg .msg-box .close-notification {
    background: none;
}

.theme-dark .notification-msg .msg-box .close-notification i {
    color: rgba(var(--white), 0.3) !important;
}

.theme-dark .text-dark {
    color: #b5b5b5 !important;
}

.theme-dark a {
    color: rgba(var(--white), 1);
}

.theme-dark a:hover,
.theme-dark a:hover i {
    color: rgba(var(--theme-color), 1);
}

.theme-dark .bg-light {
    background-color: rgba(var(--black), 0.3) !important;
}

.theme-dark .note-editor.note-airframe .note-status-output .text-muted,
.theme-dark .note-editor.note-frame .note-status-output .text-muted {
    color: #777
}

.theme-dark .note-editor.note-airframe .note-status-output .text-primary,
.theme-dark .note-editor.note-frame .note-status-output .text-primary {
    color: #286090
}

.theme-dark .note-editor.note-airframe .note-status-output .text-success,
.theme-dark .note-editor.note-frame .note-status-output .text-success {
    color: #3c763d
}

.theme-dark .note-editor.note-airframe .note-status-output .text-info,
.theme-dark .note-editor.note-frame .note-status-output .text-info {
    color: #31708f
}

.theme-dark .note-editor.note-airframe .note-status-output .text-warning,
.theme-dark .note-editor.note-frame .note-status-output .text-warning {
    color: #8a6d3b
}

.theme-dark .note-editor.note-airframe .note-status-output .text-danger,
.theme-dark .note-editor.note-frame .note-status-output .text-danger {
    color: #a94442
}

.theme-dark .text-theme,
.theme-dark .text-theme>* {
    color:  rgba(var(--theme-color), 1) !important;
}

.theme-dark .logotype--header img,
.theme-dark .footer .logotype__img  {
    -webkit-filter: saturate(0) brightness(0) invert(1) contrast(100%);
            filter: saturate(0) brightness(0) invert(1) contrast(100%);
}

.theme-dark .footer p,
.theme-dark .footer a {
    color: rgba(var(--white), 0.8) !important;
}

.theme-dark .footer .social--footer svg {
    fill: rgba(var(--white), 0.8) !important;
}

.theme-dark .footer-app-btns img {
    border-radius: 10px;
    background: rgba(var(--white), 1) !important;
    -webkit-filter: saturate(100%) brightness(60%) invert(1%) contrast(80%);
            filter: saturate(100%) brightness(60%) invert(1%) contrast(80%);
}

.theme-dark .alert__box,
.theme-dark .bg-white,
.theme-dark .dropdown-menu-wrapper {
    background: rgba(var(--grey-1), 1) !important;
    border:1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .dropdown-menu-corner {
    background: rgba(var(--grey-1), 1) !important;
    border-top: 1px solid rgba(var(--grey-2), 1) !important;
    border-right: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .body {
    padding-top: 20px;
}

.theme-dark .dashboard__block,
.theme-dark .dashboard__option {
    background: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .pagination a {
    color: rgba(var(--white), 1) !important;;
    background: rgba(var(--grey-1), 1) !important;;
    border-color: rgba(var(--grey-2), 1);
}

.theme-dark .pagination .page-item.disabled span,
.theme-dark .pagination .disabled,
.theme-dark .pagination .disabled a {
    color: rgba(var(--grey-2), 1) !important;
    background: rgba(var(--grey-1), 1) !important;
    border-color: rgba(var(--grey-2), 1) !important;
    cursor: auto;
}

.theme-dark .page-item.active .page-link {
    background-color: rgba(var(--theme-color), 1) !important;
    border-color: rgba(var(--theme-color), 1) !important;
}

.theme-dark .form-control {
    background-color: rgba(var(--grey-1), 1) !important;
    border:1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .form-control:focus {
    color: rgba(var(--white), 1) !important;;
    box-shadow: none;
}

.theme-dark select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(var(--grey-1), 1) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23bbbbbb" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"/></svg>') right 0.8rem center/12px 14px no-repeat !important;
}

.theme-dark .border-white-50 {
    border-color: rgba(0, 0, 0, 0.5) !important;
}

.theme-dark .border-white-25 {
    border-color: rgba(0, 0, 0, 0.25) !important;
}

.theme-dark .border-dark-50 {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.theme-dark .border-dark-25 {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Button */

.theme-dark .c-btn--border {
    color: rgba(var(--theme-color), 1);
    border-color: rgba(var(--theme-color), 1);
}

.theme-dark .c-btn--border:hover {
    background: rgba(var(--theme-color), 1);
    color: rgba(var(--white), 1);
}

.theme-dark .c-btn--bg {
    background: rgba(var(--theme-color), 1);
}

.theme-dark .c-btn--bg:hover {
    background: none;
    color: rgba(var(--theme-color), 1);
}

/* table */
.theme-dark .table td,
.theme-dark .table th {
    border-color: rgba(var(--grey-2), 1);
}

/* Header */
.theme-dark .header {
    border-bottom: 1px solid #444444;
}

.theme-dark .header.header--fixed {
    background-color: rgba(var(--black), 0.5) !important;
    box-shadow: 0 2px 25px 0 rgba(var(--black), 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(10px);
    transition: all .3s ease-in-out;
}

.theme-dark .header__nav svg {
    fill: rgba(var(--white), 1) !important;
}

.theme-dark .header__nav > a {
    color: rgba(var(--white), 1) !important;;
}

.theme-dark .header__nav>a.is-active {
    color: rgba(var(--theme-color), 1) !important;
}

/* Dashboard */
.theme-dark .dashboard-tabs li a svg {
    fill: #b5b5b5;
}

.theme-dark .main__bg {
    display: none;
}

.theme-dark .modal-title {
    color: rgba(var(--white), 1) !important;;
}

.theme-dark .modal-content {
    background: rgba(var(--grey-1), 1) !important;;
    border: 1px solid rgba(var(--grey-2), 1)
}

.theme-dark .form-control {
    color: rgba(var(--white), 1) !important;
}

.theme-dark select:disabled,
.theme-dark textarea:disabled,
.theme-dark input[type=text]:disabled {
    background-color: rgba(var(--grey-2), 1) !important;
    border: 1px solid rgba(var(--white), 0.35) !important
}

.theme-dark .link-btn-near-input {
    border-left: none;
}

/* Deployed */
.theme-dark .strategy__section,
.theme-dark .strategy__section_custom {
    background: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .strategy__filter-btn {
    background: none;
}

.theme-dark .deployed__archived-head {
    border-color: rgba(var(--white), 0.5) !important;
}

.theme-dark .strategy__card-tags a {
    background-color: rgba(103, 114, 229, .2);
    color: rgba(var(--theme-color), 1) !important;;
}

.theme-dark .strategy__card-by a {
    color: rgba(var(--theme-color), 1) !important;;
}

.theme-dark .strategy__card-badge {
    background-color: rgba(255, 118, 118, .1);
}

.theme-dark .deployed__summary {
    background: rgba(var(--white),0.2) !important;
    border: 1px solid rgba(var(--white), 0.5) !important;
}

.theme-dark .deployed__summary .bg-white {
    background-color: rgba(var(--theme-color), 1) !important;
    font-weight: 500;
    color: rgba(var(--white), 1) !important;
}

.theme-dark .deployed__summary-block > div {
    border-color: rgba(var(--white), 0.3) !important;
}

/* My Strategies */
.theme-dark .s-profile__description-profile-tags a {
    background-color: rgba(103, 114, 229, .2);
    color: rgba(var(--theme-color), 1) !important;
}

.theme-dark .s-profile__description-profile-by p > a {
    color: rgba(var(--theme-color), 1) !important;
}

.theme-dark .modal--builder .modal-body-field .form-group--wbtn a {
    background-color: rgba(var(--theme-color), 1);
    color: rgba(var(--white), 1);
    border-left: none;
}

.theme-dark .modal--builder .modal-body-field .form-group--wbtn>div {
    border-color: rgba(var(--grey-2), 1) !important;
}

/* Marketplace */
.theme-dark .strategy__filter-search .input-group .btn-outline-secondary {
    background-color: #555555 !important;
}

.theme-dark .strategy__filter-search .input-group .btn-outline-secondary i {
    color: #aaaaaa !important;
}

.theme-dark .strategy__filter-search input::-webkit-input-placeholder {
    color: #D5D5D5;
}

.theme-dark .strategy__filter-search input:-ms-input-placeholder {
    color: #D5D5D5;
}

.theme-dark .strategy__filter-search input::-ms-input-placeholder {
    color: #D5D5D5;
}

.theme-dark .strategy__filter-search input::placeholder {
    color: #D5D5D5;
}

.theme-dark .form-group > label {
    color: #f5f5f5
}

.theme-dark .strategy__card-footer > div:first-of-type {
    border-color: rgba(var(--white), 0.3) !important;
}

.theme-dark .strategy__card-footer-shrinked > div {
    border-color: rgba(var(--white), 0.3) !important;
}

/* Backtest */
.theme-dark .deployed__archived-info .bg-theme-brown-light.text-theme {
    background-color: rgba(103, 114, 229, .2) !important;
}

.theme-dark .deployed__archived-info .bg-theme-brown-light.text-theme span,
.theme-dark .strategy__tabs-btn.is-active {
    color: rgba(var(--theme-color), 1) !important;;
}


.theme-dark .strategy__tabs-btn:after {
    border-color: rgba(var(--theme-color), 1) !important;
}

/* Create Strategy */
.theme-dark .newStrategy__section,
.theme-dark .s-profile__section {
    background: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .newStrategy__set-frame-title a {
    color: rgba(var(--theme-color), 1) !important;;
}

.theme-dark .newStrategy__set-frame-title,
.theme-dark .newStrategy__set-frame-left {
    border-color: rgba(var(--grey-2), 1);
}

.theme-dark  .newStrategy__set-frame table tbody tr:last-of-type td {
    border-color: rgba(var(--grey-2), 1);
}

/* Stockbag */
.theme-dark .table-tree-struc:before,
.theme-dark .table-tree-struc tr td:first-child,
.theme-dark .table-tree-struc tr td:first-child:before {
    background-color: rgba(var(--grey-2), 1);
}

.theme-dark .table-tree-struc td {
    border-color: rgba(var(--grey-2), 1);
}

.theme-dark .table-tree-struc .input-group-prepend .c-btn--border {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.theme-dark .table-tree-struc .input-group-append .c-btn--border {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.theme-dark .table-tree-struc .input-group {
    background-color: transparent;
}

.theme-dark .auto-complete-dropdown {
    background-color: rgba(var(--grey-1), 1);
    border: 1px solid rgba(var(--grey-2), 1);
}

.theme-dark .auto-complete-dropdown ul li {
    border-bottom: 1px solid rgba(var(--grey-2), 1);
}

.theme-dark .auto-complete-dropdown ul li:last-child {
    border-bottom: none;
}

.theme-dark .auto-complete-dropdown ul li p {
    align-items: center;
}

.theme-dark .auto-complete-dropdown ul li:hover {
    background-color: rgba(var(--theme-color), 1);
}

/* My Profile */
.theme-dark .a-profile__section {
    background: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .a-profile__section-head {
    border-color: rgba(var(--grey-2), 1);
}

.theme-dark .a-profile__profile .a-profile__section-head a p {
    border-color: rgba(var(--white), 1) !important;
}

.theme-dark .a-profile__menu-btn.is-active .icon-font,
.theme-dark .a-profile__menu-btn.is-active p {
    color: rgba(var(--theme-color), 1) !important;
}

.theme-dark .select2-container--bootstrap .select2-selection,
.theme-dark .select2-dropdown {
    background-color: rgba(var(--grey-1), 1);
    border: 1px solid rgba(var(--grey-2), 1);
}

.theme-dark .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-color: transparent;
    border: 1px solid rgba(var(--grey-2), 1);
    color: rgba(var(--white), 1);
}

.theme-dark .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(var(--theme-color), 0.4);
    color: rgba(var(--white), 1);
}

.theme-dark .select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: rgba(var(--theme-color), 1);
    color: rgba(var(--white), 1);
}

.theme-dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: rgba(var(--white), 1);
}

.theme-dark .select2-container--bootstrap.select2-container--focus .select2-selection,
.theme-dark .select2-container--bootstrap.select2-container--open .select2-selection {
    box-shadow: none;
}

.theme-dark .a-profile__subscriptions-strategy {
    border-color: rgba(var(--grey-2), 1);
}

.theme-dark .subscribers__section {
    background: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .subscribers__section .subscribers__tabs-btn.is-active {
    color: rgba(var(--theme-color), 01);;
}

.theme-dark .help .accordion .card-header {
    background-color: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .text-danger,
.theme-dark .text-danger>*,
.theme-dark .text-red,
.theme-dark .text-red>* {
    color: #f05858 !important;
}

.theme-dark .text-green,
.theme-dark .text-green>*,
.theme-dark .text-success>*,
.theme-dark .text-success {
    color: #22c993 !important;
}

/* select 2 */
/* closed box */
.theme-dark .select2-container--default .select2-selection--single {
    background:    rgba(var(--grey-1), 1);
    border-color:  rgba(var(--grey-2), 1);
    color:         rgba(var(--white), 1);
}
/* dropdown */
.theme-dark .select2-container--default .select2-dropdown {
    background:    rgba(var(--grey-1), 1);
    border-color:  rgba(var(--grey-2), 1);
}
.theme-dark .select2-container--default .select2-dropdown .select2-search__field {
    background:    rgba(var(--grey-1), 1);
    border-color:  rgba(var(--grey-2), 1);
}
.theme-dark .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color:  rgba(var(--grey-2), 1);
}
/* highlighted option */
.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background:    #444;
    color:         rgba(var(--white), 1);
}

/* 1) The overall container for multiple-selection */
.theme-dark .select2-container--default.select2-dark-selection .select2-selection--multiple {
    background:    rgba(var(--grey-1), 1);
    border:        1px solid rgba(var(--grey-2), 1);
    min-height:    38px;
    padding:       2px 4px;
    color:         rgba(var(--white), 1);
}

/* 2) The “tags” / choice pills */
.theme-dark .select2-container--default.select2-dark-selection .select2-selection__choice {
    background:    rgba(var(--grey-2), 1) !important;
    border:        1px solid rgba(var(--grey-1), 1) !important;
    color:         rgba(var(--white), 1) !important;
    padding:       0 6px;
    margin:        3px 4px 3px 0;
    border-radius: 2px;
    font-size:     .9em;
}

/* remove “×” icon inside each pill */
.theme-dark .select2-container--default.select2-dark-selection .select2-selection__choice__remove {
    color:         rgba(var(--white), 0.7) !important;
    margin-right:  4px;
    font-weight:   bold;
}

/* 3) The “search” input inside the multiple selection */
.theme-dark .select2-container--default.select2-dark-selection .select2-selection__rendered {
    display:       flex;
    flex-wrap:     wrap;
    gap:           4px;
}
.theme-dark .select2-container--default.select2-dark-selection .select2-search--inline .select2-search__field {
    background:    transparent;
    border:        none;
    color:         rgba(var(--white), 1) !important;
    outline:       none;
    min-width:     60px;
    margin-top:    3px;
    margin-bottom: 3px;
}

/* 4) Dropdown styling */
.theme-dark .select2-dropdown.select2-dark-dropdown {
    background:    rgba(var(--grey-1), 1) !important;
    border:        1px solid rgba(var(--grey-2), 1) !important;
    color:         rgba(var(--white), 1) !important;
}

.theme-dark .select2-results__option {
    padding:       6px 12px;
    color:         rgba(var(--white), 0.87) !important;
}

.theme-dark .select2-results__option[aria-selected] {
    background:    rgba(var(--grey-2), 1) !important;
    color:         rgba(var(--white), 1) !important;
}

.theme-dark .select2-results__option--highlighted[aria-selected] {
    background:    rgba(var(--grey-2), 0.8) !important;
    color:         rgba(var(--white), 1) !important;
}

.theme-dark .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: rgba(var(--white), 1) !important;
    background: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .select2-container--default .select2-selection--multiple {
    background-color: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color:rgba(var(--grey-2), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1) !important;
}

/* @todo to be reviewed*/
.theme-dark .alert-with-icon p strong {
    color: rgba(var(--grey-2), 1) !important;
}

.theme-dark .input-group-text {
    color: rgba(var(--grey-2), 1) !important;
}

/* flat pickr theme */
/* Container */
.theme-dark .flatpickr-calendar {
    background:    rgba(var(--grey-1), 1);
    border:        1px solid rgba(var(--grey-2), 1);
    color:         rgba(var(--white), 1);
    box-shadow:    0 4px 12px rgba(var(--grey-2), .5);
}

/* Header (month/year + nav) */
.theme-dark .flatpickr-calendar .flatpickr-months {
    background:    rgba(var(--grey-2), 1);
    border-bottom: 1px solid rgba(var(--grey-1), .5);
}
.theme-dark .flatpickr-calendar .flatpickr-month {
    color:         rgba(var(--white), 1);
}
.theme-dark .flatpickr-calendar .flatpickr-prev-month,
.theme-dark .flatpickr-calendar .flatpickr-next-month {
    color:         rgba(var(--white), 1);
}
.theme-dark .flatpickr-calendar .flatpickr-prev-month:hover,
.theme-dark .flatpickr-calendar .flatpickr-next-month:hover {
    opacity:       0.8;
}

/* Weekdays */
.theme-dark .flatpickr-calendar .flatpickr-weekday {
    color:         rgba(var(--white), 0.7);
    font-weight:   500;
}

/* Day cells */
.theme-dark .flatpickr-calendar .flatpickr-day {
    background:    transparent;
    color:         rgba(var(--white), 0.85) !important;
}
.theme-dark .flatpickr-calendar .flatpickr-day:hover {
    background:    rgba(var(--grey-2), 1) !important;
    color:         rgba(var(--white), 1) !important;
}
.theme-dark .flatpickr-calendar .flatpickr-day.today {
    border:        1px solid rgba(var(--white), 1) !important;
}
.theme-dark .flatpickr-calendar .flatpickr-day.selected,
.theme-dark .flatpickr-calendar .flatpickr-day.startRange,
.theme-dark .flatpickr-calendar .flatpickr-day.endRange {
    background:    rgba(var(--grey-2), 1) !important;
    color:         rgba(var(--white), 1) !important;
}
.theme-dark .flatpickr-calendar .flatpickr-day.disabled,
.theme-dark .flatpickr-calendar .flatpickr-day.disabled:hover {
    color:         rgba(var(--white), 0.3) !important;
    background:    transparent;
    cursor:        not-allowed;
}

/* Time picker */
.theme-dark .flatpickr-calendar .flatpickr-time {
    background:    rgba(var(--grey-2), 1) !important;
    border-top:    1px solid rgba(var(--grey-1), .5) !important;
}
.theme-dark .flatpickr-calendar .flatpickr-time input {
    background:    transparent;
    color:         rgba(var(--white), 1) !important;
    border:        none;
}
.theme-dark .flatpickr-calendar .flatpickr-time .flatpickr-time-separator {
    color:         rgba(var(--white), 0.7) !important;
}

/* Range plugin */
.theme-dark .flatpickr-calendar .flatpickr-day.inRange {
    background:    rgba(var(--grey-1), .5) !important;
}

/* Arrows & icons */
.theme-dark .flatpickr-calendar .flatpickr-next-month svg,
.theme-dark .flatpickr-calendar .flatpickr-prev-month svg {
    fill:          rgba(var(--white), 1) !important;
}

/* If you style the input itself */
.theme-dark .flatpickr-input {
    background:    rgba(var(--grey-2), 1) !important;
    color:         rgba(var(--white), 1) !important;
}


/* Pricing */
.theme-dark .swiper-container-pricing .swiper-slide {
    background:    rgba(var(--grey-1), 1);
    border:    1px solid rgba(var(--grey-2), 0.2);
    box-shadow: 0 1px 20px 0 rgba(var(--black), 0.3);
}

.theme-dark .pricing__type-wrapper label span {
    background: rgba(var(--grey-1), 1) !important;
    border: 1px solid rgba(var(--grey-2), 1);
}

.theme-dark .pricing__type-wrapper label input:checked + span {
    background: rgba(var(--theme-color), 1) !important;
    border: 1px solid rgba(var(--theme-color), 1);
}

.theme-dark .pricing__list-item {
    border-bottom-color: rgba(var(--grey-2), 0.6);
}

.theme-dark .pricing__type-wrapper label span::before {
    border-color: rgba(var(--white), 0.6);
}

.theme-dark .pricing__type-wrapper label input:checked + span:after {
    background-color: rgba(var(--white), 0.9);
}

.theme-dark .pricing__type-wrapper label input:checked + span {
    color: rgba(var(--white), 1);
}

/* Swiper */
.theme-dark .swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: rgba(var(--white), 0.2)
}

/* Alerts css */
.theme-dark .alert-primary {
    color: #004085
}

.theme-dark .alert-primary .alert-link {
    color: #002752
}

.theme-dark .alert-secondary {
    color: #383d41
}

.theme-dark .alert-secondary .alert-link {
    color: #202326
}

.theme-dark .alert-success,
.theme-dark .alert-success b,
.theme-dark .alert-success li,
.theme-dark .alert-success p,
.theme-dark .alert-success p strong {
    color: #155724
}

.theme-dark .alert-success .alert-link
.theme-dark .alert-success p .alert-link {
    color: #0b2e13
}

.theme-dark .alert-info,
.theme-dark .alert-info b {
    color: #0c5460
}

.theme-dark .alert-info .alert-link {
    color: #062c33
}

.theme-dark .alert-warning,
.theme-dark .alert-warning b,
.theme-dark .alert-warning li,
.theme-dark .alert-warning p,
.theme-dark .alert-warning strong {
    color: #856404
}

.theme-dark .alert-warning .alert-link,
.theme-dark .alert-warning p .alert-link {
    color: #533f03
}

.theme-dark .alert-danger,
.theme-dark .alert-danger b,
.theme-dark .alert-danger p,
.theme-dark .alert-danger li,
.theme-dark .alert-danger p strong {
    color: #721c24 !important;
}

.theme-dark .alert-danger .close i {
    color: #721c24 !important;
}

.theme-dark .alert-danger .alert-link,
.theme-dark .alert-danger p .alert-link {
    color: #491217 !important
}

.theme-dark .alert-light,
.theme-dark .alert-light b,
.theme-dark .alert-light p,
.theme-dark .alert-light p strong {
    color: #818182
}

.theme-dark .alert-light .alert-link {
    color: #686868
}

.theme-dark .alert-dark {
    color: #1b1e21
}

.theme-dark .alert-dark .alert-link {
    color: #040505
}

.theme-dark .loading-image,
.theme-dark .loading-text {
    background: rgba(var(--white),.2);
    background: linear-gradient(90deg,
    rgba(var(--white),.2) 25%,
    rgba(var(--white),.3) 50%,
    rgba(var(--white),.45) 75%);
    background-size: 200% 100%
}

/* User Profile */
.theme-dark .u-profile__section {
    background-color: rgba(var(--grey-1),1);;
}

.theme-dark .u-profile__created--empty .u-profile__created-table-body p,
.theme-dark .u-profile__created--empty .u-profile__subscribed-table-body p,
.theme-dark .u-profile__subscribed--empty .u-profile__created-table-body p,
.theme-dark .u-profile__subscribed--empty .u-profile__subscribed-table-body p {
    color: rgba(var(--white), 1);
}

.theme-dark .a-profile__brokenExchange--list .table tr td:nth-child(3) a {
    color: rgba(var(--theme-color), 1);
}


@media (max-width: 1199px) {
    .theme-dark .dropdown-menu-wrapper {
        border: none !important;
    }

    .theme-dark .header__menu {
        background-color: rgba(var(--grey-1), 1);
        box-shadow: 0 0 50px rgba(var(--black), 0.7);
    }

    .theme-dark .hamburger-inner,
    .theme-dark .hamburger-inner:after,
    .theme-dark .hamburger-inner:before {
        background-color: rgba(var(--white), 0.7);
    }
}

@media (max-width: 1199px) {
    .theme-dark .input-group--reverse.input-group button.btn {
        background-color: #555;
    }

    .theme-dark .input-group--reverse.input-group button.btn i {
        color: #aaa
    }

    .theme-dark .strategy__option-btn {
        border: 1px solid rgba(var(--grey-2), 1);
        background-color: transparent;
    }
}


/* Broadcast */
.theme-dark .second-toolbar,
.theme-dark .fr-toolbar,
.theme-dark .fr-box.fr-basic .fr-wrapper {
    background: rgba(var(--grey-1), 1);
    border-color: rgba(var(--grey-2), 1);
}

.theme-dark .fr-toolbar .fr-newline {
    background: rgba(var(--grey-2), 1);
    margin: 0;
}

.theme-dark .fr-toolbar .fr-btn:hover {
    background: rgba(var(--white), 0.2) !important;
}

.theme-dark .fr-toolbar .fr-active.fr-btn-hover svg path,
.theme-dark .fr-toolbar .fr-active.fr-expanded svg path,
.theme-dark .fr-toolbar svg path {
    fill: rgba(var(--white), 0.7) !important;
}

.fr-toolbar .fr-active svg path {
    fill: rgba(var(--theme-color), 1) !important;
}

.fr-toolbar .fr-active:hover svg path {
    fill: rgba(var(--white), 1) !important;
}

.theme-dark .fr-command.fr-btn+.fr-dropdown-menu {
    background: rgba(var(--grey-2), 1) !important;
}

.theme-dark .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.theme-dark .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell),
.theme-dark .fr-desktop .fr-command:focus:not(.fr-table-cell),
.theme-dark .fr-desktop .fr-command:hover:not(.fr-table-cell) {
    background: rgba(var(--white), 0.2) !important;
}

.theme-dark .fr-modal .fr-command.fr-btn.fr-dropdown:after,
.theme-dark .fr-popup .fr-command.fr-btn.fr-dropdown:after,
.theme-dark .fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
    border-top-color: rgba(var(--grey-2), 1) !important;
}

.theme-dark .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after,
.theme-dark .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.theme-dark .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-top: 0;
    border-bottom: 4px solid rgba(var(--white), 0.3) !important;
}

.theme-dark .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active,
.theme-dark .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.theme-dark .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active {
    background: rgba(var(--white), 0.2) !important;
}

/* Regional Setting */
.theme-dark .reg-setting .dropdown-item.active {
    background: rgba(var(--black), 0.6)
}

/* Broker and Exchange */
.theme-dark .tt-broker-header{
    border-bottom-color: rgba(var(--white), 0.08);
}

.theme-dark .tt-broker-header-title{
    color: rgba(var(--white), 0.92);
}

.theme-dark .tt-broker-count-badge{
    color: rgba(var(--theme-color), 1);
    background: rgba(var(--theme-color), 0.14);
    border-color: rgba(var(--theme-color), 0.24);
}

.theme-dark .tt-broker-header-btn{
    background: rgba(var(--white), 0.05);
    border-color: rgba(var(--white), 0.08);
    color: rgba(var(--white), 0.88);
}

.theme-dark .tt-broker-header-btn:hover{
    background: rgba(var(--white), 0.08);
    border-color: rgba(var(--white), 0.12);
    color: rgba(var(--white), 0.95);
    box-shadow: 0 6px 14px rgba(var(--black), 0.22);
}

.theme-dark .tt-broker-header-btn-add{
    background: rgba(var(--theme-color), 1);
    border-color: rgba(var(--theme-color-dark), 1);
    color: rgba(var(--white), 1);
    box-shadow: 0 6px 16px rgba(var(--theme-color), 0.25);
}

.theme-dark .tt-broker-header-btn-add:hover{
    background: rgba(var(--theme-color-dark), 1);
    border-color: rgba(var(--theme-color-dark), 1);
    color: rgba(var(--white), 1);
    box-shadow: 0 8px 20px rgba(var(--theme-color), 0.32);
}

.theme-dark .tt-broker-card{
    background: rgba(var(--white), 0.05);
    border-color: rgba(var(--white), 0.08);
    box-shadow: 0 6px 18px rgba(var(--black), 0.24);
}

.theme-dark .tt-broker-card:hover{
    border-color: rgba(var(--white), 0.12);
    box-shadow: 0 10px 24px rgba(var(--black), 0.30);
}

.theme-dark .tt-broker-card-header{
    border-bottom-color: rgba(var(--white), 0.08);
}

.theme-dark .tt-broker-name{
    color: rgba(var(--white), 0.93);
}

.theme-dark .tt-broker-exchanges{
    color: rgba(var(--white), 0.58);
}

.theme-dark .tt-broker-avatar{
    color: rgba(var(--white), 0.98);
    box-shadow: inset 0 1px 0 rgba(var(--white), 0.08);
}

.theme-dark .tt-broker-action-btn{
    background: rgba(var(--white), 0.05);
    border-color: rgba(var(--white), 0.08);
    color: rgba(var(--theme-color), 1);
}

.theme-dark .tt-broker-action-btn:hover{
    box-shadow: 0 6px 14px rgba(var(--black), 0.22);
}

.theme-dark .tt-broker-action-regenerate:hover{
    background: rgba(var(--theme-color), 0.12);
    border-color: rgba(var(--theme-color), 0.22);
    color: rgba(var(--theme-color), 1);
}

.theme-dark .tt-broker-action-edit:hover{
    background: rgba(79, 108, 247, 0.14);
    border-color: rgba(79, 108, 247, 0.24);
    color: rgba(var(--theme-color), 1);
}

.theme-dark .tt-broker-action-delete{
    color: #ff7b7b;
}

.theme-dark .tt-broker-action-delete:hover{
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(239, 68, 68, 0.26);
    color: #ff8d8d;
}

.theme-dark .tt-broker-card-static-row{
    border-bottom-color: rgba(var(--white), 0.08);
}

.theme-dark .tt-broker-static-pill{
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.20);
    color: #6ee7a0;
}

.theme-dark .tt-broker-static-pill-dot{
    background: #34d399;
}

.theme-dark .tt-broker-static-ip{
    color: rgba(var(--white), 0.90);
}

.theme-dark .tt-broker-static-expiry{
    color: rgba(var(--white), 0.58);
}

.theme-dark .tt-broker-static-expiry strong{
    color: rgba(var(--white), 0.88);
}

.theme-dark .tt-broker-renew-btn,
.theme-dark .tt-broker-buy-btn{
    background: rgba(var(--theme-color), 1);
    border-color: rgba(var(--theme-color-dark), 1);
    color: rgba(var(--white), 1);
    box-shadow: 0 8px 18px rgba(var(--theme-color), 0.22);
}

.theme-dark .tt-broker-renew-btn:hover,
.theme-dark .tt-broker-buy-btn:hover,
.theme-dark .tt-broker-renew-btn:focus,
.theme-dark .tt-broker-buy-btn:focus{
    background: rgba(var(--theme-color-dark), 1);
    border-color: rgba(var(--theme-color-dark), 1);
    color: rgba(var(--white), 1);
    box-shadow: 0 10px 22px rgba(var(--theme-color), 0.30);
}

.theme-dark .tt-broker-plan-select{
    background: rgba(var(--white), 0.05);
    border-color: rgba(var(--white), 0.08);
    color: rgba(var(--white), 0.90);
}

.theme-dark .tt-broker-plan-select:focus{
    border-color: rgba(var(--theme-color), 0.60);
    box-shadow: 0 0 0 0.12rem rgba(var(--theme-color), 0.18);
}

.theme-dark .tt-broker-plan-select option{
    background: #1f1f1f;
    color: rgba(var(--white), 0.92);
}

.theme-dark .tt-broker-meta-row{
    border-bottom-color: rgba(var(--white), 0.08);
}

.theme-dark .tt-broker-meta-label{
    color: rgba(var(--white), 0.52);
}

.theme-dark .tt-broker-meta-value{
    color: rgba(var(--white), 0.86);
}

.theme-dark .tt-broker-meta-dot{
    background: rgba(var(--white), 0.20);
}

.theme-dark .tt-broker-oauth-status--success{
    color: #4ade80;
}

.theme-dark .tt-broker-oauth-status--pending{
    color: #f87171;
}

.theme-dark .tt-broker-oauth-link{
    color: #f87171;
}

.theme-dark .tt-broker-oauth-link:hover{
    color: #fca5a5;
}

.theme-dark .tt-broker-card-info{
    color: inherit;
}

.theme-dark .tt-broker-info-label{
    color: rgba(var(--white), 0.88);
}

.theme-dark .tt-broker-info-content{
    color: rgba(var(--white), 0.72);
}

.theme-dark .tt-broker-info-content a{
    color: rgba(var(--theme-color), 1);
}

.theme-dark .tt-broker-info-content a:hover{
    color: rgba(var(--white), 0.95);
}

.theme-dark .tt-modal-backdrop{
    background: rgba(var(--black), 0.62);
}

.theme-dark .tt-modal-shell,
.theme-dark .tt-confirm-modal,
.theme-dark .tt-payment-modal,
.theme-dark .tt-status-modal{
    background: rgba(26, 26, 26, 0.98);
    border-color: rgba(var(--white), 0.08);
    box-shadow: 0 20px 40px rgba(var(--black), 0.42);
}

.theme-dark .tt-confirm-modal-title,
.theme-dark .tt-payment-modal-header h5,
.theme-dark .tt-status-modal h4{
    color: rgba(var(--white), 0.92);
}

.theme-dark .tt-confirm-modal-text,
.theme-dark .tt-status-modal p,
.theme-dark .tt-payment-modal-body{
    color: rgba(var(--white), 0.70);
}

.theme-dark .tt-confirm-modal-error{
    background: rgba(220, 38, 38, 0.10);
    border-color: rgba(220, 38, 38, 0.24);
    color: #ff9b9b;
}

.theme-dark .tt-btn-secondary{
    background: rgba(var(--white), 0.05);
    border-color: rgba(var(--white), 0.08);
    color: rgba(var(--white), 0.88);
}

.theme-dark .tt-btn-secondary:hover{
    background: rgba(var(--white), 0.08);
    border-color: rgba(var(--white), 0.12);
    color: rgba(var(--white), 0.95);
    box-shadow: 0 6px 14px rgba(var(--black), 0.22);
}

.theme-dark .tt-btn-primary{
    background: rgba(var(--theme-color), 1);
    border-color: rgba(var(--theme-color-dark), 1);
    color: rgba(var(--white), 1);
    box-shadow: 0 6px 16px rgba(var(--theme-color), 0.22);
}

.theme-dark .tt-btn-primary:hover{
    background: rgba(var(--theme-color-dark), 1);
    border-color: rgba(var(--theme-color-dark), 1);
    color: rgba(var(--white), 1);
    box-shadow: 0 8px 20px rgba(var(--theme-color), 0.30);
}

.theme-dark .tt-btn-danger{
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border-color: #dc2626;
    color: #fff;
}

.theme-dark .tt-btn-danger:hover{
    background: linear-gradient(135deg, #e23c3c 0%, #c81e1e 100%);
    border-color: #c81e1e;
    color: #fff;
}

/* GLobal  Loader */
.theme-dark .tt-page-loader{
    background: rgba(var(--black), 0.72);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.theme-dark .tt-page-loader-card{
    background: rgba(24, 24, 24, 0.98);
    border: 1px solid rgba(var(--white), 0.08);
    box-shadow: 0 20px 50px rgba(var(--black), 0.42);
}

.theme-dark .tt-page-loader-spinner-wrap{
    background: linear-gradient(
        180deg,
        rgba(var(--theme-color), 0.14) 0%,
        rgba(var(--white), 0.04) 100%
    );
}

.theme-dark .tt-page-loader-spinner{
    border-color: rgba(var(--white), 0.12);
    border-top-color: rgba(var(--theme-color), 1);
    border-right-color: rgba(var(--theme-color), 1);
}

.theme-dark .tt-page-loader-title{
    color: rgba(var(--white), 0.92);
}

.theme-dark .tt-page-loader-subtitle{
    color: rgba(var(--white), 0.64);
}
@charset "UTF-8";
.subscribers__self-block-img span,
.subscribers__self-block-img img,
.a-profile__profile .u-profile__main-image span,
.s-profile__feedback-comment-img img,
.s-profile__visited-block-img img,
.s-profile__followers-block-img img,
.s-profile__description-profile-img img,
.u-profile__tweets-box-image img,
.u-profile__main-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 0 0;
  display: flex;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.85;
}

.hamburger-box {
  width: 30px;
  height: 19px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: #000;
  border-radius: 2px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -8px;
}

.hamburger-inner::after {
  bottom: -8px;
}

/*
 * Squeeze
 */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@font-face {
  font-family: "iconFont";
  src: url(/fonts/iconFont.eot?73a14d104f6d88aea7fa2395d3291751);
  src: url(/fonts/iconFont.eot?73a14d104f6d88aea7fa2395d3291751) format("eot"), url(/fonts/iconFont.woff2?a9632548a6ffec00e2f164a47fac5457) format("woff2"), url(/fonts/iconFont.woff?1364904ac177c9b6b15624e0378bbbf9) format("woff"), url(/fonts/iconFont.ttf?46a7f9abd59efd03da1f16c3c67c52d8) format("truetype"), url(/fonts/iconFont.svg?f73d6fef4f7d7133a06a258374fbc7b2) format("svg");
}

.icon-youtube:before,
.icon-workflow:before,
.icon-warning:before,
.icon-wallet1:before,
.icon-wallet:before,
.icon-view:before,
.icon-users:before,
.icon-user:before,
.icon-user-profile:before,
.icon-upload:before,
.icon-unlock:before,
.icon-twitter:before,
.icon-telegram:before,
.icon-success:before,
.icon-stopwatch:before,
.icon-stop:before,
.icon-star:before,
.icon-star-fill:before,
.icon-sort-down:before,
.icon-smartphone:before,
.icon-signin:before,
.icon-shield:before,
.icon-share:before,
.icon-share-code:before,
.icon-share-1:before,
.icon-settings:before,
.icon-settings-cog:before,
.icon-send-invoice:before,
.icon-search:before,
.icon-safebox:before,
.icon-recycle:before,
.icon-puzzle:before,
.icon-plus:before,
.icon-play:before,
.icon-play-stop:before,
.icon-photos:before,
.icon-photo-camera:before,
.icon-pencil-edit:before,
.icon-pause:before,
.icon-pause-thin:before,
.icon-pause-thick:before,
.icon-paste-file:before,
.icon-more:before,
.icon-money:before,
.icon-maze:before,
.icon-logout:before,
.icon-lock:before,
.icon-linkedin:before,
.icon-link:before,
.icon-line-chart:before,
.icon-layers:before,
.icon-key:before,
.icon-invoice-paid:before,
.icon-internet:before,
.icon-innovation:before,
.icon-information:before,
.icon-idea:before,
.icon-id-card:before,
.icon-history:before,
.icon-help-support:before,
.icon-heart:before,
.icon-heart-fill:before,
.icon-hand:before,
.icon-graphene:before,
.icon-google-plus:before,
.icon-garbage:before,
.icon-filter:before,
.icon-file:before,
.icon-file-export:before,
.icon-file-2:before,
.icon-favorites:before,
.icon-facebook:before,
.icon-exit:before,
.icon-envelope1:before,
.icon-envelope:before,
.icon-email:before,
.icon-edit:before,
.icon-duplicate:before,
.icon-download:before,
.icon-discount-voucher:before,
.icon-diagram:before,
.icon-desktop:before,
.icon-deadline:before,
.icon-cvs:before,
.icon-corner:before,
.icon-copy:before,
.icon-controls:before,
.icon-comment:before,
.icon-close:before,
.icon-clock:before,
.icon-chip:before,
.icon-checklist:before,
.icon-check:before,
.icon-chart:before,
.icon-cancel:before,
.icon-calender:before,
.icon-calendar:before,
.icon-calculator:before,
.icon-broadcast:before,
.icon-bell:before,
.icon-bar-chart:before,
.icon-bank:before,
.icon-attach:before,
.icon-arrow:before,
.icon-arrow-down:before,
.icon-analytics:before,
.icon-aliceblue:before,
.icon-alert:before,
.icon-agenda:before {
  font-family: "iconFont", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.icon-agenda:before {
  content: "\E001";
}

.icon-alert:before {
  content: "\E002";
}

.icon-aliceblue:before {
  content: "\E003";
}

.icon-analytics:before {
  content: "\E004";
}

.icon-arrow-down:before {
  content: "\E005";
}

.icon-arrow:before {
  content: "\E006";
}

.icon-attach:before {
  content: "\E007";
}

.icon-bank:before {
  content: "\E008";
}

.icon-bar-chart:before {
  content: "\E009";
}

.icon-bell:before {
  content: "\E00A";
}

.icon-broadcast:before {
  content: "\E00B";
}

.icon-calculator:before {
  content: "\E00C";
}

.icon-calendar:before {
  content: "\E00D";
}

.icon-calender:before {
  content: "\E00E";
}

.icon-cancel:before {
  content: "\E00F";
}

.icon-chart:before {
  content: "\E010";
}

.icon-check:before {
  content: "\E011";
}

.icon-checklist:before {
  content: "\E012";
}

.icon-chip:before {
  content: "\E013";
}

.icon-clock:before {
  content: "\E014";
}

.icon-close:before {
  content: "\E015";
}

.icon-comment:before {
  content: "\E016";
}

.icon-controls:before {
  content: "\E017";
}

.icon-copy:before {
  content: "\E018";
}

.icon-corner:before {
  content: "\E019";
}

.icon-cvs:before {
  content: "\E01A";
}

.icon-deadline:before {
  content: "\E01B";
}

.icon-desktop:before {
  content: "\E01C";
}

.icon-diagram:before {
  content: "\E01D";
}

.icon-discount-voucher:before {
  content: "\E01E";
}

.icon-download:before {
  content: "\E01F";
}

.icon-duplicate:before {
  content: "\E020";
}

.icon-edit:before {
  content: "\E021";
}

.icon-email:before {
  content: "\E022";
}

.icon-envelope:before {
  content: "\E023";
}

.icon-envelope1:before {
  content: "\E024";
}

.icon-exit:before {
  content: "\E025";
}

.icon-facebook:before {
  content: "\E026";
}

.icon-favorites:before {
  content: "\E027";
}

.icon-file-2:before {
  content: "\E028";
}

.icon-file-export:before {
  content: "\E029";
}

.icon-file:before {
  content: "\E02A";
}

.icon-filter:before {
  content: "\E02B";
}

.icon-garbage:before {
  content: "\E02C";
}

.icon-google-plus:before {
  content: "\E02D";
}

.icon-graphene:before {
  content: "\E02E";
}

.icon-hand:before {
  content: "\E02F";
}

.icon-heart-fill:before {
  content: "\E030";
}

.icon-heart:before {
  content: "\E031";
}

.icon-help-support:before {
  content: "\E032";
}

.icon-history:before {
  content: "\E033";
}

.icon-id-card:before {
  content: "\E034";
}

.icon-idea:before {
  content: "\E035";
}

.icon-information:before {
  content: "\E036";
}

.icon-innovation:before {
  content: "\E037";
}

.icon-internet:before {
  content: "\E038";
}

.icon-invoice-paid:before {
  content: "\E039";
}

.icon-key:before {
  content: "\E03A";
}

.icon-layers:before {
  content: "\E03B";
}

.icon-line-chart:before {
  content: "\E03C";
}

.icon-link:before {
  content: "\E03D";
}

.icon-linkedin:before {
  content: "\E03E";
}

.icon-lock:before {
  content: "\E03F";
}

.icon-logout:before {
  content: "\E040";
}

.icon-maze:before {
  content: "\E041";
}

.icon-money:before {
  content: "\E042";
}

.icon-more:before {
  content: "\E043";
}

.icon-paste-file:before {
  content: "\E044";
}

.icon-pause-thick:before {
  content: "\E045";
}

.icon-pause-thin:before {
  content: "\E046";
}

.icon-pause:before {
  content: "\E047";
}

.icon-pencil-edit:before {
  content: "\E048";
}

.icon-photo-camera:before {
  content: "\E049";
}

.icon-photos:before {
  content: "\E04A";
}

.icon-play-stop:before {
  content: "\E04B";
}

.icon-play:before {
  content: "\E04C";
}

.icon-plus:before {
  content: "\E04D";
}

.icon-puzzle:before {
  content: "\E04E";
}

.icon-recycle:before {
  content: "\E04F";
}

.icon-safebox:before {
  content: "\E050";
}

.icon-search:before {
  content: "\E051";
}

.icon-send-invoice:before {
  content: "\E052";
}

.icon-settings-cog:before {
  content: "\E053";
}

.icon-settings:before {
  content: "\E054";
}

.icon-share-1:before {
  content: "\E055";
}

.icon-share-code:before {
  content: "\E056";
}

.icon-share:before {
  content: "\E057";
}

.icon-shield:before {
  content: "\E058";
}

.icon-signin:before {
  content: "\E059";
}

.icon-smartphone:before {
  content: "\E05A";
}

.icon-sort-down:before {
  content: "\E05B";
}

.icon-star-fill:before {
  content: "\E05C";
}

.icon-star:before {
  content: "\E05D";
}

.icon-stop:before {
  content: "\E05E";
}

.icon-stopwatch:before {
  content: "\E05F";
}

.icon-success:before {
  content: "\E060";
}

.icon-telegram:before {
  content: "\E061";
}

.icon-twitter:before {
  content: "\E062";
}

.icon-unlock:before {
  content: "\E063";
}

.icon-upload:before {
  content: "\E064";
}

.icon-user-profile:before {
  content: "\E065";
}

.icon-user:before {
  content: "\E066";
}

.icon-users:before {
  content: "\E067";
}

.icon-view:before {
  content: "\E068";
}

.icon-wallet:before {
  content: "\E069";
}

.icon-wallet1:before {
  content: "\E06A";
}

.icon-warning:before {
  content: "\E06B";
}

.icon-workflow:before {
  content: "\E06C";
}

.icon-youtube:before {
  content: "\E06D";
}

@font-face {
  font-family: "PingFang";
  src: url(/fonts/PingFang-Medium.ttf?15974853bc3294ef68e7e6d58fe74fd7) format("truetype");
  font-style: normal;
  font-weight: 500;
}

html,
body {
  width: 100%;
  min-height: 100vh;
}

html.is-hideScroll,
body.is-hideScroll {
  width: 100%;
  overflow: hidden !important;
}

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  overflow-x: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #fff;
  line-height: 1.42857143;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body > .body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 auto;
}

body > .body--start {
  justify-content: flex-start;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
hr {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

a {
  outline: none;
  text-decoration: none;
  color: #333333;
  transition: color 0.3s ease-in-out;
}

a:hover {
  text-decoration: none;
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

strong {
  font-weight: bold;
}

input[type=text] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

picture {
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.currency-symbol {
  font-family: Arial, Helvetica, sans-serif;
}

.alert {
  border: none;
}

.alert__box {
  position: relative;
  min-height: 40px;
  padding: 10px 50px;
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .alert__box {
    padding-left: 15px;
    padding-right: 45px;
  }
}

.alert__box.is-valid p,
.alert__box.is-valid a {
  color: #22C993;
}

.alert__box.is-invalid p,
.alert__box.is-invalid a {
  color: #f05858;
}

.alert__box p,
.alert__box a {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.38px;
}

@media screen and (max-width: 767px) {
  .alert__box p,
  .alert__box a {
    text-align: left;
  }
}

.alert__box a {
  text-decoration: underline;
}

.alert__box .alert__close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 30px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .alert__box .alert__close {
    right: 15px;
  }
}

.copyright {
  font-size: 13px;
  letter-spacing: 0.4px;
}

.dropdown--more .dropdown-toggle {
  height: 30px;
}

.dropdown--more .dropdown-toggle .icon-font {
  color: #AEAEAE;
  font-size: 5px;
}

.dropdown--more .dropdown-toggle:after {
  display: none;
}

.dropdown--more .dropdown-item > div:nth-of-type(1) {
  width: 30px;
}

.dropdown-toggle {
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0.44px;
  transition: color 0.3s ease-in-out;
}

.dropdown-toggle:focus,
.dropdown-toggle.focus {
  outline: none;
  box-shadow: none;
}

.dropdown-toggle.is-active {
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.dropdown-toggle .icon-font {
  margin-left: 5px;
  font-size: 8px;
}

.dropdown-menu {
  left: auto !important;
  right: 0 !important;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.dropdown-menu-corner {
  z-index: 0;
  top: -5px;
  right: 12px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #ffffff;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
}

.dropdown-menu-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
}

.dropdown-item {
  min-height: 20px;
  padding: 0 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.dropdown-item:hover {
  background-color: transparent;
}

.dropdown-item:hover .icon-font,
.dropdown-item:hover span {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.dropdown-item > div {
  display: flex;
}

.dropdown-item > div:nth-of-type(2) {
  display: flex;
  align-items: center;
  min-height: 22px;
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.dropdown-item span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  transition: color 0.3s ease-in-out;
}

.dropdown-item .icon-font {
  font-size: 18px;
  transition: color 0.3s ease-in-out;
}

.input-group {
  overflow: hidden;
  border-radius: 6px;
  background-color: #ffffff;
}

.input-group--reverse.input-group button.btn {
  border-left: transparent !important;
  border-right: solid 1px rgba(185, 185, 185, 0.3);
}

.input-group--reverse.input-group .form-control {
  border-left: solid 1px rgba(185, 185, 185, 0.3);
  border-right: transparent !important;
}

.input-group button.btn {
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
  border-right: transparent;
}

.input-group button.btn:hover {
  background-color: transparent;
}

.input-group button.btn:focus,
.input-group button.btn:active {
  box-shadow: none !important;
  background-color: transparent !important;
  border-color: rgba(185, 185, 185, 0.3) !important;
}

.input-group button.btn .icon-font {
  font-size: 17px;
  color: #333333;
}

.input-group .form-control {
  height: 40px;
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
  border-left: transparent;
  background-color: #ffffff;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.09px;
}

.input-group .form-control.placeholder {
  opacity: 0.35;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.09px;
  color: #333333;
}

.input-group .form-control:-moz-placeholder {
  opacity: 0.35;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.09px;
  color: #333333;
}

.input-group .form-control::-moz-placeholder {
  opacity: 0.35;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.09px;
  color: #333333;
}

.input-group .form-control:-ms-input-placeholder {
  opacity: 0.35;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.09px;
  color: #333333;
}

.input-group .form-control::-webkit-input-placeholder {
  opacity: 0.35;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.09px;
  color: #333333;
}

.input-group .form-control:focus {
  box-shadow: none;
  border-color: rgba(185, 185, 185, 0.3);
}

.form-group > label {
  padding-bottom: 5px;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}

.form-group > input[type=text] {
  outline: none;
  height: 40px;
  padding: 0 15px;
  box-shadow: none;
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
  background-color: #ffffff;
}

.form-group > input[type=text]:focus {
  box-shadow: none;
  border-color: rgba(185, 185, 185, 0.3);
}

.form-group textarea {
  outline: none;
  padding: 0 15px;
  box-shadow: none;
  border: solid 1px rgba(185, 185, 185, 0.3);
  background-color: #ffffff;
}

.form-group textarea:focus {
  box-shadow: none;
  border-color: rgba(185, 185, 185, 0.3);
}

.form-group select {
  outline: none;
  height: 40px;
  padding: 0 15px;
  box-shadow: none;
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
  background-color: #ffffff;
}

.form-group select:focus {
  box-shadow: none;
  border-color: rgba(185, 185, 185, 0.3);
}

.tooltip.show {
  opacity: 1;
}

.tooltip .arrow:before {
  border-top-color: #fff;
}

.tooltip-inner {
  opacity: 1;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
  color: #333;
  font-weight: 500;
  font-size: 10px;
  text-align: left;
}

.animate {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(36px);
            transform: translateY(36px);
    opacity: 1;
  }
}

@keyframes slideIn {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(36px);
            transform: translateY(36px);
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.slideIn {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: slideIn;
          animation-name: slideIn;
}

.swiper-container {
  width: 100%;
}

.swiper-container-main {
  width: 100%;
  max-width: 610px;
  margin-left: 0;
  padding-bottom: 50px;
}

@media screen and (max-width: 1199px) {
  .swiper-container-main {
    max-width: 541px;
  }
}

@media screen and (max-width: 1023px) {
  .swiper-container-main {
    max-width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .swiper-container-main {
    max-width: 100%;
  }
}

.swiper-container-disposal {
  overflow: unset;
}

@media screen and (max-width: 991px) {
  .swiper-container-disposal {
    padding-bottom: 70px;
  }
}

.swiper-container-disposal .swiper-slide {
  height: auto;
}

.swiper-container-disposal .swiper-pagination {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 991px) {
  .swiper-container-disposal .swiper-pagination {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.swiper-container-condition {
  overflow: unset;
}

.swiper-container-condition .swiper-slide {
  height: auto;
}

.swiper-container-condition .swiper-pagination {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  .swiper-container-condition .swiper-pagination {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.swiper-container-more {
  overflow: unset;
}

.swiper-container-more .swiper-slide {
  height: auto;
}

.swiper-container-more .swiper-pagination {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  .swiper-container-more .swiper-pagination {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.swiper-container-features {
  padding-top: 50px;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .swiper-container-features {
    overflow: unset;
    width: 80%;
  }
}

.swiper-container-features .swiper-slide {
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  height: 114px;
  border-radius: 6px;
}

.swiper-container-features .swiper-slide:hover .swiper-slide-cover {
  box-shadow: 0 0.5px 10px 0 rgba(17, 30, 79, 0.05);
  transition: box-shadow 0.3s ease-in-out;
}

.swiper-container-features .swiper-slide:before {
  content: "";
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(114deg, #ff5980, #ffa882);
  transition: opacity 0.3s ease-in-out;
}

.swiper-container-features .swiper-slide-cover {
  width: 100%;
  height: 94px;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
  transition: height 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.swiper-container-features .swiper-slide-active {
  overflow: hidden;
}

.swiper-container-features .swiper-slide-active .swiper-slide-cover {
  height: 114px;
  background-color: transparent;
  transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.swiper-container-features .swiper-slide-active:before {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.swiper-container-features .swiper-slide-active p,
.swiper-container-features .swiper-slide-active .icon-font {
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}

.swiper-container-features .swiper-pagination {
  opacity: 0;
  visibility: hidden;
  bottom: auto;
  top: 100%;
}

@media screen and (max-width: 767px) {
  .swiper-container-features .swiper-pagination {
    opacity: 1;
    visibility: visible;
  }
}

.swiper-container-pricing {
  overflow: unset;
  padding-top: 45px;
  padding-bottom: 50px;
}

@media screen and (max-width: 1023px) {
  .swiper-container-pricing {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .swiper-container-pricing {
    overflow: unset;
    width: 275px;
    margin-left: 0;
  }
}

.swiper-container-pricing .swiper-wrapper {
  display: flex;
  align-items: top;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .swiper-container-pricing .swiper-wrapper {
    width: 275px;
  }
}

.swiper-container-pricing .swiper-slide {
  width: 100%;
  max-width: calc((100% - (5px * 3)) / 5.5);
  min-height: 700px;
  border-radius: 6px;
  padding: 25px 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.07);
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .swiper-container-pricing .swiper-slide {
    width: 275px !important;
    max-width: 275px !important;
  }
}

@media screen and (max-width: 767px) {
  .swiper-container-pricing .swiper-slide {
    width: auto;
    max-width: unset;
  }
}

.swiper-container-pricing .swiper-slide:first-child {
  max-width: calc((100% - (14px * 4)) / 4.5);
  text-align: left;
}

.swiper-container-pricing .swiper-pagination {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  .swiper-container-pricing .swiper-pagination {
    opacity: 1;
    visibility: visible;
    margin-left: -15px;
  }
}

.swiper-container-partners .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear;
}

@media screen and (min-width:768px) {
  .swiper-container-partners .swiper-slide {
    width: auto !important;
  }
}

.swiper-container .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
}

.swiper-container .swiper-pagination-bullet {
  opacity: 1;
  width: 12px;
  height: 12px;
  background-color: rgba(34, 42, 66, 0.15);
  margin-left: 3px;
  margin-right: 3px;
  transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.swiper-container .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 7px;
  background-color: #6772e5;
  transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.icon-font {
  display: flex;
  line-height: 1;
}

.logotype {
  width: 100%;
  max-width: 175px;
}

.social__link .icon-font.icon-facebook {
  font-size: 21px;
}

.social__link .icon-font.icon-twitter {
  font-size: 21px;
}

.social__link .icon-font.icon-linkedin {
  font-size: 24px;
}

.social__link .icon-font.icon-youtube {
  font-size: 24px;
}

.social__link .icon-font.icon-telegram {
  font-size: 21px;
}

@media (max-width: 767px) {
  .social__link .icon-font.icon-facebook {
    font-size: 17px;
  }

  .social__link .icon-font.icon-twitter {
    font-size: 17px;
  }

  .social__link .icon-font.icon-linkedin {
    font-size: 17px;
  }

  .social__link .icon-font.icon-youtube {
    font-size: 17px;
  }

  .social__link .icon-font.icon-telegram {
    font-size: 17px;
  }
}

@media screen and (max-width: 575px) {
  .nav--footer .nav__list-link {
    font-size: 13px;
  }
}

.nav__link {
  letter-spacing: 0.4px;
}

.c-title {
  font-size: 40px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-title {
    font-size: 30px;
  }
}

.c-subtitle {
  font-size: 30px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-subtitle {
    font-size: 25px;
  }
}

.c-text {
  font-size: 17px;
  line-height: 1.56;
  letter-spacing: 0.1px;
  color: rgba(51, 51, 51, 0.8);
}

@media screen and (max-width: 767px) {
  .c-text {
    font-size: 16px;
  }
}

.c-btn {
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 110px;
  height: 40px;
  border: 1px solid #6772e5;
  box-shadow: none;
  border-radius: 6px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.4px;
}

.c-btn--border {
  background-color: transparent;
  color: #6772e5;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.c-btn--border:hover {
  background-color: #6772e5;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.c-btn--wborder {
  background-color: transparent;
  border-color: white;
}

.c-btn--wborder:hover {
  background-color: white;
  border-color: white;
  color: #6772e5;
}

.c-btn--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.c-btn--bg {
  background-color: #6772e5;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.c-btn--bg:hover {
  color: #6772e5;
  background-color: transparent;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.c-btn--bg:focus {
  background-color: #6772e5;
  color: white;
}

.header {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.header.header--login .header__menu {
  min-height: 344px;
}

.header.header--login .header__menu-body {
  min-height: 100%;
}

.header.header--login .header__menu-col {
  width: 100%;
  max-width: calc(100% / 3);
  min-width: auto;
}

@media screen and (max-width: 767px) {
  .header.header--login .header__menu-col {
    max-width: calc(100% / 2);
  }
}

.header.header--login .header__menu-col:nth-of-type(2) {
  display: flex;
  flex-direction: row;
  max-width: calc(100% - (100% / 3));
}

@media screen and (max-width: 767px) {
  .header.header--login .header__menu-col:nth-of-type(2) {
    flex-direction: column;
    max-width: calc(100% / 2);
  }
}

.header.header--login .header__menu-col:nth-of-type(2) .header__nav {
  min-height: 30px;
  padding-left: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.header.header--login .header__menu-col:nth-of-type(2) .header__nav a {
  margin-left: 0;
}

.header.header--login .header__menu-col:nth-of-type(2) .header__nav-wrapper {
  width: calc(100% / 2);
}

@media screen and (max-width: 767px) {
  .header.header--login .header__menu-col:nth-of-type(2) .header__nav-wrapper {
    width: 100%;
  }
}

.header.header--fixed {
  background-color: rgba(255, 255, 255, 0.975);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  transition: background-color 0.3s ease-in-out;
}

.header.header--fixed .header__wrapper .row {
  min-height: 75px;
  transition: min-height 0.3s ease-in-out;
}

.header__wrapper .row {
  min-height: 100px;
  transition: min-height 0.3s ease-in-out;
}

.header__btn {
  outline: none;
  white-space: nowrap;
}

.header__btn:focus {
  box-shadow: none;
  color: #333;
}

.header__btn--signup {
  overflow: hidden;
  position: relative;
  min-width: 65px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #333333;
}

.header__btn--signup:hover {
  color: #6772e5;
}

.header__btn--signup:hover:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.header__btn--signup:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  -webkit-transform: translateX(-150%);
          transform: translateX(-150%);
  width: 100%;
  height: 1px;
  background-color: #6772e5;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.header__btn--signin {
  max-width: 125px;
  margin-left: 21px;
}

.header__btn--signin:hover .icon-font,
.header__btn--signin:hover span {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.header__btn--signin .icon-font {
  color: #ffffff;
  margin-right: 5px;
  font-size: 18px;
  transition: color 0.3s ease-in-out;
}

.header__btn--signin span {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}

.header__nav--alert a {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.header__nav--alert a span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
  color: #ffffff;
  font-size: 5px;
}

.header__nav--alert a .icon-font {
  font-size: 19px;
}

.header__nav--alert .dropdown-menu-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item {
  margin: 0 !important;
  padding: 0 10px;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item--clear {
  min-height: 50px;
  font-size: 12px;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item--text {
  cursor: pointer;
  white-space: normal;
  position: relative;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item--text:hover {
  background-color: #f4f4f4;
  color: #6772e5;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item--text:hover a {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item--text p {
  padding: 5px 30px 5px 0;
  font-size: 10px;
  line-height: 1.4;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item--text a {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 7px;
  right: 5px;
  margin: 0;
  transition: opacity 0.3s ease-in-out;
}

.header__nav--alert .dropdown-menu-wrapper .dropdown-item--text a .icon-font {
  color: #6772e5;
  font-size: 10px;
}

.header__nav--alert .dropdown-menu-wrapper hr {
  min-width: 210px;
  height: 1px;
  border: none;
  background-color: #eee;
}

.header__nav--wallet {
  margin-right: 20px;
}

.header__nav--wallet .dropdown button {
  padding: 0;
}

@media screen and (max-width: 1199px) {
  .header__nav--wallet .dropdown button {
    padding: 0.375rem 0.75rem;
  }
}

.header__nav--wallet .dropdown button .icon-font {
  margin-right: 5px;
  margin-left: 0;
  font-size: 19px;
}

.header__nav--wallet .dropdown button span {
  position: relative;
  top: 1px;
}

.header__nav--profile .dropdown button {
  padding: 0;
}

@media screen and (max-width: 1199px) {
  .header__nav--profile .dropdown button {
    padding: 0.375rem 0.75rem;
  }
}

.header__nav--profile .dropdown button span {
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
  text-overflow: ellipsis;
}

.header__nav--profile .dropdown button p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 100%;
  background-color: #eeeeee;
}

.header__nav--profile .dropdown button p u {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #ffad0d;
}

.header__nav--profile .dropdown button p .icon-font {
  margin: 0;
  color: #cccccc;
  font-size: 18px;
}

.header__nav > a {
  white-space: nowrap;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #333;
  transition: color 0.3s ease-in-out;
}

.header__nav > a:hover {
  color: #6772e5;
}

.header__nav > a.is-active {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.header__nav .dropdown.show .btn {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.header__nav .dropdown-toggle {
  font-size: 15px;
  transition: color 0.3s ease-in-out;
}

.header__nav .dropdown-toggle:after {
  display: none;
}

.header__nav .dropdown-toggle:hover {
  color: #6772e5;
}

.header__nav .dropdown-toggle:focus,
.header__nav .dropdown-toggle.focus {
  outline: none;
  box-shadow: none;
}

.header__nav .dropdown-toggle.is-active {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.header__nav .dropdown-toggle .icon-font {
  margin-left: 5px;
  font-size: 8px;
}

.header__nav .dropdown-menu {
  left: auto !important;
  right: 0;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}

.header__nav .dropdown-menu-corner {
  z-index: 0;
  top: -5px;
  right: 12px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #ffffff;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
}

.header__nav .dropdown-menu-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
}

.header__nav .dropdown-item {
  min-height: 20px;
  padding: 0 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.header__nav .dropdown-item:hover {
  background-color: transparent;
}

.header__nav .dropdown-item:hover .icon-font,
.header__nav .dropdown-item:hover span {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.header__nav .dropdown-item > div {
  display: flex;
}

.header__nav .dropdown-item > div:nth-of-type(1) {
  width: 30px;
}

@media screen and (max-width: 1199px) {
  .header__nav .dropdown-item > div:nth-of-type(1) {
    width: 30px;
  }
}

.header__nav .dropdown-item > div:nth-of-type(2) {
  display: flex;
  align-items: center;
  min-height: 22px;
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.header__nav .dropdown-item span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  transition: color 0.3s ease-in-out;
}

.header__nav .dropdown-item .icon-font {
  font-size: 18px;
  transition: color 0.3s ease-in-out;
}

.header .hamburger {
  position: relative;
}

.header .hamburger.is-active {
  z-index: 999;
}

.header__menu {
  display: none;
  z-index: 998;
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  min-height: 444px;
  padding-left: 18px;
  padding-right: 29px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 3px 15px 1px rgba(17, 30, 79, 0.1);
}

@media screen and (max-width: 767px) {
  .header__menu {
    position: fixed;
    top: 0;
    padding-top: 80px;
    padding-right: 18px;
  }

  .header--fixed .header__menu {
    padding-top: 55px;
  }
}

.header__menu.is-open {
  display: block;
}

.header__menu-body {
  min-height: calc(444px - 90px);
  padding: 20px 0 29px 0;
}

.header__menu-col {
  display: flex;
  flex-direction: column;
  min-width: 270px;
}

@media screen and (max-width: 767px) {
  .header__menu-col {
    width: 100%;
    min-width: 0;
    max-width: 50%;
  }

  .header__menu-col:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 12px;
  }

  .header__menu-col:nth-of-type(2) .header__nav-wrapper:nth-of-type(2) .header__nav {
    min-height: 22px;
    padding-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .header__menu-col:nth-of-type(2) .header__nav-wrapper:nth-of-type(2) .header__nav a {
    margin-left: 0;
  }
}

@media screen and (max-width: 374px) {
  .header__menu-col:nth-of-type(2) .header__nav-wrapper:nth-of-type(2) .header__nav:nth-of-type(2) div {
    width: 100%;
  }

  .header__menu-col:nth-of-type(2) .header__nav-wrapper:nth-of-type(2) .header__nav:nth-of-type(2) div span {
    width: 100%;
  }

  .header__menu-col .header__nav .dropdown-item {
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
    display: block;
  }
}

.header__menu-footer {
  min-height: 90px;
  border-top: 2px solid #d8d9d8;
}

@media screen and (max-width: 767px) {
  .header__menu-footer > div:nth-of-type(1) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .header__menu .header__nav-wrapper {
    display: flex;
    flex-direction: column;
  }
}

.header__menu .header__nav .dropdown-menu {
  position: static;
  margin: 0;
  float: none;
}

.header__menu .header__nav .dropdown-menu-wrapper {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}

.header__menu .header__nav .dropdown-toggle {
  cursor: default;
  pointer-events: none;
  height: auto;
}

.header__menu .header__nav .dropdown-toggle:hover {
  color: #333333;
}

.header__menu .header__nav .dropdown-item {
  padding-left: 0;
}

.footer__wrapper-0 {
  padding-bottom: 49px;
}

.footer__wrapper-2 {
  padding-top: 55px;
  padding-bottom: 20px;
}

.footer__line {
  width: 100%;
  height: 1px;
  background-color: #d8d9d8;
}

.footer__subscribe-title {
  padding-bottom: 5px;
}

.footer__subscribe .input-group {
  height: 45px;
}

.footer__subscribe .input-group input.form-control {
  outline: none;
  z-index: 0;
  top: 0;
  left: 0;
  padding-right: 55px;
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
  background-color: #ffffff;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.1px;
}

.footer__subscribe .input-group input.form-control.placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.footer__subscribe .input-group input.form-control:-moz-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.footer__subscribe .input-group input.form-control::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.footer__subscribe .input-group input.form-control:-ms-input-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.footer__subscribe .input-group input.form-control::-webkit-input-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.footer__subscribe .input-group input.form-control:focus {
  outline: none;
  box-shadow: none;
}

.footer__subscribe .input-group button {
  outline: none;
  z-index: 2;
  width: 45px;
  height: 45px;
  border-radius: 6px !important;
  box-shadow: none;
  border: 1px solid #6772e5;
  background-color: #6772e5;
  transition: background-color 0.3s ease-in-out;
}

.footer__subscribe .input-group button:hover {
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.footer__subscribe .input-group button:hover .icon-font {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.footer__subscribe .input-group button .icon-font {
  color: #ffffff;
  font-size: 20px;
  transition: color 0.3s ease-in-out;
}

.modal .table-v-middle td {
  vertical-align: middle;
}

.modal .table-v-middle td.no_wrap {
  white-space: nowrap;
}

.modal__close {
  z-index: 10;
  cursor: pointer;
  top: 0;
  right: 0;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modal__close {
    right: 15px;
  }
}

.modal-header {
  border-bottom: 0;
}

.modal-content {
  border: none;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.07);
}

.modal-body-submit {
  outline: none;
  margin-left: auto;
  margin-right: auto;
  width: 235px;
  height: 40px;
  box-shadow: none;
  border-radius: 6px;
  border-color: #6772e5;
  background-color: #6772e5;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.44px;
  text-align: center;
  color: #ffffff;
}

.modal-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 0.8;
  text-align: center;
  color: #333333;
}

.modal__or {
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.modal__or:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(51, 51, 51, 0.2);
}

.modal__or p {
  z-index: 2;
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: 0.1px;
  text-align: center;
  color: rgba(51, 51, 51, 0.6);
}

.modal__or p span {
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.modal__btn:focus {
  box-shadow: none;
}

.modal__btn--facebook {
  margin-bottom: 10px;
  border-color: #425a97;
  background-color: #425a97;
}

.modal__btn--facebook:hover,
.modal__btn--facebook:focus {
  background-color: transparent;
}

.modal__btn--facebook:hover .icon-font,
.modal__btn--facebook:hover span,
.modal__btn--facebook:focus .icon-font,
.modal__btn--facebook:focus span {
  color: #425a97;
}

.modal__btn--google {
  border-color: #dc4e40;
  background-color: #dc4e40;
}

.modal__btn--google:hover,
.modal__btn--google:focus {
  background-color: transparent;
}

.modal__btn--google:hover .icon-font,
.modal__btn--google:hover span,
.modal__btn--google:focus .icon-font,
.modal__btn--google:focus span {
  color: #dc4e40;
}

.modal__btn--alice-blue {
  margin-top: 10px;
  border-color: #425a97;
  background-color: rgba(255, 255, 255, 0.56);
}

.modal__btn--alice-blue span {
  color: #425a97 !important;
}

.modal__btn--alice-blue:hover,
.modal__btn--alice-blue:focus {
  background-color: transparent;
}

.modal__btn--alice-blue:hover .icon-font,
.modal__btn--alice-blue:hover span,
.modal__btn--alice-blue:focus .icon-font,
.modal__btn--alice-blue:focus span {
  color: #425a97;
}

.modal__btn > div {
  width: 20px;
}

.modal__btn .icon-font {
  margin-right: 10px;
}

.modal__btn span {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.4px;
  color: #ffffff;
}

.modal__link {
  padding-top: 15px;
  font-size: 12px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #333333;
}

.modal__link a {
  font-weight: 500;
  color: #696eed;
}

.modal__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(51, 51, 51, 0.2);
}

.modal__tabs {
  width: 100%;
  height: 70px;
  border: 1px solid #B0C4E0;
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 5px;
  font-size: 14px;
  color: #B0C4E0;
  letter-spacing: 0.44px;
  text-align: center;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .modal__tabs {
    display: inline-block !important;
    width: 205px;
    margin: 0 5px;
    line-height: 70px;
  }
}

.modal__tabs:last-of-type {
  margin-bottom: 30px;
}

.modal__tabs:hover,
.modal__tabs.is-active {
  border-color: #6772E5;
  background-color: #6772e5;
  color: #ffffff;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.modal__tabs:focus {
  color: #B0C4E0;
}

.modal__tabs-content {
  display: none;
}

.modal__tabs-content.is-active {
  display: block;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.modal__tabs-wrapper--left {
  width: 235px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .modal__tabs-wrapper--left {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    padding-right: 0;
    margin-left: -1.25rem;
    width: calc(100% + 2.5rem);
  }
}

.modal__tabs-wrapper--right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .modal__tabs-wrapper--right {
    padding-left: 0;
  }
}

.modal__credit {
  width: 100%;
  max-width: 335px;
  min-height: 197px;
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .modal__credit {
    margin-left: auto;
    margin-right: auto;
  }
}

.modal__credit-0 {
  z-index: 2;
  position: relative;
  padding: 20px;
  background-color: #b0c4e0;
}

.modal__credit-0 label {
  color: #ffffff;
}

.modal__credit-0 input.placeholder {
  opacity: 0.3;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
  letter-spacing: 0.09px;
}

.modal__credit-0 input:-moz-placeholder {
  opacity: 0.3;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
  letter-spacing: 0.09px;
}

.modal__credit-0 input::-moz-placeholder {
  opacity: 0.3;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
  letter-spacing: 0.09px;
}

.modal__credit-0 input:-ms-input-placeholder {
  opacity: 0.3;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
  letter-spacing: 0.09px;
}

.modal__credit-0 input::-webkit-input-placeholder {
  opacity: 0.3;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.3);
  letter-spacing: 0.09px;
}

.modal__credit-0 .modal__credit-form > div:nth-of-type(1) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.modal__credit-0 .modal__credit-form > div:nth-of-type(2) {
  width: 110px;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .modal__credit-0 .modal__credit-form > div:nth-of-type(2) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 0;
  }

  .modal__credit-0 .modal__credit-form > div:nth-of-type(2) > div {
    width: 100%;
    max-width: calc((100% - 20px) / 2);
  }
}

.modal__credit-1 {
  z-index: 0;
  top: 20px;
  left: 100px;
  padding-top: 25px;
  background: #FFFFFF;
  border: 1px solid #ACC4E3;
  border-radius: 6px;
}

.modal__credit-1 .modal__credit-line {
  width: 100%;
  height: 40px;
  background: #333333;
}

.modal__credit-1 .modal__credit-body {
  padding: 8px;
}

.modal__credit-1 .modal__credit-form {
  margin-left: auto;
  width: 80px;
  padding-top: 21px;
}

.modal__credit-wrapper {
  padding-bottom: 20px;
}

.modal form .form-group:last-of-type {
  margin-bottom: 34px;
}

.modal form .form-group--error {
  display: none;
}

.modal form .form-group > a {
  display: block;
  font-size: 12px;
  letter-spacing: 0.1px;
  color: rgba(51, 51, 51, 0.6);
  transition: color 0.3s ease-in-out;
}

.modal form .form-group > a:hover {
  color: #696eed !important;
  transition: color 0.3s ease-in-out;
}

.modal form .form-helper {
  top: 0;
  left: 0;
  height: 34px;
}

.modal form .form-helper span {
  font-size: 14px;
  letter-spacing: 0.1px;
  color: #eb3b5a;
}

.modal form .form-control {
  outline: none;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #e8eff3;
  letter-spacing: 0.1px;
  color: #333333;
}

.modal form .form-control.placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.modal form .form-control:-moz-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.modal form .form-control::-moz-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.modal form .form-control:-ms-input-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.modal form .form-control::-webkit-input-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.modal form .form-control:focus,
.modal form .form-control.focus {
  box-shadow: none;
}

.modal form .form-control:disabled,
.modal form .form-control.disabled {
  background: none;
  border: none;
}

.modal form label {
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.modal form label a {
  color: #696eed;
}

.modal--filter .modal__close,
.modal--condition .modal__close,
.modal--listBuilder .modal__close,
.modal--builder .modal__close,
.modal--formula .modal__close,
.modal--deploy .modal__close,
.modal--deploySuccess .modal__close,
.modal--chart .modal__close,
.modal--calc .modal__close,
.modal--buy .modal__close {
  top: 15px;
  right: 20px;
}

.modal--filter .modal-title,
.modal--condition .modal-title,
.modal--listBuilder .modal-title,
.modal--builder .modal-title,
.modal--formula .modal-title,
.modal--deploy .modal-title,
.modal--deploySuccess .modal-title,
.modal--chart .modal-title,
.modal--calc .modal-title,
.modal--buy .modal-title {
  font-size: 20px;
}

.modal--listBuilder .modal-dialog {
  max-width: 960px;
}

.modal--listBuilder .modal-title {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .modal--listBuilder .modal-title {
    font-size: 25px;
  }
}

.modal--listBuilder .modal-body .form-group .form-control {
  font-size: 14px;
}

.modal--listBuilder .modal-body-head p {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.42px;
}

.modal--listBuilder .modal-body-head .c-btn {
  width: 100%;
  max-width: 140px;
}

.modal--listBuilder .modal-body-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .modal--listBuilder .modal-body-footer {
    flex-wrap: wrap;
  }
}

.modal--listBuilder .modal-body-footer > div {
  display: flex;
  align-items: center;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .modal--listBuilder .modal-body-footer > div {
    width: 100%;
    flex-wrap: wrap;
  }
}

.modal--listBuilder .modal-body-footer > div:nth-of-type(1) {
  justify-content: flex-start;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .modal--listBuilder .modal-body-footer > div:nth-of-type(1) {
    padding-right: 0;
    padding-bottom: 15px;
  }
}

.modal--listBuilder .modal-body-footer > div:nth-of-type(2) {
  justify-content: flex-end;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .modal--listBuilder .modal-body-footer > div:nth-of-type(2) {
    padding-left: 0;
    justify-content: flex-start;
  }
}

.modal--listBuilder .modal-body-footer > div .form-group {
  width: 100%;
  max-width: 340px;
}

@media screen and (max-width: 767px) {
  .modal--listBuilder .modal-body-footer > div .form-check {
    width: 100%;
    padding-bottom: 5px;
  }
}

.modal--listBuilder .modal-body-footer > div .form-check label {
  white-space: nowrap;
  font-weight: bold;
  padding-bottom: 0;
}

.modal--listBuilder .modal-body-table .h-scroll {
  max-height: 213px;
}

.modal--listBuilder .modal-body-table table .nowrap {
  white-space: nowrap;
}

.modal--listBuilder .modal-body-table table .sort {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.modal--listBuilder .modal-body-table table .sort .icon-font {
  font-size: 8px;
}

@media screen and (max-width: 767px) {
  .modal--listBuilder .modal-body-table table thead th,
  .modal--listBuilder .modal-body-table table thead td,
  .modal--listBuilder .modal-body-table table tbody th,
  .modal--listBuilder .modal-body-table table tbody td {
    min-width: 150px;
  }
}

.modal--listBuilder .modal-body-table table thead th:first-of-type,
.modal--listBuilder .modal-body-table table thead td:first-of-type,
.modal--listBuilder .modal-body-table table tbody th:first-of-type,
.modal--listBuilder .modal-body-table table tbody td:first-of-type {
  padding-left: 0;
}

.modal--listBuilder .modal-body-table table thead th {
  border-top: none;
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.modal--listBuilder .modal-body-table table tbody tr:last-of-type {
  border-bottom: 1px solid #dee2e6;
}

.modal--listBuilder .modal-body-table table.table-text-sm th,
.modal--listBuilder .modal-body-table table.table-text-sm td {
  font-size: 13px !important;
}

.modal--listBuilder .modal-body-table table.table-text-sm .form-control {
  font-size: 13px !important;
}

.modal--listBuilder .modal-body-option .form-group {
  width: 100%;
}

.modal--listBuilder .modal-body-option .c-btn {
  width: 100%;
  min-width: 70px;
  max-width: 70px;
}

.modal--builder.is-sell .modal-content {
  background-color: #f05858;
  transition: background-color 0.3s ease-in-out;
}

.modal--builder.is-sell .modal-body-tabs > a.is-active {
  color: #f05858;
  transition: color 0.3s ease-in-out;
}

.modal--builder .modal__close {
  color: #ffffff;
}

.modal--builder .modal-dialog {
  max-width: 790px;
}

.modal--builder .modal-content {
  background-color: #22c993;
  transition: background-color 0.3s ease-in-out;
}

.modal--builder .modal-title {
  color: #ffffff;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .modal--builder .modal-title {
    font-size: 25px;
  }
}

.modal--builder .modal-body-tabs {
  display: flex;
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

.modal--builder .modal-body-tabs > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 40px;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.09px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.modal--builder .modal-body-tabs > a:nth-of-type(1) {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.modal--builder .modal-body-tabs > a:nth-of-type(2) {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.modal--builder .modal-body-tabs > a.is-active {
  background-color: #fff;
  color: #22c993;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.modal--builder .modal-body-field {
  display: flex;
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .modal--builder .modal-body-field {
    flex-wrap: wrap;
  }
}

.modal--builder .modal-body-field label {
  color: #ffffff;
  font-size: 14px;
}

.modal--builder .modal-body-field .form-group-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.modal--builder .modal-body-field .form-group-row > div:nth-of-type(1) {
  width: 60%;
  padding-right: 5px;
}

.modal--builder .modal-body-field .form-group-row > div:nth-of-type(2) {
  width: 40%;
  padding-left: 5px;
}

.modal--builder .modal-body-field .form-group-row .form-group:last-of-type {
  margin-bottom: 0;
}

.modal--builder .modal-body-field .form-group--wbtn {
  position: relative;
}

.modal--builder .modal-body-field .form-group--wbtn > div {
  position: relative;
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #e8eff3;
}

.modal--builder .modal-body-field .form-group--wbtn .form-control {
  border: none;
  width: calc(100% - 40px);
  height: 38px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.modal--builder .modal-body-field .form-group--wbtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 38px;
  background-color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.09px;
  color: #b0c4e0;
  border: none;
  border-left: 1px solid #e8eff3;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.modal--builder .modal-body-field .form-group-field {
  display: flex;
}

.modal--builder .modal-body-field .form-group-field > div:nth-of-type(1) {
  width: 100px;
}

.modal--builder .modal-body-field .form-group-field > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
  padding-left: 15px;
}

.modal--builder .modal-body-field .form-group-field > div:nth-of-type(2) label {
  opacity: 0;
}

.modal--builder .modal-body-field-left,
.modal--builder .modal-body-field-right {
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 767px) {
  .modal--builder .modal-body-field-left,
  .modal--builder .modal-body-field-right {
    max-width: 100%;
  }
}

.modal--builder .modal-body-field-left {
  padding-right: 15px;
}

@media screen and (max-width: 767px) {
  .modal--builder .modal-body-field-left {
    padding-right: 0;
  }
}

.modal--builder .modal-body-field-right {
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .modal--builder .modal-body-field-right {
    padding-left: 0;
  }
}

.modal--builder .modal-body-collapse {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.modal--builder .modal-body-collapse-head {
  display: flex;
  align-items: center;
  min-height: 55px;
}

.modal--builder .modal-body-collapse-head a {
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.31px;
}

.modal--builder .modal-body-collapse-body {
  display: none;
}

.modal--formula .modal-dialog {
  max-width: 790px;
}

.modal--formula .modal-title {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .modal--formula .modal-title {
    font-size: 25px;
  }
}

.modal--formula .modal-body-field {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .modal--formula .modal-body-field {
    flex-wrap: wrap;
  }
}

.modal--formula .modal-body-field label {
  font-size: 14px;
}

.modal--formula .modal-body-field > div {
  width: 100%;
  max-width: calc((100% - 30px) / 2);
}

@media screen and (max-width: 1199px) {
  .modal--formula .modal-body-field > div {
    max-width: calc((100% - 15px) / 2);
  }
}

@media screen and (max-width: 767px) {
  .modal--formula .modal-body-field > div {
    max-width: 100%;
  }

  .modal--formula .modal-body-field > div:nth-of-type(1) {
    padding-bottom: 20px;
  }
}

.modal--condition .modal-dialog {
  max-width: 790px;
}

.modal--condition .modal-title {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .modal--condition .modal-title {
    font-size: 25px;
  }
}

.modal--condition .modal-body-field {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .modal--condition .modal-body-field {
    flex-wrap: wrap;
  }
}

.modal--condition .modal-body-field label {
  font-size: 14px;
}

.modal--condition .modal-body-field-0 {
  justify-content: flex-start;
}

.modal--condition .modal-body-field-0 > div {
  width: 100%;
  max-width: 260px;
  padding-right: 30px;
}

.modal--condition .modal-body-field-1 > div {
  width: 100%;
}

.modal--condition .modal-body-field-1 textarea {
  resize: none;
  min-height: 120px;
}

.modal--condition .modal-body-field-2 p {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.27px;
}

.modal--condition .modal-body-field-3 {
  justify-content: flex-start;
}

.modal--condition .modal-body-field-3 > div {
  width: 100%;
  max-width: 260px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .modal--condition .modal-body-field-3 > div {
    max-width: 100%;
    padding-right: 0;
  }

  .modal--condition .modal-body-field-3 > div:nth-of-type(1) {
    padding-bottom: 20px;
  }
}

.modal--deploySuccess .modal-dialog {
  max-width: 790px;
}

.modal--deploySuccess .modal-body-img {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.modal--deploySuccess .modal-body-img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.modal--deploySuccess .modal-body-success {
  font-size: 30px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .modal--deploySuccess .modal-body-success {
    font-size: 25px;
  }
}

.modal--deploySuccess .modal-body-success strong {
  font-weight: bold;
}

.modal--deploy .modal-dialog {
  max-width: 790px;
}

.modal--deploy .modal-body {
  display: flex;
  flex-direction: column;
}

.modal--deploy .modal-body-table p {
  font-weight: 600;
  font-size: 18px;
}

.modal--deploy .modal-body-table table {
  border-bottom: 1px solid #dee2e6;
}

.modal--deploy .modal-body-table table thead th,
.modal--deploy .modal-body-table table thead td,
.modal--deploy .modal-body-table table tbody th,
.modal--deploy .modal-body-table table tbody td {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modal--deploy .modal-body-table table thead th,
  .modal--deploy .modal-body-table table thead td,
  .modal--deploy .modal-body-table table tbody th,
  .modal--deploy .modal-body-table table tbody td {
    min-width: 150px;
  }
}

.modal--deploy .modal-body-table table thead th:first-of-type,
.modal--deploy .modal-body-table table thead td:first-of-type,
.modal--deploy .modal-body-table table tbody th:first-of-type,
.modal--deploy .modal-body-table table tbody td:first-of-type {
  border-left: 1px solid #dee2e6;
}

.modal--deploy .modal-body-table table thead th:last-of-type,
.modal--deploy .modal-body-table table thead td:last-of-type,
.modal--deploy .modal-body-table table tbody th:last-of-type,
.modal--deploy .modal-body-table table tbody td:last-of-type {
  border-right: 1px solid #dee2e6;
}

.modal--deploy .modal-body-table table thead th {
  border-bottom-width: 1px;
}

.modal--deploy .modal-body-table table th {
  font-weight: bold;
}

.modal--deploy .modal-body-broker {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 374px) {
  .modal--deploy .modal-body-broker {
    flex-direction: column;
  }
}

.modal--deploy .modal-body-broker p {
  width: 150px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.1px;
}

@media screen and (max-width: 374px) {
  .modal--deploy .modal-body-broker p {
    width: 100%;
    padding-bottom: 10px;
  }
}

.modal--deploy .modal-body-broker > div {
  width: 100%;
  max-width: 160px;
}

@media screen and (max-width: 374px) {
  .modal--deploy .modal-body-broker > div {
    max-width: 100%;
  }
}

.modal--deploy .modal-body-info-col {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .modal--deploy .modal-body-info-col {
    flex-wrap: wrap;
  }
}

.modal--deploy .modal-body-info-col > div {
  width: 100%;
  max-width: 160px;
}

@media screen and (max-width: 767px) {
  .modal--deploy .modal-body-info-col > div {
    max-width: 100%;
  }
}

.modal--deploy .modal-body-info p {
  width: 250px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.1px;
}

@media screen and (max-width: 767px) {
  .modal--deploy .modal-body-info p {
    width: 100%;
    padding-bottom: 10px;
  }
}

.modal--deploy .modal-body-info span {
  font-size: 16px;
  letter-spacing: 0.1px;
}

.modal--chart .modal-dialog {
  max-width: 790px;
}

.modal--chart .modal-sm {
  max-width: 420px;
}

.modal--chart .modal-xl {
  max-width: 1024px;
}

.modal--chart .modal-body-name {
  font-weight: 600;
  font-size: 18px;
}

.modal--chart .modal-body-name span {
  color: #6772e5;
}

.modal--chart .modal-body-text {
  font-size: 18px;
}

.modal--chart .modal-body-subtitle {
  font-weight: 600;
  font-size: 18px;
}

.modal--chart .modal-body-chart img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.modal--chart .modal-body-table .nowrap {
  white-space: nowrap;
}

.modal--chart .modal-body-table .table-bordered thead th {
  border-bottom-width: 1px;
}

.modal--chart .modal-body-table table th,
.modal--chart .modal-body-table table td {
  vertical-align: middle;
}

.modal--chart .modal-body-table table th {
  font-weight: bold;
}

.modal--chart .modal-body-table table select,
.modal--chart .modal-body-table table input {
  height: 30px;
  min-width: 120px;
}

.modal--chart .modal-body-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .modal--chart .modal-body-input {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .modal--chart .modal-body-input > div {
    width: 100%;
  }
}

.modal--chart .modal-body-input > div:last-of-type {
  display: flex;
  align-items: center;
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .modal--chart .modal-body-input > div:last-of-type {
    padding-left: 0;
    padding-top: 15px;
  }
}

.modal--chart .modal-body-input > div:last-of-type span {
  margin-left: 10px;
  margin-right: 10px;
}

.modal--chart .modal-body-input .form-group {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .modal--chart .modal-body-input .form-group {
    flex-wrap: wrap;
  }
}

.modal--chart .modal-body-input .form-group select {
  min-width: 100px;
}

.modal--chart .modal-body-input .form-group label {
  white-space: nowrap;
  padding-right: 15px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.1px;
}

.modal--chart .modal-body-input .form-group p {
  padding-left: 15px;
  white-space: nowrap;
}

.modal--chart .modal-body-input a {
  font-size: 16px;
  letter-spacing: 0.1px;
}

.modal--calc .modal-dialog {
  max-width: 790px;
}

.modal--calc .modal-body-text {
  font-size: 18px;
  color: #333333;
}

.modal--calc .modal-body-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .modal--calc .modal-body-input {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .modal--calc .modal-body-input > div {
    width: 100%;
  }
}

.modal--calc .modal-body-input > div:last-of-type {
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .modal--calc .modal-body-input > div:last-of-type {
    padding-left: 0;
    padding-top: 15px;
  }
}

.modal--calc .modal-body-input .form-group {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .modal--calc .modal-body-input .form-group {
    flex-wrap: wrap;
  }
}

.modal--calc .modal-body-input .form-group label {
  padding-right: 15px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.1px;
}

.modal--calc .modal-body-input .form-group p {
  padding-left: 15px;
  white-space: nowrap;
}

.modal--calc .modal-body-input a {
  font-weight: 600;
  font-size: 14px;
  color: #6772E5;
  letter-spacing: 0.27px;
}

.modal--calc .modal-body-table .table-bordered thead th {
  border-bottom-width: 1px;
}

.modal--calc .modal-body-table table th,
.modal--calc .modal-body-table table td {
  vertical-align: middle;
}

.modal--calc .modal-body-table table th {
  font-weight: bold;
}

.modal--calc .modal-body-table table select,
.modal--calc .modal-body-table table input {
  height: 30px;
  min-width: 120px;
}

.modal--filter .modal-dialog {
  max-width: 960px;
}

.modal--filter .modal-body-form {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left: -45px;
}

@media screen and (max-width: 575px) {
  .modal--filter .modal-body-form {
    margin-left: -15px;
  }
}

.modal--filter .modal-body-form > div {
  width: 100%;
  max-width: calc(100% / 5);
  padding-left: 45px;
}

@media screen and (max-width: 991px) {
  .modal--filter .modal-body-form > div {
    max-width: calc(100% / 4);
  }
}

@media screen and (max-width: 767px) {
  .modal--filter .modal-body-form > div {
    max-width: calc(100% / 3);
  }
}

@media screen and (max-width: 575px) {
  .modal--filter .modal-body-form > div {
    max-width: calc(100% / 2);
    padding-left: 15px;
  }
}

.modal--buy .modal-dialog {
  max-width: 411px;
}

@media screen and (max-width: 767px) {
  .modal--buy .modal-body-cover {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
  }
}

.modal--buy .modal__field {
  width: 100%;
}

.modal--buy .modal__field-group {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .modal--buy .modal__field-group {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .modal--buy .modal__field-group--4 {
    width: 50%;
    padding-right: 10px;
  }
}

.modal--buy .modal__field-group--4 .modal__field {
  max-width: calc((100% - 45px) / 4);
}

@media screen and (max-width: 767px) {
  .modal--buy .modal__field-group--4 .modal__field {
    max-width: 100%;
    margin-bottom: 10px;
  }

  .modal--buy .modal__field-group--4 .modal__field:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .modal--buy .modal__field-group--3 {
    width: 50%;
    padding-left: 10px;
  }
}

.modal--buy .modal__field-group--3 .modal__field {
  max-width: calc((100% - 45px) / 4);
}

@media screen and (max-width: 767px) {
  .modal--buy .modal__field-group--3 .modal__field {
    max-width: 100%;
    margin-bottom: 10px;
  }

  .modal--buy .modal__field-group--3 .modal__field:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .modal--buy .modal__field-group--2 {
    width: 100%;
  }
}

.modal--buy .modal__field-group--2 .modal__field {
  max-width: calc((100% - 15px) / 2);
}

@media screen and (max-width: 767px) {
  .modal--buy .modal__field-group--2 .modal__field {
    max-width: 100%;
    margin-bottom: 10px;
  }

  .modal--buy .modal__field-group--2 .modal__field:last-of-type {
    margin-bottom: 0;
  }
}

.modal--buy .modal__field label {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08px;
}

.modal--buy .modal__field select,
.modal--buy .modal__field input {
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border-radius: 6px;
  box-shadow: none;
  background-color: #ffffff;
  border: solid 1px rgba(185, 185, 185, 0.3);
  font-size: 14px;
  letter-spacing: 0.09px;
  color: rgba(51, 51, 51, 0.65);
}

.modal--buy .modal__field select.placeholder,
.modal--buy .modal__field input.placeholder {
  font-size: 14px;
  letter-spacing: 0.09px;
  color: rgba(51, 51, 51, 0.65);
}

.modal--buy .modal__field select:-moz-placeholder,
.modal--buy .modal__field input:-moz-placeholder {
  font-size: 14px;
  letter-spacing: 0.09px;
  color: rgba(51, 51, 51, 0.65);
}

.modal--buy .modal__field select::-moz-placeholder,
.modal--buy .modal__field input::-moz-placeholder {
  font-size: 14px;
  letter-spacing: 0.09px;
  color: rgba(51, 51, 51, 0.65);
}

.modal--buy .modal__field select:-ms-input-placeholder,
.modal--buy .modal__field input:-ms-input-placeholder {
  font-size: 14px;
  letter-spacing: 0.09px;
  color: rgba(51, 51, 51, 0.65);
}

.modal--buy .modal__field select::-webkit-input-placeholder,
.modal--buy .modal__field input::-webkit-input-placeholder {
  font-size: 14px;
  letter-spacing: 0.09px;
  color: rgba(51, 51, 51, 0.65);
}

.modal--pricing .modal-dialog {
  max-width: 790px;
}

@media screen and (max-width: 991px) {
  .modal--pricing .modal-dialog {
    max-width: 738px;
  }
}

@media screen and (max-width: 767px) {
  .modal--pricing .modal-dialog {
    max-width: 500px;
  }
}

.modal--pricing .modal-body-cover {
  display: flex;
}

@media screen and (max-width: 767px) {
  .modal--pricing .modal-body-cover {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .modal--pricing .modal-body-cover--ww {
    flex-wrap: nowrap;
  }

  .modal--pricing .modal-body-cover--ww > .modal-body-col {
    width: 100%;
  }
}

.modal--pricing .modal-body-col {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .modal--pricing .modal-body-col {
    width: 100%;
  }
}

.modal--pricing .modal-body-title {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.33;
}

@media screen and (max-width: 767px) {
  .modal--pricing .modal-body-title {
    padding-bottom: 10px;
  }
}

.modal--pricing .modal-body-subtitle {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
}

.modal--pricing .modal-body-subtitle span {
  font-size: 16px;
  font-weight: normal;
}

.modal--pricing .modal-body-heading {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.27px;
}

.modal--pricing .modal-body-inputGroup input {
  width: 100%;
  max-width: calc(100% - 150px);
  border: 1px solid #DCE4F1;
  border-radius: 6px;
}

@media screen and (max-width: 575px) {
  .modal--pricing .modal-body-inputGroup input {
    max-width: 100%;
    margin-bottom: 5px;
  }
}

.modal--pricing .modal-body-inputGroup button {
  outline: none;
  width: 120px;
  border-radius: 6px;
  border: 1px solid #6A6FED;
  background-color: transparent;
  letter-spacing: 0.44px;
  text-align: center;
  color: #6772E5;
  font-weight: 600;
  transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 575px) {
  .modal--pricing .modal-body-inputGroup button {
    width: 100%;
    height: 40px;
  }
}

.modal--pricing .modal-body-inputGroup button:hover,
.modal--pricing .modal-body-inputGroup button:focus {
  box-shadow: none;
  background-color: #6A6FED;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out;
}

.modal--pricing .modal-body-total {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .modal--pricing .modal-body-total {
    text-align: right;
  }
}

.modal--signin .modal__close,
.modal--signup .modal__close {
  top: 15px;
  right: 20px;
}

.modal--signin .modal-dialog,
.modal--signup .modal-dialog {
  max-width: 411px;
}

.modal--signin .modal-body-cover,
.modal--signup .modal-body-cover {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.position-builder .c-btn {
  width: 234px;
  display: inline-block;
  margin: 0 10px;
}

.main {
  padding-top: 188px;
  padding-bottom: 200px;
}

@media screen and (max-width: 1199px) {
  .main {
    overflow: hidden;
    padding-bottom: 140px;
  }
}

@media screen and (max-width: 1023px) {
  .main {
    padding-bottom: 95px;
  }
}

@media screen and (max-width: 767px) {
  .main {
    overflow: unset;
    padding-bottom: 0;
  }
}

.main--features {
  padding-bottom: 140px;
}

@media screen and (max-width: 1023px) {
  .main--features {
    padding-bottom: 95px;
  }
}

@media screen and (max-width: 767px) {
  .main--features {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 1023px) {
  .main--features .main__bg-1 {
    position: relative !important;
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .main--features .main__bg-1 .main__bg-row,
  .main--features .main__bg-1 .main__bg-col {
    position: static !important;
    padding: 0;
  }

  .main--features .main__bg-1 .main__bg-col-1 {
    display: none;
  }

  .main--features .main__bg-1 .main__bg-col-2 {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .main--features .main__bg-1 .main__bg-img-2 {
    display: none !important;
  }

  .main--features .main__bg-1 .main__bg-img-3 {
    top: 0;
    max-height: 100%;
  }

  .main--features .main__bg-1 .main__bg-img-4 {
    position: relative !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1365px) {
  .main--features .main__bg-col-1 {
    width: 750px;
  }
}

@media screen and (max-width: 1279px) {
  .main--features .main__bg-col-1 {
    width: 575px;
  }
}

@media screen and (max-width: 1023px) {
  .main--features .main__bg-col-1 {
    width: 0;
  }
}

@media screen and (max-width: 1365px) {
  .main--features .main__bg-col-2 {
    max-width: calc(100% - 750px);
  }
}

@media screen and (max-width: 1279px) {
  .main--features .main__bg-col-2 {
    max-width: calc(100% - 575px);
  }
}

@media screen and (max-width: 1023px) {
  .main--features .main__bg-col-2 {
    max-width: 100%;
  }
}

.main--features .main__text-wrapper {
  width: 100%;
  max-width: 610px;
}

@media screen and (max-width: 1279px) {
  .main--features .main__text-wrapper {
    max-width: 495px;
  }
}

@media screen and (max-width: 1023px) {
  .main--features .main__text-wrapper {
    max-width: 100%;
  }
}

.main--features .main__title {
  padding-bottom: 48px;
}

@media screen and (max-width: 1023px) {
  .main--features .main__title {
    padding-bottom: 21px;
  }
}

.main--features .main__subtitle {
  font-size: 30px;
  font-weight: bold;
  line-height: 2.67;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 767px) {
  .main--features .main__subtitle {
    font-size: 25px;
    letter-spacing: 0.2px;
  }
}

@media screen and (max-width: 1023px) {
  .main--useCases .main__bg-0 .main__bg-img-3 {
    top: 0;
    max-width: 75%;
    -webkit-transform: translateX(55%);
            transform: translateX(55%);
  }
}

@media screen and (max-width: 1023px) {
  .main--useCases .main__bg-1 .main__bg-img-2 {
    position: static !important;
    display: block !important;
    max-width: 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    margin-left: auto;
    margin-right: auto;
  }

  .main--useCases .main__bg-1 .main__bg-img-3 {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .main--useCases .main__bg-1 .main__bg-img-3 {
    display: block !important;
  }
}

.main--useCases .main__bg-img-2 {
  top: 350px;
  right: 20px;
}

@media screen and (max-width: 1439px) {
  .main--useCases .main__bg-img-2 {
    right: 0;
  }
}

@media screen and (max-width: 1199px) {
  .main--useCases .main__bg-img-2 {
    max-width: unset;
    top: 230px;
    right: 0;
    -webkit-transform: translate(30%, 100px);
            transform: translate(30%, 100px);
  }
}

@media screen and (max-width: 1199px) {
  .main--useCases .main__text-wrapper {
    max-width: 100%;
  }
}

.main--useCases .main__title {
  font-size: 50px;
}

@media screen and (max-width: 1199px) {
  .main--useCases .main__title {
    width: 100%;
    max-width: 495px;
  }
}

@media screen and (max-width: 991px) {
  .main--useCases .main__title {
    max-width: 550px;
  }
}

@media screen and (max-width: 767px) {
  .main--useCases .main__title {
    max-width: 100%;
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .main--useCases .main__desc-0 {
    width: 100%;
    max-width: 495px;
  }
}

@media screen and (max-width: 991px) {
  .main--useCases .main__desc-0 {
    max-width: 100%;
  }
}

.main--pricing {
  padding-bottom: 50px;
}

.main__bg {
  z-index: 0;
  top: 0;
  left: 0;
}

.main__bg-col {
  min-height: 100%;
}

@media screen and (max-width: 767px) {
  .main__bg-0 {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .main__bg-1 {
    position: relative !important;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .main__bg-1 .main__bg-row,
  .main__bg-1 .main__bg-col {
    position: static !important;
    padding: 0;
  }

  .main__bg-1 .main__bg-col-1 {
    display: none;
  }

  .main__bg-1 .main__bg-col-2 {
    width: 100%;
    max-width: 100%;
  }

  .main__bg-1 .main__bg-img-2 {
    display: none !important;
  }

  .main__bg-1 .main__bg-img-3 {
    top: 0;
  }

  .main__bg-1 .main__bg-img-4 {
    position: relative !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.main__bg-img-1 {
  top: 0;
  left: 0;
}

@media screen and (max-width: 1199px) {
  .main__bg-img-1 {
    left: -100px;
  }
}

@media screen and (max-width: 1023px) {
  .main__bg-img-1 {
    left: -120px;
  }
}

@media screen and (max-width: 575px) {
  .main__bg-img-1 {
    top: -20px;
    left: -150px;
  }
}

.main__bg-img-2 {
  top: 188px;
  right: 0;
}

.main__bg-img-3 {
  top: 114px;
  right: 0;
}

.main__bg-img-4 {
  display: none;
}

.main__bg-row {
  padding-top: 188px;
}

.main__bg-col {
  top: 0;
  width: 50%;
}

.main__bg-col-1 {
  left: 0;
}

@media screen and (max-width: 1199px) {
  .main__bg-col-1 {
    width: 541px;
  }
}

@media screen and (max-width: 1023px) {
  .main__bg-col-1 {
    width: 50%;
  }
}

.main__bg-col-2 {
  right: 0;
}

@media screen and (max-width: 1199px) {
  .main__bg-col-2 {
    max-width: calc(100% - 575px);
  }
}

@media screen and (max-width: 1023px) {
  .main__bg-col-2 {
    max-width: 50%;
  }
}

.main__wrapper {
  z-index: 2;
}

.main__title {
  padding-bottom: 20px;
  font-size: 70px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.6px;
}

@media screen and (max-width: 1199px) {
  .main__title {
    font-size: 65px;
  }
}

@media screen and (max-width: 1023px) {
  .main__title {
    font-size: 50px;
  }
}

@media screen and (max-width: 767px) {
  .main__title {
    font-size: 40px;
  }
}

.main__desc {
  color: rgba(51, 51, 51, 0.8);
  font-size: 19px;
  line-height: 1.55;
  letter-spacing: 0.1px;
}

.main__desc--pb {
  padding-bottom: 50px;
}

.do {
  padding-bottom: 80px;
}

.do__bg {
  top: 0;
  left: 0;
}

.do__title {
  padding-top: 46px;
  padding-bottom: 80px;
}

.do .card {
  border: none;
  background-color: transparent;
}

.do .card-title {
  margin: 0;
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.27;
}

@media screen and (max-width: 991px) {
  .do .card-title br {
    display: none;
  }

  .do .card-title span {
    display: block;
  }
}

.do .card-text {
  max-width: 230px;
  margin: 0;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 1199px) {
  .do .card-text {
    max-width: 100%;
  }
}

.do .card-line {
  margin-bottom: 15px;
  width: 50px;
  height: 4px;
  background-color: #6772e5;
}

.do .card__link {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #6772e5;
}

.do .card__link:hover .icon-font {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.do .card__link .icon-font {
  margin-left: 5px;
  font-size: 14px;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.do .card-0 .card-img {
  width: 139px;
  height: 97px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-1.png?a6b2b9dbfb6b7a422af443acb6de231e);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.do .card-0 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
}

.do .card-1 .card-img {
  width: 122px;
  height: 96px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-2.png?06f1a61f6ef16f9ccd852732f8f0b319);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.do .card-1 .card-img .icon-font {
  color: #ffffff;
  font-size: 49px;
  left: 5px;
}

.do .card-2 .card-img {
  width: 139px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-3.png?809db41f95ae6a44a1d89c1e5f499f22);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.do .card-2 .card-img .icon-font {
  color: #ffffff;
  font-size: 53px;
  top: -5px;
}

.do .card-3 .card-img {
  width: 114px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-4.png?e972290b5b6fabdd00ba0c30a3af1f50);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.do .card-3 .card-img .icon-font {
  color: #ffffff;
  font-size: 45px;
  left: 5px;
}

.features {
  overflow: hidden;
  min-height: 600px;
  background-image: url(/images/img-features-bg.png?cc611ed79ddf68e5faed7f8f5e3ded98);
  background-position: top left;
}

@media screen and (max-width: 767px) {
  .features {
    min-height: 400px;
    background-size: cover;
    background-position: center;
  }
}

.features__wrapper {
  padding-top: 168px;
}

@media screen and (max-width: 767px) {
  .features__wrapper {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}

.features__header {
  padding-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .features__header {
    padding-bottom: 0;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .features__title {
    width: 100%;
    text-align: center;
  }
}

.features__carousel {
  width: 100%;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .features__carousel {
    max-width: unset !important;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .features__carousel-btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
  }
}

.features__carousel-btn a {
  width: 65px;
  height: 65px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 6px;
  background-color: #6772E5;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.14);
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.features__carousel-btn a.swiper-button-disabled {
  opacity: 0.75;
  pointer-events: none;
  cursor: not-allowed;
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.features__carousel-btn a .icon-font {
  color: #fff;
  font-size: 26px;
}

.features__carousel-btn--prev .icon-font {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.features__carousel p {
  color: #b3c5dc;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.features__carousel .icon-font {
  color: #b3c5dc;
}

.features__carousel .icon-font.icon-chip {
  font-size: 48px;
}

.features__carousel .icon-font.icon-innovation {
  font-size: 50px;
}

.features__carousel .icon-font.icon-line-chart {
  font-size: 48px;
}

.features__carousel .icon-font.icon-graphene {
  font-size: 44px;
}

.pricing {
  overflow: hidden;
  padding-top: 74px;
  padding-bottom: 104px;
}

@media screen and (max-width: 1023px) {
  .pricing {
    padding-bottom: 74px;
  }
}

.pricing--pricing {
  padding-top: 50px;
}

.pricing--pricing .pricing__bg {
  top: 0;
  left: 0;
}

.pricing--pricing .pricing__title {
  padding-bottom: 0;
}

.pricing--pricing .pricing__header {
  align-items: center;
  padding-bottom: 30px;
}

.pricing--pricing .pricing__header > div:nth-of-type(1) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.pricing--pricing .pricing__header .pricing__title {
  text-align: left !important;
}

@media screen and (max-width: 1023px) {
  .pricing .container--carousel {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.pricing__bg {
  top: 0;
  left: 0;
  padding-top: 175px;
}

.pricing__wrapper {
  z-index: 2;
}

.pricing__title {
  padding-bottom: 11px;
}

.pricing__desc {
  width: 100%;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  letter-spacing: 0.1px;
}

@media screen and (max-width: 1023px) {
  .pricing__header {
    display: flex;
    align-items: flex-start;
  }

  .pricing__header > div:nth-of-type(1) {
    margin-right: 60px;
  }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
  .pricing__header > div:nth-of-type(1) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1023px) {
  .pricing__header > div .pricing__title,
  .pricing__header > div .pricing__desc {
    text-align: left !important;
  }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
  .pricing__header > div .pricing__title,
  .pricing__header > div .pricing__desc {
    text-align: center !important;
  }
}

.pricing .pricing__badge {
  position: absolute;
  text-align: center;
  top: -19px;
  left: 0;
  width: 100%;
}

.pricing .pricing__badge p {
  display: inline-block;
  position: relative;
}

.pricing .pricing__badge p span {
  background: #6772e5;
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  margin-top: 8px;
  padding: 6px 12px 5px 12px;
  position: relative;
  z-index: 10;
  width: 100px;
  box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 3px;
}

.pricing .pricing__badge p:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 12px solid #4f5cdf;
  z-index: -1;
}

.pricing__plan {
  padding-bottom: 5px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}

.pricing__price {
  white-space: nowrap;
  padding-bottom: 15px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

.pricing__price i {
  padding-right: 2px;
  font-family: "PingFang", sans-serif;
}

.pricing__price span {
  position: relative;
  top: -7px;
  font-size: 20px;
}

.pricing__list {
  padding-bottom: 30px;
  vertical-align: top;
}

.pricing__list-item {
  min-height: 70px;
  padding: 2px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #f8f8f8;
}

.pricing__list-item:nth-child(7) {
  min-height: 45px;
}

.pricing__list-item:nth-child(8) {
  min-height: 45px;
}

.pricing__list-item:nth-child(9) {
  min-height: 110px;
}

.pricing__list-item p,
.pricing__list-item span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
}

.pricing__list-item span {
  opacity: 0.6;
}

.pricing__list-item .icon-font {
  position: relative;
  line-height: 2;
  display: inline-block;
}

.pricing__list-item .icon-font.icon-check {
  color: #22c993;
  font-size: 12px;
}

.pricing__list-item .icon-font.icon-close {
  color: #ff5980;
  font-size: 14px;
}

@media screen and (max-width: 1023px) {
  .pricing__carousel {
    margin-left: auto;
  }
}

.pricing__carousel-btn {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

@media screen and (max-width: 1023px) {
  .pricing__carousel-btn {
    opacity: 1;
    visibility: visible;
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .pricing__carousel-btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
  }
}

.pricing__carousel-btn a {
  width: 65px;
  height: 65px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 6px;
  background-color: #6772E5;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.14);
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.pricing__carousel-btn a.swiper-button-disabled {
  opacity: 0.75;
  pointer-events: none;
  cursor: not-allowed;
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.pricing__carousel-btn a .icon-font {
  color: #fff;
  font-size: 26px;
}

.pricing__carousel-btn--prev .icon-font {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.pricing__type-title {
  white-space: nowrap;
  padding-right: 15px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.08px;
}

.pricing__type-row > div {
  margin-right: 10px;
}

.pricing__type-row > div:last-of-type {
  margin-right: 0;
}

.pricing__type-wrapper {
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .pricing__type-wrapper {
    padding-right: 0;
  }
}

.pricing__type-wrapper label {
  cursor: pointer;
}

.pricing__type-wrapper label input {
  opacity: 0;
  width: 0;
  height: 0;
}

.pricing__type-wrapper label input:checked + span {
  border-color: #333;
  color: #333;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.pricing__type-wrapper label input:checked + span:after {
  opacity: 1;
  background-color: #333333;
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.pricing__type-wrapper label span {
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
  top: 1px;
  height: 40px;
  padding-left: 35px;
  padding-right: 10px;
  border-radius: 6px;
  border: 1px solid #DCE4F1;
  background-color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  color: rgba(51, 51, 51, 0.65);
  letter-spacing: 0.1px;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.pricing__type-wrapper label span:before,
.pricing__type-wrapper label span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 50%;
}

.pricing__type-wrapper label span:before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  width: 15px;
  height: 15px;
  border: 1px solid rgba(51, 51, 51, 0.65);
  background-color: transparent;
}

.pricing__type-wrapper label span:after {
  opacity: 0;
  left: 12px;
  width: 11px;
  height: 11px;
  background-color: rgba(51, 51, 51, 0.65);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0) translateY(-50%);
          transform: scale(0) translateY(-50%);
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.pricing__exchange-title {
  white-space: nowrap;
  padding-right: 15px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.08px;
}

.pricing__exchange-row {
  width: 180px;
}

.pricing__exchange-wrapper {
  width: 100%;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .pricing__exchange-wrapper {
    padding-left: 0;
  }
}

.pricing__exchange-wrapper .form-group {
  margin-bottom: 0;
}

.pricing__exchange-wrapper .form-control {
  outline: none;
  height: 40px;
  border-radius: 6px;
  border: solid 1px #DCE4F1;
  letter-spacing: 0.1px;
  color: #333333;
}

.pricing__exchange-wrapper .form-control.placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.pricing__exchange-wrapper .form-control:-moz-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.pricing__exchange-wrapper .form-control::-moz-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.pricing__exchange-wrapper .form-control:-ms-input-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.pricing__exchange-wrapper .form-control::-webkit-input-placeholder {
  letter-spacing: 0.1px;
  color: #333333;
}

.pricing__exchange-wrapper .form-control:focus,
.pricing__exchange-wrapper .form-control.focus {
  box-shadow: none;
}

.partners {
  padding-top: 35px;
  padding-bottom: 105px;
}

@media screen and (max-width: 1199px) {
  .partners {
    padding-bottom: 70px;
  }
}

.partners__title {
  padding-bottom: 49px;
}

.help {
  overflow: hidden;
  position: relative;
  padding-top: 117px;
}

@media screen and (max-width: 575px) {
  .help {
    padding-top: 75px;
  }
}

.help__bg {
  top: 0;
  left: 0;
}

.help__wrapper {
  z-index: 2;
}

.help__wrapper-0 {
  padding-bottom: 154px;
}

@media screen and (max-width: 575px) {
  .help__wrapper-0 {
    padding-bottom: 100px;
  }
}

.help__wrapper-1 {
  padding-bottom: 100px;
}

.help__wrapper-bg {
  top: 0;
  left: 0;
}

@media screen and (max-width: 1199px) {
  .help__wrapper-bg img {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

.help__title {
  padding-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .help__title {
    text-align: center;
  }
}

.help__text {
  padding-bottom: 43px;
  line-height: 1.5;
  font-size: 18px;
}

@media screen and (max-width: 1199px) {
  .help__text {
    text-align: center;
  }
}

.help__text-wrapper {
  width: 100%;
  max-width: 460px;
}

@media screen and (max-width: 1199px) {
  .help__text-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

.help .input-group {
  width: 100%;
  max-width: 445px;
  height: 45px;
}

@media screen and (max-width: 1199px) {
  .help .input-group {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }
}

.help .input-group .form-control {
  z-index: 0;
  padding-right: 100px;
  border: none;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.help .input-group .form-control.placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.help .input-group .form-control:-moz-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.help .input-group .form-control::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.help .input-group .form-control:-ms-input-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.help .input-group .form-control::-webkit-input-placeholder {
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.1px;
}

.help .input-group .btn {
  z-index: 0;
  width: 75px;
  border: none;
  box-shadow: none;
}

.help .input-group .btn:hover,
.help .input-group .btn:focus {
  background-color: #6772e5;
  transition: background-color 0.3s ease-in-out;
}

.help .input-group .btn:hover .icon-font,
.help .input-group .btn:focus .icon-font {
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}

.help .input-group .btn .icon-font {
  color: #d7d8d8;
  font-size: 22px;
  transition: color 0.3s ease-in-out;
}

.help .accordion {
  width: 100%;
  max-width: 570px;
  margin-left: auto;
}

@media screen and (max-width: 1199px) {
  .help .accordion {
    margin-right: auto;
  }
}

.help .accordion .card {
  overflow: unset;
  margin-bottom: 15px;
  border: none;
  background-color: transparent;
}

.help .accordion .card:last-of-type {
  margin-bottom: 0;
}

.help .accordion .card-header {
  overflow: hidden;
  min-height: 50px;
  border: none;
  border-radius: 6px !important;
  box-shadow: 0 2px 20px 0 rgba(17, 30, 79, 0.08);
  background-color: #ffffff;
}

@media screen and (max-width: 575px) {
  .help .accordion .card-header {
    min-height: 70px;
  }
}

.help .accordion .card-header button {
  font-size: 16px;
  line-height: 1.5;
  color: #222a42;
  transition: color 0.3s ease-in-out;
}

.help .accordion .card-header button:focus {
  text-decoration: none;
}

.help .accordion .card-header button:hover {
  text-decoration: none;
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.help .accordion .card-header button.is-active > div:nth-of-type(2) span:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 2px;
}

.help .accordion .card-header button.is-active > div:nth-of-type(2) span:after {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
  width: 2px;
  height: 100%;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.help .accordion .card-header button > div:nth-of-type(1) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.help .accordion .card-header button > div:nth-of-type(2) {
  width: 45px;
}

.help .accordion .card-header button > div:nth-of-type(2) span {
  position: relative;
  width: 14px;
  height: 14px;
}

.help .accordion .card-header button > div:nth-of-type(2) span:before,
.help .accordion .card-header button > div:nth-of-type(2) span:after {
  content: "";
  position: absolute;
  border-radius: 3px;
  background-color: #6772e5;
}

.help .accordion .card-header button > div:nth-of-type(2) span:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 2px;
}

.help .accordion .card-header button > div:nth-of-type(2) span:after {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 100%;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.help .accordion .card-body {
  line-height: 1.5;
}

.help__contacts {
  width: 100%;
  max-width: 504px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.help__contacts-title {
  padding-bottom: 20px;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
}

.help__contacts .form-group label {
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1px;
  color: #ffffff;
}

.help__contacts .form-group .form-control {
  height: 38px;
  border: none;
  box-shadow: none;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  letter-spacing: 0.1px;
  color: #333333;
}

.help__contacts .form-group .form-control.placeholder {
  font-size: 12px;
  letter-spacing: 0.1px;
  color: #333333;
}

.help__contacts .form-group .form-control:-moz-placeholder {
  font-size: 12px;
  letter-spacing: 0.1px;
  color: #333333;
}

.help__contacts .form-group .form-control::-moz-placeholder {
  font-size: 12px;
  letter-spacing: 0.1px;
  color: #333333;
}

.help__contacts .form-group .form-control:-ms-input-placeholder {
  font-size: 12px;
  letter-spacing: 0.1px;
  color: #333333;
}

.help__contacts .form-group .form-control::-webkit-input-placeholder {
  font-size: 12px;
  letter-spacing: 0.1px;
  color: #333333;
}

.help__contacts .form-group textarea {
  resize: none;
  min-height: 120px;
}

.help__contacts button {
  max-width: 110px;
  margin-left: auto;
  margin-right: auto;
}

.help__contacts button:hover {
  border-color: #fff;
  color: #ffffff;
}

.broker {
  padding-bottom: 60px;
}

.broker__bg {
  top: 0;
  left: 0;
}

.broker__title {
  padding-bottom: 50px;
}

.broker__text {
  padding-top: 72px;
}

.strategy {
  padding-top: 75px;
  padding-bottom: 50px;
}

.strategy__title {
  padding-bottom: 12px;
}

.strategy__text {
  padding-bottom: 50px;
}

.disposal {
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 86px;
}

@media screen and (max-width: 991px) {
  .disposal__wrapper-1 .container {
    max-width: 100%;
  }
}

.disposal__wrapper-1 .col-12:nth-of-type(1) {
  padding-right: 40px;
}

@media screen and (max-width: 1279px) {
  .disposal__wrapper-1 .col-12:nth-of-type(1) {
    padding-right: 15px;
  }
}

.disposal__wrapper-1 .col-12:nth-of-type(2) {
  padding-left: 40px;
}

@media screen and (max-width: 1023px) {
  .disposal__wrapper-1 .col-12:nth-of-type(2) {
    padding-left: 15px;
  }
}

@media screen and (max-width: 991px) {
  .disposal__wrapper-1 .col-12:nth-of-type(2) {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .disposal__wrapper-1 .col-12:nth-of-type(2) {
    max-width: 540px;
  }
}

.disposal__title {
  padding-bottom: 50px;
}

.disposal__card .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}

@media screen and (max-width: 991px) {
  .disposal__card .swiper-wrapper {
    margin-left: 0;
    flex-wrap: unset;
  }
}

.disposal__card .card {
  width: 100%;
  max-width: calc((100% - 30px) / 2);
  height: 94px;
  border: none;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.07);
  background-color: #ffffff;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

@media screen and (min-width: (min-width: 992px)) {
  .disposal__card .card {
    max-width: calc((100% - 30px) / 2);
    margin-left: 15px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .disposal__card .card {
    width: 235px !important;
    max-width: 235px !important;
  }
}

.disposal__card .card:hover {
  box-shadow: 0 0 10px 0 rgba(17, 30, 79, 0.1);
  transition: box-shadow 0.3s ease-in-out;
}

.disposal__card .card.swiper-slide-active {
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}

.disposal__card .card.swiper-slide-active:before {
  opacity: 1;
  width: 100%;
  transition: opacity 0.3s ease-in-out;
}

.disposal__card .card.swiper-slide-active .card-body {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.disposal__card .card.swiper-slide-active p,
.disposal__card .card.swiper-slide-active .icon-font {
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}

@media screen and (min-width: (min-width: 992px)) {
  .disposal__card .card.is-active {
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
  }

  .disposal__card .card.is-active:before {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }

  .disposal__card .card.is-active .card-body {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }

  .disposal__card .card.is-active p,
  .disposal__card .card.is-active .icon-font {
    color: #ffffff;
    transition: color 0.3s ease-in-out;
  }
}

.disposal__card .card:before {
  content: "";
  opacity: 0;
  z-index: 0;
  position: absolute;
  top: -18px;
  left: 0;
  height: calc(100% + 18px);
  width: calc(100% + 12px);
  border-radius: 6px;
  background-image: linear-gradient(116deg, #ff5980, #ffa882);
  transition: opacity 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
  .disposal__card .card:before {
    top: -9px;
  }
}

.disposal__card .card-body {
  z-index: 2;
  position: relative;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.disposal__card .card-body > div:nth-of-type(1) {
  width: 65px;
}

.disposal__card .card-body > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.disposal__card .card-body p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #b3c5dc;
  transition: color 0.3s ease-in-out;
}

.disposal__card .card-body .icon-font {
  color: #b3c5dc;
  transition: color 0.3s ease-in-out;
}

.disposal__card .card-body .icon-font.icon-checklist {
  font-size: 48px;
}

.disposal__card .card-body .icon-font.icon-analytics {
  font-size: 40px;
}

.disposal__card .card-body .icon-font.icon-puzzle {
  font-size: 43px;
}

.disposal__card .card-body .icon-font.icon-maze {
  font-size: 44px;
}

.disposal__card .card-body .icon-font.icon-idea {
  font-size: 40px;
}

.disposal__card .card-body .icon-font.icon-stop {
  font-size: 47px;
}

.disposal__card .card-body .icon-font.icon-workflow {
  font-size: 48px;
}

.disposal__card .card-body .icon-font.icon-shield {
  font-size: 42px;
}

.disposal__card .card-body .icon-font.icon-clock {
  font-size: 48px;
}

.disposal__card .card-body .icon-font.icon-deadline {
  font-size: 42px;
}

.disposal__desc {
  display: none;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.disposal__desc.is-active {
  display: block;
}

.disposal__desc p,
.disposal__desc span {
  font-size: 16px;
  line-height: 1.63;
}

.disposal__desc p {
  padding-bottom: 10px;
}

.disposal__desc ul {
  padding-left: 1rem;
}

.disposal__desc ul li {
  list-style-type: disc;
  padding-top: 5px;
  padding-bottom: 5px;
}

.disposal__desc ul li:first-of-type {
  padding-top: 0;
}

.power {
  overflow: hidden;
  position: relative;
  padding-top: 110px;
  padding-bottom: 110px;
}

.power__bg {
  top: 0;
  left: 0;
}

.power__bg-img {
  height: 110px;
  background-repeat: repeat-x;
  background-position: top left;
}

.power__bg-img--top {
  top: 0;
  left: 0;
  background-image: url(/images/img-features-bg-top.png?5bbc8ac3ab893c6aa91e4bd5e2e27594);
}

.power__bg-img--bottom {
  bottom: 0;
  left: 0;
  background-image: url(/images/img-features-bg-bottom.png?cf31edc2f3adfdd00c367cf03ca7a7d6);
}

.power__wrapper {
  background-color: #f5f9fe;
}

@media screen and (max-width: 1023px) {
  .power__wrapper {
    padding-bottom: 40px;
  }
}

.power__wrapper .col-12:nth-of-type(1) {
  position: relative;
  top: -28px;
}

.power__wrapper .col-12:nth-of-type(2) {
  padding-top: 110px;
}

@media screen and (max-width: 1023px) {
  .power__wrapper .col-12:nth-of-type(2) {
    padding-top: 40px;
  }
}

.power__subtitle {
  padding-bottom: 12px;
}

.power__text + .c-text {
  padding-top: 12px;
}

.hedge {
  padding-top: 50px;
  padding-bottom: 12px;
}

.hedge__title {
  padding-bottom: 12px;
}

.hedge__text {
  width: 100%;
  max-width: 790px;
  padding-bottom: 51px;
}

@media screen and (max-width: 991px) {
  .hedge__list {
    width: 100%;
    max-width: 435px;
  }
}

.hedge__list-left {
  width: 41px;
}

.hedge__list-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.hedge__list .icon-success {
  color: #60c697;
  font-size: 30px;
}

.hedge__list p {
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: 0.1px;
}

.hedge__list span {
  width: 100%;
  max-width: 490px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.1px;
}

.hedge__list ul li {
  width: 100%;
  max-width: 490px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.1px;
}

.trading {
  padding-top: 75px;
  padding-bottom: 30px;
}

.trading__bg {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .trading__bg {
    position: static;
  }
}

.trading__bg > div {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .trading__bg > div {
    width: 100%;
    padding-right: 15px;
  }
}

.trading__title {
  padding-bottom: 12px;
}

.trading__text {
  padding-bottom: 10px;
}

.trading__list {
  padding-left: 1rem;
}

.trading__list-item {
  list-style-type: disc;
  padding-bottom: 10px;
}

.stages {
  padding-top: 75px;
  padding-bottom: 60px;
}

.stages__title-0 {
  padding-bottom: 50px;
}

.stages__title-1,
.stages__title-2 {
  padding-bottom: 12px;
}

.stages img {
  margin-bottom: 50px;
}

.condition {
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .condition__wrapper-1 .container {
    max-width: 100%;
  }
}

.condition__title {
  padding-bottom: 12px;
}

.condition__text {
  padding-bottom: 100px;
}

.condition__carousel .swiper-wrapper {
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .condition__carousel .swiper-wrapper {
    flex-wrap: unset;
  }
}

.condition__carousel .swiper-wrapper .card {
  width: 100%;
  max-width: calc(100% / 4);
}

@media screen and (max-width: 1279px) {
  .condition__carousel .swiper-wrapper .card {
    max-width: calc(100% / 3);
  }
}

@media screen and (max-width: 991px) {
  .condition__carousel .swiper-wrapper .card {
    max-width: calc(100% / 2);
    padding-left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .condition__carousel .swiper-wrapper .card {
    width: 235px !important;
    max-width: 235px !important;
    padding-left: 0;
  }
}

.condition .card {
  margin-bottom: 70px;
  border: none;
  background-color: transparent;
}

.condition .card-title {
  margin: 0;
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.27;
}

@media screen and (max-width: 991px) {
  .condition .card-title br {
    display: none;
  }

  .condition .card-title span {
    display: block;
  }
}

.condition .card-text {
  max-width: 230px;
  margin: 0;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .condition .card-text {
    max-width: 100%;
  }
}

.condition .card-line {
  margin-bottom: 15px;
  width: 50px;
  height: 4px;
  background-color: #6772e5;
}

.condition .card-0 .card-img {
  width: 139px;
  height: 97px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-1.png?a6b2b9dbfb6b7a422af443acb6de231e);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-0 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-1 .card-img {
  width: 122px;
  height: 96px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-2.png?06f1a61f6ef16f9ccd852732f8f0b319);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-1 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-2 .card-img {
  width: 139px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-3.png?809db41f95ae6a44a1d89c1e5f499f22);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-2 .card-img .icon-font {
  color: #ffffff;
  font-size: 48px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-3 .card-img {
  width: 114px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-4.png?e972290b5b6fabdd00ba0c30a3af1f50);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-3 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-4 .card-img {
  width: 139px;
  height: 97px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-1.png?a6b2b9dbfb6b7a422af443acb6de231e);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-4 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-5 .card-img {
  width: 122px;
  height: 96px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-2.png?06f1a61f6ef16f9ccd852732f8f0b319);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-5 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-6 .card-img {
  width: 139px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-3.png?809db41f95ae6a44a1d89c1e5f499f22);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-6 .card-img .icon-font {
  color: #ffffff;
  font-size: 45px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-7 .card-img {
  width: 114px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-4.png?e972290b5b6fabdd00ba0c30a3af1f50);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-7 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-8 .card-img {
  width: 139px;
  height: 97px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-1.png?a6b2b9dbfb6b7a422af443acb6de231e);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-8 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.condition .card-9 .card-img {
  width: 122px;
  height: 96px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-2.png?06f1a61f6ef16f9ccd852732f8f0b319);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.condition .card-9 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  left: 7px;
  top: -5px;
  top: 3px;
  left: 5px;
}

.builder {
  overflow: hidden;
  position: relative;
  padding-top: 110px;
  padding-bottom: 110px;
}

.builder__bg {
  top: 0;
  left: 0;
}

.builder__bg-img {
  height: 110px;
  background-repeat: repeat-x;
  background-position: top left;
}

.builder__bg-img--top {
  top: 0;
  left: 0;
  background-image: url(/images/img-features-bg-top.png?5bbc8ac3ab893c6aa91e4bd5e2e27594);
}

.builder__bg-img--bottom {
  bottom: 0;
  left: 0;
  background-image: url(/images/img-features-bg-bottom.png?cf31edc2f3adfdd00c367cf03ca7a7d6);
}

.builder__wrapper {
  background-color: #f5f9fe;
}

.builder__wrapper-0 {
  padding-bottom: 28px;
}

.builder__wrapper-1 {
  padding-bottom: 50px;
}

.builder__wrapper-2 .builder__list {
  padding-top: 10px;
}

.builder__wrapper .container {
  position: relative;
  top: -50px;
}

.builder__subtitle {
  padding-bottom: 12px;
}

.builder__desc strong,
.builder__desc-title {
  font-weight: bold;
}

.builder__list {
  padding-left: 1rem;
}

.builder__list-item {
  list-style-type: disc;
}

.strategies {
  padding-top: 80px;
  padding-bottom: 60px;
}

.strategies__title {
  padding-bottom: 50px;
}

.strategies__desc {
  padding-top: 11px;
}

.strategies .card {
  margin-bottom: 29px;
  border: none;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.07);
  background-color: #ffffff;
}

.strategies .card__title {
  padding-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

.strategies .card__list-item {
  padding-bottom: 20px;
}

.strategies .card__list-item > div:nth-of-type(1) {
  width: 32px;
  padding-top: 5px;
}

.strategies .card__list-item > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.strategies .card__list-item:last-of-type {
  padding-bottom: 0;
}

.strategies .card__list-item .icon-check {
  color: #60c697;
  font-size: 13px;
}

.strategies .card__list-item p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.types {
  position: relative;
  padding-top: 60px;
  padding-bottom: 80px;
}

.types__bg {
  padding-top: 150px;
}

.types__title {
  padding-bottom: 6px;
}

.types__text {
  max-width: 485px;
  padding-bottom: 38px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.63;
}

.types .card {
  min-height: 333px;
  border: none;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.07);
  background-color: #ffffff;
}

@media screen and (max-width: 991px) {
  .types .card {
    min-height: 237px;
  }
}

@media screen and (max-width: 767px) {
  .types .card {
    min-height: unset;
  }
}

.types .card__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
}

.types .card__line {
  width: 50px;
  height: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #6772e5;
}

.types .card__text {
  font-size: 16px;
  line-height: 1.5;
}

.infographic--user {
  padding-bottom: 60px;
}

.infographic--user img {
  position: relative;
  left: 104px;
}

@media screen and (max-width: 991px) {
  .infographic--user img {
    left: 0;
  }
}

.reports {
  padding-top: 60px;
  padding-bottom: 78px;
}

.reports__title {
  padding-bottom: 12px;
}

.reports__text {
  padding-bottom: 40px;
}

.reports__block-left {
  width: 41px;
}

.reports__block-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.reports__block .icon-success {
  color: #60c697;
  font-size: 30px;
}

.reports__block p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: 0.1px;
}

.more {
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .more__wrapper-1 .container {
    max-width: 100%;
  }
}

.more__title {
  padding-bottom: 12px;
}

.more__text {
  padding-bottom: 100px;
}

.more__carousel .swiper-wrapper {
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .more__carousel .swiper-wrapper {
    flex-wrap: unset;
  }
}

.more__carousel .swiper-wrapper .card {
  width: 100%;
  max-width: calc(100% / 4);
}

@media screen and (max-width: 1279px) {
  .more__carousel .swiper-wrapper .card {
    max-width: calc(100% / 2);
  }
}

@media screen and (max-width: 767px) {
  .more__carousel .swiper-wrapper .card {
    width: 235px !important;
    max-width: 235px !important;
  }
}

.more .card {
  margin-bottom: 70px;
  border: none;
  background-color: transparent;
}

.more .card-title {
  margin: 0;
  padding-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.27;
}

@media screen and (max-width: 991px) {
  .more .card-title br {
    display: none;
  }

  .more .card-title span {
    display: block;
  }
}

.more .card-text {
  max-width: 230px;
  margin: 0;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .more .card-text {
    max-width: 100%;
  }
}

.more .card-line {
  margin-bottom: 15px;
  width: 50px;
  height: 4px;
  background-color: #6772e5;
}

.more .card-0 .card-img {
  width: 139px;
  height: 97px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-1.png?a6b2b9dbfb6b7a422af443acb6de231e);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.more .card-0 .card-img .icon-font {
  color: #ffffff;
  font-size: 46px;
  top: 5px;
}

.more .card-1 .card-img {
  width: 122px;
  height: 96px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-2.png?06f1a61f6ef16f9ccd852732f8f0b319);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.more .card-1 .card-img .icon-font {
  color: #ffffff;
  font-size: 48px;
  left: 7px;
}

.more .card-2 .card-img {
  width: 139px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-3.png?809db41f95ae6a44a1d89c1e5f499f22);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.more .card-2 .card-img .icon-font {
  color: #ffffff;
  font-size: 47px;
  top: -3px;
}

.more .card-3 .card-img {
  width: 114px;
  height: 99px;
  margin-bottom: 20px;
  background-image: url(/images/img-do-card-bg-4.png?e972290b5b6fabdd00ba0c30a3af1f50);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.more .card-3 .card-img .icon-font {
  color: #ffffff;
  font-size: 48px;
  left: 5px;
}

.description {
  padding-bottom: 150px;
}

@media screen and (max-width: 767px) {
  .description {
    padding-bottom: 100px;
  }
}

.description__bg {
  top: 0;
  left: 0;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}

@media screen and (max-width: 991px) {
  .description__bg {
    z-index: -1;
    -webkit-transform: translateY(-70%);
            transform: translateY(-70%);
  }
}

@media screen and (max-width: 767px) {
  .description__bg {
    z-index: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.description__title {
  padding-bottom: 10px;
}

.description__text {
  padding-bottom: 50px;
}

.description__text--last {
  padding-bottom: 0;
}

.dashboard {
  overflow: unset;
  padding-top: 100px;
}

.dashboard .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .dashboard .main__bg-1 {
    position: absolute !important;
    top: 15%;
  }
}

.dashboard__bg {
  z-index: -1;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
}

.dashboard__option {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
}

@media screen and (max-width: 374px) {
  .dashboard__option-exposure,
  .dashboard__option-margin,
  .dashboard__option-pl {
    width: 100%;
    max-width: 50%;
    padding-bottom: 0.5rem;
  }
}

.dashboard__option-exposure p,
.dashboard__option-margin p,
.dashboard__option-pl p {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.47px;
}

.dashboard__option-exposure span,
.dashboard__option-margin span,
.dashboard__option-pl span {
  font-size: 18px;
  letter-spacing: 0.47px;
}

@media screen and (max-width: 374px) {
  .dashboard__option-exposure {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }
}

.dashboard__option-exposure span {
  color: #22c993;
}

@media screen and (max-width: 374px) {
  .dashboard__option-margin {
    text-align: right;
  }
}

.dashboard__option-margin span,
.dashboard__option-pl span {
  color: #f05858;
}

.dashboard__option .dropdown {
  width: 100%;
}

@media screen and (max-width: 374px) {
  .dashboard__option .dropdown {
    max-width: 100% !important;
  }

  .dashboard__option .dropdown:nth-of-type(2) {
    padding-top: 0.5rem;
  }
}

.dashboard__option .dropdown--border {
  max-width: 167px;
}

@media screen and (max-width: 991px) {
  .dashboard__option .dropdown--border:nth-of-type(3) {
    margin-left: calc(140px + 1.5rem);
  }
}

@media screen and (max-width: 767px) {
  .dashboard__option .dropdown--border:nth-of-type(3) {
    margin-left: auto;
  }
}

.dashboard__option .dropdown--border .dropdown-toggle {
  background-color: #ffffff;
  border: 1px solid rgba(185, 185, 185, 0.3);
}

.dashboard__option .dropdown--bg {
  max-width: 140px;
}

.dashboard__option .dropdown--bg .dropdown-toggle {
  background-color: #6772e5;
  color: #ffffff;
  font-weight: bold;
}

.dashboard__option .dropdown--bg .dropdown-toggle:hover {
  color: #fff;
}

.dashboard__option .dropdown--bg.show .btn {
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.dashboard__option .dropdown-toggle {
  width: 100%;
}

@media screen and (max-width: 374px) {
  .dashboard__option .dropdown-menu {
    width: 100%;
  }
}

.dashboard__block {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
}

.dashboard__block .table {
  font-size: 12px;
  letter-spacing: 0.23px;
}

.dashboard__block .table .dropdown {
  /*&:hover {
  	.dropdown-menu {
  		display: block;
  		top: 0;
  		transform: translate3d(0px, -65px, 0px);
  	}
  }*/
}

.dashboard__block .table .dropdown-toggle {
  padding-left: 0;
}

.dashboard__block .table .dropdown-toggle:after {
  display: none;
}

.dashboard__block .table .dropdown-menu-corner {
  right: 50%;
  margin-right: -7px;
}

.dashboard__block .table thead th {
  border-bottom: none;
}

.dashboard__block .table th,
.dashboard__block .table td {
  vertical-align: middle;
  border-color: #D8D8D8;
}

.dashboard__block .table th,
.dashboard__block .table strong {
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .dashboard__block .table th {
    white-space: nowrap;
  }
}

.dashboard__block .table th a:after {
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dashboard__block-optionChain table.table {
  font-size: 10px;
}

.dashboard__block-optionChain table.table thead tr:nth-of-type(1) th {
  padding: 0.2rem;
  background-color: #d4deeb;
  text-align: center;
}

.dashboard__block-optionChain table.table thead tr:nth-of-type(1) th:nth-of-type(1) {
  padding-left: 44px;
}

.dashboard__block-optionChain table.table thead tr:nth-of-type(1) th:nth-of-type(3) {
  padding-right: 44px;
}

.dashboard__block-optionChain table.table thead tr th {
  padding: 0.5rem 0.2rem;
  border-color: #d4deeb;
}

.dashboard__block-optionChain table.table tbody td {
  padding: 0.4rem 0.2rem;
}

.dashboard__block-optionChain table.table tbody td a img {
  -webkit-transform-origin: center;
          transform-origin: center;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.dashboard__block-optionChain table.table tbody td a:hover img {
  opacity: 0.75;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.dashboard__block-optionChain table.table tbody input {
  outline: none;
  width: 44px;
  height: 20px;
  padding: 0 5px;
  border-radius: 6px;
  box-shadow: none;
  border: solid 1px rgba(185, 185, 185, 0.3);
  background-color: #ffffff;
}

.dashboard__block-optionChain table.table .bg {
  background-color: #d4deeb;
  text-align: center;
}

.dashboard__block-optionChain table.table .inner-bg {
  background-color: rgba(255, 173, 13, 0.2);
}

.dashboard__block-optionChain .dashboard__block-title {
  display: flex;
  align-items: center;
  height: 60px;
}

@media screen and (max-width: 991px) {
  .dashboard__block-optionChain .dropdown.dropdown--more {
    position: absolute;
    right: 55px;
    top: 9px;
  }
}

@media screen and (max-width: 991px) {
  .dashboard__block-optionChain .dashboard__block-header {
    padding-right: 1rem;
  }
}

@media screen and (max-width: 991px) {
  .dashboard__block-optionChain .dashboard__block-header--option {
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .dashboard__block-optionChain .dashboard__block-header--option .dashboard__block-btn {
    width: 100%;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .dashboard__block-optionChain .dashboard__block-header--option .dropdown {
    width: 100%;
    margin-right: 0 !important;
  }

  .dashboard__block-optionChain .dashboard__block-header--option .dropdown-toggle,
  .dashboard__block-optionChain .dashboard__block-header--option .dropdown-menu {
    width: 100%;
  }

  .dashboard__block-optionChain .dashboard__block-header--option .dropdown--more {
    width: auto;
  }
}

.dashboard__block-optionChain .dashboard__block-header--option .dropdown.dropdown--border .dropdown-toggle {
  min-width: unset;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.dashboard__block-marketWatch .input-group .form-control {
  height: 40px;
}

.dashboard__block-marketWatch .input-group .input-group-append button.btn {
  border: 1px solid #6772e5 !important;
  background-color: #6772e5;
  color: #ffffff;
}

.dashboard__block-marketWatch .input-group .input-group-append button.btn:hover {
  background-color: transparent;
  color: #6772e5;
}

@media screen and (max-width: 424px) {
  .dashboard__block-marketWatch .dashboard__block-body .dashboard__block-btn {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .dashboard__block-marketWatch .dashboard__block-body .dropdown .dropdown-menu {
    left: 0;
    right: auto !important;
  }

  .dashboard__block-marketWatch .dashboard__block-body .dropdown .dropdown-menu-corner {
    right: auto;
    left: 12px;
  }
}

@media screen and (max-width: 424px) {
  .dashboard__block-marketWatch .dashboard__block-body .dropdown {
    width: 100%;
    margin-right: 0 !important;
  }

  .dashboard__block-marketWatch .dashboard__block-body .dropdown .dropdown-toggle,
  .dashboard__block-marketWatch .dashboard__block-body .dropdown .dropdown-menu {
    width: 100%;
  }

  .dashboard__block-marketWatch .dashboard__block-body .dropdown .dropdown-toggle-corner,
  .dashboard__block-marketWatch .dashboard__block-body .dropdown .dropdown-menu-corner {
    left: auto;
    right: 12px;
  }
}

.dashboard__block-marketWatch .table-responsive {
  overflow-x: unset;
}

@media screen and (max-width: 767px) {
  .dashboard__block-marketWatch .table-responsive {
    overflow-x: auto;
  }
}

.dashboard__block-marketWatch .table th {
  border-top: none;
}

.dashboard__block-marketWatch .table tbody td {
  font-size: 14px;
}

.dashboard__block-marketWatch .table tbody td[scope=row] span {
  white-space: nowrap;
  display: block;
  font-size: 12px;
}

.dashboard__block-marketWatch .table tbody td[scope=row] span a {
  text-decoration: underline;
}

.dashboard__block-marketWatch .table .action a {
  height: 24px;
  border-radius: 2px;
  font-size: 14px;
  letter-spacing: 0.23px;
  text-align: center;
  padding: 0 3px;
}

.dashboard__block-marketWatch .table .buy,
.dashboard__block-marketWatch .table .sell {
  color: #ffffff;
}

.dashboard__block-marketWatch .table .buy {
  background-color: #22c993;
}

.dashboard__block-marketWatch .table .sell {
  background-color: #f05858;
}

.dashboard__block-notification .table {
  border-bottom: 1px solid #D8D8D8;
}

.dashboard__block-notification .table p {
  font-weight: 500;
}

.dashboard__block-notification .table p span {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .dashboard__block .dropdown--more {
    position: absolute;
    top: 9px;
    right: 55px;
  }
}

.dashboard__block .dropdown--border .dropdown-toggle {
  min-width: 128px;
  background-color: #ffffff;
  border: 1px solid rgba(185, 185, 185, 0.3);
}

.dashboard__block .dropdown--border .dropdown-toggle:after {
  display: block;
}

.dashboard__block .dropdown-toggle {
  transition: color 0.3s ease-in-out;
}

.dashboard__block .dropdown-toggle:focus,
.dashboard__block .dropdown-toggle.focus {
  outline: none;
  box-shadow: none;
}

.dashboard__block .dropdown-toggle.is-active {
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.dashboard__block-header {
  min-height: 60px;
  padding-right: 55px;
}

@media screen and (max-width: 767px) {
  .dashboard__block-header {
    padding-right: 1rem;
  }
}

.dashboard__block-header .dropdown-toggle .icon-font {
  color: #AEAEAE;
  font-size: 5px;
}

.dashboard__block-header .dropdown-toggle:after {
  display: none;
}

.dashboard__block-close {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #b3c5dc;
}

.dashboard__block-close .icon-font {
  color: #ffffff;
  font-size: 10px;
}

.dashboard__block-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.42px;
}

.dashboard__block-btn {
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 6px;
  border: 1px solid #6772e5;
  background-color: #6772e5;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.44px;
  text-align: center;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.dashboard__block-btn--border {
  background-color: transparent;
  color: #6772e5;
}

.dashboard__block-btn--border:hover {
  background-color: #6772e5 !important;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.dashboard__block-btn:hover {
  background-color: transparent;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.dashboard__block-info p {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2px;
}

.dashboard__block-payoff p {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2px;
}

@media screen and (max-width: 767px) {
  .dashboard__block-payoff p {
    width: 100%;
  }
}

.dashboard__block-payoff input {
  outline: none;
  width: 40px;
  height: 10px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #333;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2px;
}

.dashboard__block-payoff .dashboard__block-btn {
  height: 23px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
}

.dashboard__block-strategy p {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08px;
}

@media screen and (max-width: 767px) {
  .dashboard__block-strategy p {
    width: 150px;
  }
}

@media screen and (max-width: 424px) {
  .dashboard__block-strategy p {
    width: 100%;
  }
}

.dashboard__block-strategy input {
  outline: none;
  width: 175px;
  height: 40px;
  padding: 0 5px;
  box-shadow: none;
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
}

@media screen and (max-width: 424px) {
  .dashboard__block-strategy input {
    width: 100%;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 424px) {
  .dashboard__block-strategy a,
  .dashboard__block-strategy .dropdown,
  .dashboard__block-strategy .dropdown-toggle {
    width: 100%;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .dashboard__block-strategy .dropdown,
  .dashboard__block-strategy input {
    width: calc(100% - 150px);
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .dashboard__block-strategy .dropdown-toggle {
    width: 100%;
  }
}

.dashboard__block-option p {
  font-size: 14px;
  letter-spacing: 0.09px;
}

.dashboard__block-option .dropdown--border .dropdown-toggle {
  width: auto;
  min-width: unset;
  padding-left: 10px;
  padding-right: 10px;
}

.strategy {
  overflow: unset;
  padding-top: 120px;
  padding-bottom: 120px;
}

.strategy .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .strategy .main__bg-1 {
    position: absolute !important;
    top: 15%;
  }
}

.strategy__bg {
  z-index: -1;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
}

.strategy__wrapper {
  display: flex;
}

@media screen and (max-width: 1023px) {
  .strategy__wrapper {
    flex-wrap: wrap;
  }
}

.strategy__wrapper-left {
  width: 300px;
  padding-right: 29px;
}

@media screen and (max-width: 1023px) {
  .strategy__wrapper-left {
    width: 100%;
    padding-right: 0;
  }
}

.strategy__wrapper-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.strategy__section {
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
}

.strategy__section_custom {
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
}

.strategy__filter {
  position: relative;
}

@media screen and (max-width: 1023px) {
  .strategy__filter {
    display: none !important;
    z-index: 100;
    position: absolute;
    top: 80px;
    left: 15px;
    flex-wrap: wrap;
    flex-direction: row !important;
    width: calc(100% - 30px);
  }

  .strategy__filter.is-open {
    display: flex !important;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 0.55s;
            animation-duration: 0.55s;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
  }

  .strategy__filter .strategy__filter-col {
    width: 50%;
  }

  .strategy__filter .strategy__filter-col:last-of-type .strategy__filter-row {
    width: 100%;
  }

  .strategy__filter .strategy__filter-row {
    width: 50%;
  }

  .strategy__filter .strategy__filter-row > * {
    width: 100%;
    max-width: 241px;
  }
}

@media screen and (max-width: 767px) {
  .strategy__filter {
    flex-direction: column !important;
    width: 280px;
    right: 15px;
    left: auto;
  }

  .strategy__filter .strategy__filter-col {
    width: 100%;
  }

  .strategy__filter .strategy__filter-row {
    width: 100%;
  }

  .strategy__filter .strategy__filter-row > * {
    max-width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .strategy__filter {
    right: 0;
  }
}

.strategy__filter-close {
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 35px;
}

.strategy__filter-close .icon-font {
  font-size: 16px;
}

.strategy__filter-close span {
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.47px;
}

.strategy__filter-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}

.strategy__filter-btn {
  display: flex;
  align-items: center;
  height: 45px;
  padding: 5px 11px;
  background: #FFFFFF;
  border: 1px solid rgba(185, 185, 185, 0.3);
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  letter-spacing: 0.47px;
}

.strategy__filter-btn .icon-font {
  margin-right: 15px;
  font-size: 20px;
}

.strategy__filter-rating a {
  position: relative;
  color: #dadada;
  font-size: 20px;
}

.strategy__filter-rating a.is-hover .icon-font.icon-star-fill,
.strategy__filter-rating a.is-choose .icon-font.icon-star-fill {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.strategy__filter-rating a .icon-font.icon-star-fill {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ff5980;
  transition: opacity 0.3s ease-in-out;
}

.strategy__filter-link a {
  display: flex;
  align-items: center;
  min-height: 35px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
}

.strategy__tabs {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 575px) {
  .strategy__tabs {
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
    display: block;
    border-radius: 0;
  }
}

.strategy__tabs > div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  max-width: calc(100% / 3);
}

@media screen and (max-width: 575px) {
  .strategy__tabs > div {
    display: inline-block;
    max-width: 150px;
  }
}

.strategy__tabs-btn {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 56px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.47px;
  text-align: center;
}

@media screen and (max-width: 575px) {
  .strategy__tabs-btn {
    justify-content: center;
  }
}

.strategy__tabs-btn.is-active {
  color: #6772e5;
}

.strategy__tabs-btn.is-active:after {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.strategy__tabs-btn:after {
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  border: solid 1px #6772e5;
  background-color: #d8d8d8;
  transition: opacity 0.3s ease-in-out;
}

.strategy__option {
  display: none !important;
}

@media screen and (max-width: 1023px) {
  .strategy__option {
    display: flex !important;
  }
}

.strategy__option > div:nth-of-type(1) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
  padding-right: 15px;
}

.strategy__option > div:nth-of-type(2) {
  width: 100px;
}

.strategy__option-title {
  white-space: nowrap;
  padding-right: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .strategy__option-title {
    display: none;
  }
}

.strategy__option-search {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.strategy__option-btn {
  height: 40px;
  border-radius: 6px;
  box-shadow: 0 1px 38px -5px rgba(17, 30, 79, 0.17);
  background-color: #fff;
}

.strategy__option-btn .icon-font {
  font-size: 20px;
}

.strategy__option-btn span {
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.47px;
}

.strategy__option .form-control {
  height: 40px;
}

.strategy__card {
  min-height: 270px;
}

.strategy__card--featured .strategy__card-header {
  padding-right: 203px;
}

@media screen and (max-width: 575px) {
  .strategy__card--featured .strategy__card-header {
    padding-right: 1rem;
  }
}

.strategy__card--featured .strategy__card-badge {
  width: 186px;
}

.strategy__card-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 63px;
  height: 60px;
  border-bottom-left-radius: 6px;
  background-color: #b3c5dc;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
}

@media screen and (max-width: 575px) {
  .strategy__card-badge {
    height: 40px;
  }
}

.strategy__card-badge p {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.44px;
  text-align: center;
  color: #ff5980;
}

.strategy__card-badge a.is-active .icon-font.icon-heart {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.strategy__card-badge a.is-active .icon-font.icon-heart-fill {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.strategy__card-badge a .icon-font {
  font-size: 21px;
  color: #ffffff;
  transition: opacity 0.3s ease-in-out;
}

.strategy__card-badge a .icon-font.icon-heart-fill {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ff5980;
}

.strategy__card-btn {
  max-width: 177px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.44px;
  text-align: center;
}

.strategy__card-btn--bg {
  background-color: #6772e5;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.strategy__card-btn--bg:hover {
  border-color: #6772e5;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.strategy__card-btn--border {
  border-color: #6772e5;
  background-color: transparent;
  color: #6772e5;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.strategy__card-btn--border:hover {
  background-color: #6772e5;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.strategy__card-created {
  font-size: 12px;
  line-height: 2;
}

.strategy__card-title {
  font-size: 22px;
  font-weight: bold;
}

.strategy__card-title span {
  padding-left: 15px;
  font-size: 14px;
  font-weight: normal;
}

.strategy__card-rating span .icon-font {
  font-size: 15px;
  color: #989898;
  transition: opacity 0.3s ease-in-out;
}

.strategy__card-rating span .icon-font.icon-star-fill {
  color: #ff5980;
}

.strategy__card-rating p {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .strategy__card-rating p {
    position: relative;
    top: 1px;
  }
}

.strategy__card-by {
  font-size: 16px;
  line-height: 1.5;
}

.strategy__card-by a {
  color: #6772e5;
}

.strategy__card-tags a {
  height: 25px;
  border-radius: 12.5px;
  background-color: rgba(179, 197, 220, 0.3);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #6772e5;
}

.strategy__card-header {
  min-height: 60px;
  padding-right: 80px;
}

.strategy__card-body > div:nth-of-type(1) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.strategy__card-body > div:nth-of-type(2) {
  width: 177px;
}

.strategy__card-footer > div {
  min-height: 60px;
}

@media screen and (max-width: 767px) {
  .strategy__card-footer > div {
    width: 100%;
    max-width: 50%;
    min-height: 95px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 575px) {
  .strategy__card-footer > div {
    justify-content: flex-start !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.strategy__card-footer > div:nth-of-type(1) {
  border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 767px) {
  .strategy__card-footer > div:nth-of-type(1) {
    position: relative;
  }

  .strategy__card-footer > div:nth-of-type(1):after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
  }
}

@media screen and (max-width: 575px) {
  .strategy__card-footer > div:nth-of-type(1) {
    padding-left: 0 !important;
  }
}

.strategy__card-footer > div:nth-of-type(2) {
  border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 767px) {
  .strategy__card-footer > div:nth-of-type(2) {
    position: relative;
    border-right: none;
  }

  .strategy__card-footer > div:nth-of-type(2):after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
  }
}

@media screen and (max-width: 575px) {
  .strategy__card-footer > div:nth-of-type(2) {
    padding-left: 1rem !important;
  }
}

.strategy__card-footer > div:nth-of-type(3) {
  border-right: 1px solid #d8d8d8;
}

@media screen and (max-width: 575px) {
  .strategy__card-footer > div:nth-of-type(3) {
    padding-left: 0 !important;
  }
}

.strategy__card-footer > div:nth-of-type(4) {
  flex: 1;
  max-width: 100%;
  min-width: 1px;
}

@media screen and (max-width: 575px) {
  .strategy__card-footer > div:nth-of-type(4) {
    padding-left: 1rem !important;
  }
}

.strategy__card-footer > div:last-of-type {
  border-right: none;
}

.strategy__card-footer span {
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 575px) {
  .strategy__card-footer span {
    font-size: 14px;
  }
}

.strategy__card-footer p {
  white-space: nowrap;
  font-size: 25px;
  font-weight: 600;
  line-height: 0.96;
}

@media screen and (max-width: 767px) {
  .strategy__card-footer p {
    white-space: normal;
    font-size: 23px;
  }
}

@media screen and (max-width: 575px) {
  .strategy__card-footer p {
    font-size: 20px;
  }
}

.mstrategy__home .strategy__card-title {
  min-height: 62px;
}

.mstrategy__home .strategy__card-description {
  min-height: 20px;
}

.mstrategy__home .strategy__card-by {
  font-size: 14px;
}

.mstrategy__home .strategy__card-footer > div {
  width: 100%;
  max-width: 50%;
  min-height: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0 1em;
}

.mstrategy__home .strategy__card-footer > div span {
  font-size: 13px;
}

.mstrategy__home .strategy__card-footer > div p {
  font-size: 16px;
}

.mstrategy__home .strategy__card-footer > div:nth-of-type(1) {
  padding-left: 0;
  position: relative;
}

.mstrategy__home .strategy__card-footer > div:nth-of-type(1):after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
}

.mstrategy__home .strategy__card-footer > div:nth-of-type(2) {
  border-right: 0;
  position: relative;
}

.mstrategy__home .strategy__card-footer > div:nth-of-type(2):after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
}

.mstrategy__home .strategy__card-footer > div:nth-of-type(3) {
  padding-left: 0;
}

@media (max-width: 991px) {
  .mstrategy__home {
    padding-top: 0;
    padding-bottom: 60px;
  }
}

.deployed .table-v-middle td {
  vertical-align: middle;
}

.deployed .table-v-middle td.no_wrap {
  white-space: nowrap;
}

.deployed__subtitle {
  padding-bottom: 20px;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 0.33px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .deployed__subtitle {
    font-size: 25px;
  }
}

.deployed .dropdown-container {
  max-height: 120px;
  overflow-y: auto;
  min-width: 12rem;
}

.deployed__summary {
  min-height: 100px;
  background-color: #6772E5;
  border-radius: 6px;
}

.deployed__summary-title {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

.deployed__summary-block {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .deployed__summary-block {
    flex-wrap: wrap;
    align-items: baseline;
  }
}

.deployed__summary-block > div {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
  text-align: center;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  .deployed__summary-block > div {
    flex: unset;
    width: 100%;
    text-align: left;
  }

  .deployed__summary-block > div:nth-of-type(1),
  .deployed__summary-block > div:nth-of-type(3) {
    max-width: 45%;
    padding-right: 15px;
  }

  .deployed__summary-block > div:nth-of-type(2),
  .deployed__summary-block > div:nth-of-type(4) {
    max-width: 55%;
    border-right: none;
    padding-left: 15px;
  }
}

.deployed__summary-block > div:first-of-type {
  border-right: none;
}

.deployed__summary-block > div:last-of-type {
  border-right: none;
}

.deployed__summary-block > div p {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.27px;
}

.deployed__summary-block > div p strong {
  font-weight: 600;
}

@media screen and (max-width: 374px) {
  .deployed__summary-block > div p strong {
    display: block;
  }
}

.deployed__archived .nowrap {
  white-space: nowrap;
}

.deployed__archived .status span {
  color: #6772e5;
}

.deployed__archived .deatils td {
  border-top: none;
  padding-top: 0;
}

.deployed__archived .deatils p {
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.23px;
}

.deployed__archived .red,
.deployed__archived .green {
  font-style: normal;
}

.deployed__archived .red {
  color: #f05858;
}

.deployed__archived .green {
  color: #22c993;
}

.deployed__archived-head {
  /*display: flex;*/
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
}

.deployed__archived-head p {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.47px;
}

@media screen and (max-width: 767px) {
  .deployed__archived-head p {
    font-size: 18px;
  }
}

.deployed__archived-head p a {
  color: #6772e5;
}

.deployed__archived-head p .badge-theme-1 {
  border-radius: 15px;
  background: #b3c5dc;
  display: flex;
  color: #ffffff;
  padding: 4px 10px;
  margin-left: 6px;
  align-items: center;
  font-weight: 400;
}

.deployed__archived-info {
  display: flex;
  flex-wrap: wrap;
}

.deployed__archived-info > div {
  width: 100%;
  max-width: calc(100% / 3);
}

@media screen and (max-width: 991px) {
  .deployed__archived-info > div {
    max-width: calc(100% / 2);
  }
}

@media screen and (max-width: 767px) {
  .deployed__archived-info > div {
    max-width: 100%;
  }
}

.deployed__archived-info > div p {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.47px;
}

@media screen and (max-width: 767px) {
  .deployed__archived-info > div p {
    font-size: 16px;
  }
}

.deployed__archived-info > div p span {
  font-weight: normal;
}

.deployed__archived-info > div p .deployed-execution-type {
  width: 165px;
  font-size: 14px;
  display: inline-block;
  padding-left: 10px;
}

.deployed__archived-info > div:last-of-type p .form-control {
  width: auto;
  display: inline-block;
}

.deployed__archived-table .result span {
  display: inline-block;
  width: 80px;
}

.deployed__archived-table .result i {
  display: inline-block;
  min-width: 100px;
  max-width: 100%;
  padding-left: 15px;
  text-align: right;
}

.deployed__archived-table table thead th {
  border-bottom-width: 1px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

.deployed__archived-table table tbody td {
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  letter-spacing: 0.27px;
}

.deployed__archived-table table tbody .total td {
  font-weight: 600;
}

.u-profile {
  overflow: unset;
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .u-profile {
    padding-bottom: 200px;
  }
}

.u-profile .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .u-profile .main__bg-1 {
    position: absolute !important;
    top: 270px;
  }
}

.u-profile__bg {
  z-index: -1;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
}

.u-profile__wrapper {
  display: flex;
}

@media screen and (max-width: 991px) {
  .u-profile__wrapper {
    flex-wrap: wrap;
  }
}

.u-profile__wrapper-left {
  width: 395px;
  padding-right: 30px;
}

@media screen and (max-width: 1279px) {
  .u-profile__wrapper-left {
    width: 255px;
  }
}

@media screen and (max-width: 991px) {
  .u-profile__wrapper-left {
    width: 100%;
    padding-right: 0;
  }
}

.u-profile__wrapper-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.u-profile__section {
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
}

.u-profile__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.u-profile__section-header .dropdown-toggle {
  height: 30px;
}

.u-profile__section-header .dropdown-toggle .icon-font {
  color: #AEAEAE;
  font-size: 5px;
}

.u-profile__section-header .dropdown-toggle:after {
  display: none;
}

.u-profile__section-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.47px;
}

.u-profile__main {
  overflow: hidden;
  position: relative;
  padding-top: 130px;
}

@media screen and (max-width: 991px) {
  .u-profile__main {
    padding-top: 200px;
    padding-left: 225px;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main {
    padding-top: 130px;
    padding-left: 0;
  }
}

.u-profile__main-bg {
  z-index: 0;
  top: 0;
  left: 0;
  height: 200px;
  background-color: #6772e5;
  background-image: url(/images/img-profile-bg.png?5c5cdded24e206c74d0dfb5307a39c1c);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.u-profile__main-bg img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 991px) {
  .u-profile__main-body {
    display: flex;
    flex-wrap: wrap;
  }

  .u-profile__main-body > div:nth-of-type(1) {
    width: 35%;
  }

  .u-profile__main-body > div:nth-of-type(2) {
    width: 50%;
    padding-top: 1rem;
  }

  .u-profile__main-body > div:nth-of-type(3) {
    width: 100%;
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main-body {
    display: block;
  }

  .u-profile__main-body > div:nth-of-type(1),
  .u-profile__main-body > div:nth-of-type(2),
  .u-profile__main-body > div:nth-of-type(3) {
    width: 100%;
  }

  .u-profile__main-body > div:nth-of-type(2) {
    padding-top: 0;
  }

  .u-profile__main-body > div:nth-of-type(3) {
    padding-left: 1rem !important;
  }
}

.u-profile__main-photo {
  position: absolute;
  top: 15px;
  left: 15px;
}

.u-profile__main-photo .icon-font {
  color: rgba(255, 255, 255, 0.8);
  font-size: 19px;
}

.u-profile__main-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 10px;
  letter-spacing: 0.38px;
  color: #ffffff;
}

.u-profile__main-image {
  position: relative;
  width: 155px;
  height: 155px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
}

@media screen and (max-width: 991px) {
  .u-profile__main-image {
    position: absolute;
    top: 135px;
    left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main-image {
    position: relative;
    top: 0;
    left: 0;
  }
}

.u-profile__main-image > div {
  overflow: hidden;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 50%;
  background-color: #ffffff;
}

.u-profile__main-name {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.47px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .u-profile__main-name {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main-name {
    text-align: center;
  }
}

.u-profile__main-from {
  font-size: 16px;
  letter-spacing: 0.38px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .u-profile__main-from {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main-from {
    text-align: center;
  }
}

.u-profile__main-stat {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 1279px) {
  .u-profile__main-stat {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main-stat {
    justify-content: center;
  }
}

.u-profile__main-stat > div {
  width: 50%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .u-profile__main-stat > div {
    width: 35%;
  }
}

@media screen and (max-width: 374px) {
  .u-profile__main-stat > div {
    width: 45%;
  }
}

.u-profile__main-stat p {
  font-size: 30px;
  font-weight: 600;
  line-height: 0.8;
}

.u-profile__main-stat span {
  font-size: 14px;
  letter-spacing: 0.33px;
}

@media screen and (max-width: 1279px) {
  .u-profile__main-social {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  .u-profile__main-social {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 374px) {
  .u-profile__main-social {
    flex-wrap: wrap;
  }
}

.u-profile__main-social > div {
  width: 100%;
  max-width: calc(100% / 6);
  padding-left: 5px;
  padding-right: 5px;
}

@media screen and (max-width: 1279px) {
  .u-profile__main-social > div {
    max-width: calc(100% / 3);
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .u-profile__main-social > div {
    width: auto;
    max-width: unset;
    padding-bottom: 0;
  }

  .u-profile__main-social > div:first-of-type {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main-social > div {
    width: 100%;
    max-width: calc(100% / 6);
  }

  .u-profile__main-social > div:first-of-type {
    padding-left: 5px;
  }
}

@media screen and (max-width: 374px) {
  .u-profile__main-social > div {
    max-width: calc(100% / 3);
    padding-bottom: 15px;
  }
}

.u-profile__main-social a {
  width: 45px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
}

@media screen and (max-width: 991px) {
  .u-profile__main-social a {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .u-profile__main-social a {
    margin-left: auto;
  }
}

.u-profile__main-social a .icon-font {
  color: #ffffff;
  font-size: 20px;
}

.u-profile__about .u-profile__section-body p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.38px;
}

.u-profile__tweets-box {
  border-bottom: 1px solid #D8D8D8;
}

.u-profile__tweets-box:last-of-type {
  border-bottom: none;
}

.u-profile__tweets-box > div:nth-of-type(1) {
  width: 65px;
}

.u-profile__tweets-box > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.u-profile__tweets-box-wrapper {
  display: flex;
  flex-direction: column;
}

.u-profile__tweets-box-image {
  overflow: hidden;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.u-profile__tweets-box-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.35px;
}

.u-profile__tweets-box-title span {
  padding-left: 15px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: 0.35px;
  color: #657786;
}

.u-profile__tweets-box-desc {
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.35px;
}

.u-profile__tweets-box-desc a {
  padding-left: 10px;
  color: #1b95e0;
}

.u-profile__created .u-profile__section-cover,
.u-profile__subscribed .u-profile__section-cover {
  min-height: 313px;
}

@media screen and (max-width: 767px) {
  .u-profile__created .u-profile__section-cover,
  .u-profile__subscribed .u-profile__section-cover {
    min-height: unset;
  }
}

.u-profile__created .u-profile__section-header,
.u-profile__subscribed .u-profile__section-header {
  border-bottom: 1px solid #D8D8D8;
}

.u-profile__created--empty .u-profile__created-info,
.u-profile__created--empty .u-profile__subscribed-info,
.u-profile__subscribed--empty .u-profile__created-info,
.u-profile__subscribed--empty .u-profile__subscribed-info {
  display: none;
}

@media screen and (max-width: 767px) {
  .u-profile__created--empty .u-profile__created-info,
  .u-profile__created--empty .u-profile__subscribed-info,
  .u-profile__subscribed--empty .u-profile__created-info,
  .u-profile__subscribed--empty .u-profile__subscribed-info {
    display: block;
  }
}

.u-profile__created--empty .u-profile__created-info p,
.u-profile__created--empty .u-profile__subscribed-info p,
.u-profile__subscribed--empty .u-profile__created-info p,
.u-profile__subscribed--empty .u-profile__subscribed-info p {
  padding-top: 105px;
  padding-bottom: 105px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.35px;
  color: rgba(51, 51, 51, 0.6);
}

.u-profile__created--empty .u-profile__created-table-body,
.u-profile__created--empty .u-profile__subscribed-table-body,
.u-profile__subscribed--empty .u-profile__created-table-body,
.u-profile__subscribed--empty .u-profile__subscribed-table-body {
  justify-content: center;
}

.u-profile__created--empty .u-profile__created-table-body p,
.u-profile__created--empty .u-profile__subscribed-table-body p,
.u-profile__subscribed--empty .u-profile__created-table-body p,
.u-profile__subscribed--empty .u-profile__subscribed-table-body p {
  padding-top: 105px;
  padding-bottom: 105px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.35px;
  color: rgba(51, 51, 51, 0.6);
}

.u-profile__created-carousel,
.u-profile__subscribed-carousel {
  display: none;
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .u-profile__created-carousel,
  .u-profile__subscribed-carousel {
    display: block;
  }
}

.u-profile__created-carousel .swiper-container,
.u-profile__subscribed-carousel .swiper-container {
  padding-bottom: 50px;
}

.u-profile__created-carousel .swiper-slide-title,
.u-profile__subscribed-carousel .swiper-slide-title {
  font-size: 22px;
  font-weight: bold;
}

.u-profile__created-carousel .swiper-slide-title span,
.u-profile__subscribed-carousel .swiper-slide-title span {
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
}

.u-profile__created-carousel .swiper-slide-block,
.u-profile__subscribed-carousel .swiper-slide-block {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}

.u-profile__created-carousel .swiper-slide-block > div,
.u-profile__subscribed-carousel .swiper-slide-block > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  min-height: 125px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.u-profile__created-carousel .swiper-slide-block > div:nth-of-type(1),
.u-profile__created-carousel .swiper-slide-block > div:nth-of-type(2),
.u-profile__subscribed-carousel .swiper-slide-block > div:nth-of-type(1),
.u-profile__subscribed-carousel .swiper-slide-block > div:nth-of-type(2) {
  margin-bottom: 30px;
}

.u-profile__created-carousel .swiper-slide-block > div:nth-of-type(1):after,
.u-profile__created-carousel .swiper-slide-block > div:nth-of-type(2):after,
.u-profile__subscribed-carousel .swiper-slide-block > div:nth-of-type(1):after,
.u-profile__subscribed-carousel .swiper-slide-block > div:nth-of-type(2):after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
}

.u-profile__created-carousel .swiper-slide-block > div:nth-of-type(2),
.u-profile__created-carousel .swiper-slide-block > div:nth-of-type(4),
.u-profile__subscribed-carousel .swiper-slide-block > div:nth-of-type(2),
.u-profile__subscribed-carousel .swiper-slide-block > div:nth-of-type(4) {
  padding-left: 15px;
  border-left: 1px solid #D8D8D8;
}

.u-profile__created-carousel .swiper-slide-block p,
.u-profile__subscribed-carousel .swiper-slide-block p {
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
}

.u-profile__created-carousel .swiper-slide-block span,
.u-profile__subscribed-carousel .swiper-slide-block span {
  font-size: 25px;
  font-weight: 600;
  line-height: 0.96;
}

.u-profile__created-table,
.u-profile__subscribed-table {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .u-profile__created-table,
  .u-profile__subscribed-table {
    display: none;
  }
}

.u-profile__created-table-head,
.u-profile__created-table-body,
.u-profile__subscribed-table-head,
.u-profile__subscribed-table-body {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D8D8D8;
}

.u-profile__created-table-head > div,
.u-profile__created-table-body > div,
.u-profile__subscribed-table-head > div,
.u-profile__subscribed-table-body > div {
  flex: 1;
  max-width: 100%;
  padding-right: 15px;
}

.u-profile__created-table-head,
.u-profile__subscribed-table-head {
  min-height: 40px;
}

.u-profile__created-table-head p,
.u-profile__subscribed-table-head p {
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.27px;
}

.u-profile__created-table-body,
.u-profile__subscribed-table-body {
  min-height: 65px;
}

.u-profile__created-table-body:last-of-type,
.u-profile__subscribed-table-body:last-of-type {
  border-bottom: none;
}

.u-profile__created-table-body > div p,
.u-profile__subscribed-table-body > div p {
  text-decoration: underline;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.31px;
}

.u-profile__created-table-body > div span,
.u-profile__subscribed-table-body > div span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.31px;
}

.u-profile__created-table-body > div a,
.u-profile__subscribed-table-body > div a {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.31px;
  color: #6772e5;
}

.s-profile {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  .s-profile {
    padding-bottom: 200px;
  }
}

.s-profile .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .s-profile .main__bg-1 {
    position: absolute !important;
    top: 270px;
  }
}

.s-profile .main__wrapper {
  z-index: 1;
  position: relative;
}

.s-profile__wrapper {
  padding-bottom: 30px;
}

.s-profile__wrapper:last-of-type {
  padding-bottom: 0;
}

.s-profile__wrapper-1 {
  display: flex;
}

@media screen and (max-width: 991px) {
  .s-profile__wrapper-1 {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 991px) {
  .s-profile__wrapper-1 .s-profile__wrapper-left {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
}

.s-profile__wrapper-1 .s-profile__wrapper-right > div {
  margin-bottom: 30px;
}

.s-profile__wrapper-1 .s-profile__wrapper-right > div:last-of-type {
  margin-bottom: 0;
}

.s-profile__wrapper-3 {
  display: flex;
}

@media screen and (max-width: 767px) {
  .s-profile__wrapper-3 {
    flex-wrap: wrap;
  }
}

.s-profile__wrapper-left {
  width: 300px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .s-profile__wrapper-left {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
}

.s-profile__wrapper-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.s-profile__section {
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
}

.s-profile__section-title {
  font-weight: 600;
  font-size: 20px;
}

.s-profile__description-head {
  display: flex;
}

@media screen and (max-width: 767px) {
  .s-profile__description-head {
    flex-wrap: wrap;
    padding-top: 30px;
  }
}

.s-profile__description-head > div:nth-of-type(1) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.s-profile__description-head > div:nth-of-type(2) {
  width: 180px;
}

@media screen and (max-width: 767px) {
  .s-profile__description-head > div:nth-of-type(2) {
    display: flex;
    width: 100%;
  }

  .s-profile__description-head > div:nth-of-type(2) > div {
    width: 50%;
  }

  .s-profile__description-head > div:nth-of-type(2) > div:last-of-type {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 374px) {
  .s-profile__description-head > div:nth-of-type(2) {
    flex-wrap: wrap;
  }

  .s-profile__description-head > div:nth-of-type(2) > div {
    width: 100%;
  }
}

.s-profile__description-rating .icon-font {
  font-size: 15px;
  color: #989898;
  transition: opacity 0.3s ease-in-out;
}

.s-profile__description-rating .icon-font.icon-star-fill {
  color: #ff5980;
}

.s-profile__description-profile > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.s-profile__description-profile-img {
  overflow: hidden;
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 6px;
  background-color: #eeeeee;
}

.s-profile__description-profile-img .icon-font {
  color: #cccccc;
  font-size: 40px;
}

.s-profile__description-profile-created {
  font-size: 10px;
}

.s-profile__description-profile-name {
  font-size: 22px;
  font-weight: bold;
}

.s-profile__description-profile-name span {
  padding-left: 15px;
  font-size: 14px;
  font-weight: normal;
}

.s-profile__description-profile-by p {
  font-size: 16px;
  line-height: 1.5;
}

.s-profile__description-profile-by p > a {
  color: #6772e5;
}

.s-profile__description-profile-by > div > a {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
}

.s-profile__description-profile-by > div > a .icon-font {
  color: #ffffff;
  font-size: 12px;
}

.s-profile__description-profile-by > div > a .icon-font.icon-envelope1 {
  font-size: 10px;
}

.s-profile__description-profile-tags a {
  height: 25px;
  border-radius: 12.5px;
  background-color: rgba(179, 197, 220, 0.3);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #6772e5;
}

.s-profile__description-option > div {
  position: relative;
  width: 100%;
  max-width: 50%;
}

.s-profile__description-option > div:first-of-type:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #b3c5dc;
}

.s-profile__description-option > div:last-of-type {
  padding-left: 10px;
}

.s-profile__description-option i,
.s-profile__description-option span {
  color: #B3C5DC;
}

.s-profile__description-option i {
  font-size: 21px;
}

.s-profile__description-option span {
  padding-left: 5px;
  font-weight: 600;
}

.s-profile__description-footer > div {
  position: relative;
  width: 100%;
  max-width: calc(100% / 5);
  padding-left: 30px;
  padding-right: 10px;
}

@media screen and (max-width: 1199px) {
  .s-profile__description-footer > div {
    padding-left: 15px;
  }
}

@media screen and (max-width: 991px) {
  .s-profile__description-footer > div {
    max-width: calc(100% / 4);
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .s-profile__description-footer > div {
    max-width: calc(100% / 2);
  }
}

.s-profile__description-footer > div:first-of-type {
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .s-profile__description-footer > div:nth-of-type(2):after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .s-profile__description-footer > div:nth-of-type(3) {
    padding-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .s-profile__description-footer > div:nth-of-type(4):after {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .s-profile__description-footer > div:last-of-type {
    padding-left: 0;
    margin-bottom: 0;
  }
}

.s-profile__description-footer > div:last-of-type:after {
  display: none;
}

.s-profile__description-footer > div:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 90%;
  background-color: #EAEAEA;
}

.s-profile__description-footer span {
  font-size: 16px;
}

@media screen and (max-width: 575px) {
  .s-profile__description-footer span {
    font-size: 12px;
  }
}

.s-profile__description-footer span i {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  border-radius: 50%;
  background-color: #b3c5dc;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
}

.s-profile__description-footer p {
  font-weight: 600;
  font-size: 21px;
}

@media screen and (max-width: 767px) {
  .s-profile__description-footer p {
    font-size: 23px;
  }
}

@media screen and (max-width: 575px) {
  .s-profile__description-footer p {
    font-size: 20px;
  }
}

.s-profile__statistics {
  min-height: 100%;
}

.s-profile__statistics-head .icon-file-export {
  font-size: 24px;
}

@media screen and (max-width: 991px) {
  .s-profile__statistics-body .form-group {
    max-width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .s-profile__statistics-body .form-group {
    max-width: 100%;
  }
}

.s-profile__statistics-block > div {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .s-profile__statistics-block > div {
    max-width: calc(100% / 5) !important;
  }
}

@media screen and (max-width: 767px) {
  .s-profile__statistics-block > div:nth-of-type(odd) {
    max-width: 55% !important;
    padding-right: 15px;
  }

  .s-profile__statistics-block > div:nth-of-type(even) {
    max-width: 45% !important;
  }
}

.s-profile__statistics-block > div:nth-of-type(odd) {
  max-width: 55%;
  padding-right: 15px;
}

.s-profile__statistics-block > div:nth-of-type(even) {
  max-width: 45%;
}

.s-profile__statistics-block span {
  font-size: 13px;
}

.s-profile__statistics-block p {
  font-weight: 600;
}

.s-profile__followers-head a {
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .s-profile__followers .swiper-container {
    width: calc(100% + 2rem);
    padding-bottom: 30px;
    margin-left: -1rem;
    padding-left: 15px;
  }
}

@media screen and (min-width: (min-width: 768px)) {
  .s-profile__followers .swiper-wrapper {
    display: flex;
  }

  .s-profile__followers .swiper-wrapper > div {
    width: 100%;
    max-width: calc(100% / 5);
  }
}

@media screen and (max-width: 767px) {
  .s-profile__followers .swiper-slide {
    width: 135px;
  }
}

.s-profile__followers .swiper-pagination {
  display: none;
}

@media screen and (max-width: 767px) {
  .s-profile__followers .swiper-pagination {
    display: flex;
  }
}

.s-profile__followers-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s-profile__followers-block-img {
  overflow: hidden;
  position: relative;
  width: 95px;
  height: 95px;
  border-radius: 50%;
}

.s-profile__followers-block-img span {
  width: 95px;
  height: 95px;
  line-height: 95px;
  background: #f8f8f8;
  text-align: center;
}

.s-profile__followers-block-img span i {
  display: inline-block;
  font-size: 28px;
  line-height: 95px;
}

.s-profile__followers-block p {
  font-size: 15px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .s-profile__visited .swiper-container {
    width: calc(100% + 2rem);
    padding-bottom: 30px;
    margin-left: -1rem;
    padding-left: 15px;
  }
}

@media screen and (min-width: (min-width: 768px)) {
  .s-profile__visited .swiper-wrapper {
    display: flex;
  }

  .s-profile__visited .swiper-wrapper > div {
    width: 100%;
    max-width: calc(100% / 5);
  }
}

@media screen and (max-width: 767px) {
  .s-profile__visited .swiper-slide {
    width: 135px;
  }
}

.s-profile__visited .swiper-pagination {
  display: none;
}

@media screen and (max-width: 767px) {
  .s-profile__visited .swiper-pagination {
    display: flex;
  }
}

.s-profile__visited-block {
  padding-right: 50px;
}

.s-profile__visited-block p {
  font-weight: bold;
  font-size: 16px;
}

.s-profile__visited-block-img {
  overflow: hidden;
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 6px;
  background-color: #eeeeee;
}

.s-profile__visited-block-img .icon-font {
  color: #cccccc;
  font-size: 40px;
}

.s-profile__visited-block-rating .icon-font {
  font-size: 15px;
  color: #989898;
  transition: opacity 0.3s ease-in-out;
}

.s-profile__visited-block-rating .icon-font.icon-star-fill {
  color: #ff5980;
}

.s-profile__history table thead th {
  border-width: 0;
}

@media screen and (max-width: 767px) {
  .s-profile__history table thead th {
    white-space: nowrap;
  }
}

.s-profile__history table th,
.s-profile__history table td {
  vertical-align: middle;
}

.s-profile__history table th {
  font-weight: bold;
  letter-spacing: 0.27px;
}

.s-profile__rating-star > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.s-profile__rating-star span {
  font-size: 14px;
}

.s-profile__rating-star .icon-font {
  font-size: 26px;
  color: #989898;
  transition: opacity 0.3s ease-in-out;
}

.s-profile__rating-star .icon-font.icon-star-fill {
  color: #ff5980;
}

.s-profile__rating-progress span {
  overflow: hidden;
  flex: 1;
  min-width: 1px;
  max-width: 100%;
  position: relative;
  background-color: rgba(216, 216, 216, 0.52);
  border-radius: 8px;
  height: 5px;
}

.s-profile__rating-progress span i {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  background: #6772E5;
  border-radius: 8px;
}

.s-profile__rating-progress p {
  width: 30px;
  font-size: 14px;
}

.s-profile__feedback .strategy__filter-rating .icon-font {
  font-size: 26px;
}

.s-profile__feedback-form textarea {
  resize: none;
  outline: none;
  position: relative;
  width: 100%;
  min-height: 80px;
  background: #FFFFFF;
  border: 1px solid rgba(185, 185, 185, 0.3);
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 0.09px;
}

.s-profile__feedback-form textarea.placeholder {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.54);
  letter-spacing: 0.09px;
}

.s-profile__feedback-form textarea:-moz-placeholder {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.54);
  letter-spacing: 0.09px;
}

.s-profile__feedback-form textarea::-moz-placeholder {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.54);
  letter-spacing: 0.09px;
}

.s-profile__feedback-form textarea:-ms-input-placeholder {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.54);
  letter-spacing: 0.09px;
}

.s-profile__feedback-form textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.54);
  letter-spacing: 0.09px;
}

.s-profile__feedback-form button {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.s-profile__feedback-form hr {
  height: 1px;
  border: none;
  background-color: #eaeaea;
}

.s-profile__feedback-comment {
  border-bottom: 1px solid #eaeaea;
}

.s-profile__feedback-comment:last-of-type {
  border: none;
}

.s-profile__feedback-comment > div:nth-of-type(1) {
  width: 60px;
}

.s-profile__feedback-comment > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.s-profile__feedback-comment-img {
  overflow: hidden;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.s-profile__feedback-comment p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.5px;
}

.s-profile__feedback-comment i {
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.44px;
}

.s-profile__feedback-comment span {
  font-size: 15px;
  color: rgba(51, 51, 51, 0.8);
  letter-spacing: 0.47px;
}

.a-profile {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .a-profile {
    padding-bottom: 200px;
  }
}

.a-profile .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .a-profile .main__bg-1 {
    position: absolute !important;
    top: 270px;
  }
}

.a-profile .main__wrapper {
  z-index: 2;
  position: relative;
}

.a-profile__wrapper {
  display: flex;
}

.a-profile__wrapper-left {
  width: 250px;
  padding-right: 30px;
}

@media screen and (max-width: 1199px) {
  .a-profile__wrapper-left {
    width: 230px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .a-profile__wrapper-left {
    display: none;
  }
}

.a-profile__wrapper-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.a-profile__wrapper-right > div {
  min-height: 1200px;
}

.a-profile__section {
  margin-bottom: 30px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
}

.a-profile__section-head {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 58px;
  border-bottom: 1px solid #EAEAEA;
}

@media screen and (max-width: 767px) {
  .a-profile__section-head {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.a-profile__section-body {
  width: 100%;
  min-height: 100%;
}

.a-profile__section-title {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.47px;
}

.a-profile__section-title span {
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
}

.a-profile__section-btn {
  max-width: 180px;
}

.a-profile__section-btn-wrapper {
  display: flex;
  justify-content: center;
}

.a-profile__section table thead tr th:first-of-type,
.a-profile__section table thead tr td:first-of-type,
.a-profile__section table tbody tr th:first-of-type,
.a-profile__section table tbody tr td:first-of-type {
  padding-left: 0;
}

.a-profile__section table thead tr th:last-of-type,
.a-profile__section table thead tr td:last-of-type,
.a-profile__section table tbody tr th:last-of-type,
.a-profile__section table tbody tr td:last-of-type {
  padding-right: 0;
}

.a-profile__menu-btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.a-profile__menu-btn.is-active .icon-font,
.a-profile__menu-btn.is-active p {
  color: #6772e5;
  transition: color 0.3s ease-in-out;
}

.a-profile__menu-btn--dropdown > a > div:nth-of-type(3) {
  display: flex;
  justify-content: flex-end;
  width: 35px;
}

.a-profile__menu-btn > a > div:nth-of-type(1) {
  width: 35px;
}

.a-profile__menu-btn > a > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.a-profile__menu-btn > a p {
  font-weight: 500;
  transition: color 0.3s ease-in-out;
}

.a-profile__menu-btn > a .icon-font {
  font-size: 20px;
  transition: color 0.3s ease-in-out;
}

.a-profile__menu-btn > a .icon-font.icon-corner {
  width: 8px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  font-size: 8px;
}

.a-profile__menu-drop {
  display: none;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  padding-top: 10px;
}

.a-profile__menu-drop > a {
  display: flex;
  align-items: center;
  min-height: 30px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.a-profile__menu-drop > a.is-active {
  background-color: #6772e5;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.a-profile__menu-drop > a > div:nth-of-type(1) {
  width: calc(35px + 1rem);
}

.a-profile__menu-drop > a > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.a-profile__profile--main .a-profile__section-head {
  border-bottom: none;
}

.a-profile__profile .a-profile__section-head a {
  color: rgba(51, 51, 51, 0.7);
}

.a-profile__profile .a-profile__section-head a p {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid rgba(51, 51, 51, 0.7);
  font-size: 11px;
}

.a-profile__profile .u-profile__main-bg {
  width: calc(100% + 2rem);
  height: 150px;
  margin-left: -1rem;
}

.a-profile__profile .u-profile__main-image span {
  text-align: center;
  font-size: 70px;
  color: #ffffff;
  font-weight: 500;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
  line-height: 150px;
}

.a-profile__profile .u-profile__main-image a {
  right: 10px;
  bottom: 0;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #6772E5;
  border: 1px solid #FFFFFF;
  color: #ffffff;
  font-size: 12px;
}

.a-profile__profile-main > div:nth-of-type(1) {
  width: 240px;
  padding-top: 80px;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .a-profile__profile-main > div:nth-of-type(1) {
    width: 100%;
  }
}

.a-profile__profile-main > div:nth-of-type(2) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
  padding-top: 200px;
}

@media screen and (max-width: 767px) {
  .a-profile__profile-main > div:nth-of-type(2) {
    padding-top: 20px;
  }
}

.a-profile__profile-main > div:nth-of-type(2) > div {
  width: 100%;
  max-width: 470px;
}

@media screen and (max-width: 767px) {
  .a-profile__profile-main > div:nth-of-type(2) > div {
    max-width: 100%;
  }
}

.a-profile__profile-main-since {
  width: 100%;
  max-width: 153px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .a-profile__profile-main-since {
    max-width: 100%;
    text-align: center;
  }
}

.a-profile__profile-main-since span {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.28px;
}

.a-profile__profile-main-since p {
  font-size: 15px;
  letter-spacing: 0.28px;
}

.a-profile__profile-form {
  width: 100%;
}

.a-profile__profile-form-group {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .a-profile__profile-form-group {
    flex-wrap: wrap;
  }
}

.a-profile__profile-form-group > div {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
}

@media screen and (max-width: 767px) {
  .a-profile__profile-form-group > div {
    max-width: 100%;
  }
}

.a-profile__profile-form p {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.42px;
}

.a-profile__profile-social {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  .a-profile__profile-social {
    width: 100%;
    max-width: 420px;
  }
}

.a-profile__profile-social > div {
  width: 100%;
  max-width: calc((100% - 30px) / 2);
}

@media screen and (max-width: 1199px) {
  .a-profile__profile-social > div {
    max-width: 100%;
  }
}

.a-profile__profile-social .form-group .input-group .input-group-prepend {
  width: 40px;
  margin-right: 0;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
}

.a-profile__profile-social .form-group .input-group .input-group-prepend .icon-font {
  color: #ffffff;
  font-size: 20px;
}

.a-profile__profile-social .form-group .input-group .form-control {
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0.09px;
}

@media screen and (max-width: 767px) {
  .a-profile__ledger .a-profile__section-head {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__ledger .a-profile__section-head div {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__ledger .a-profile__section-head div:nth-of-type(1) {
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__ledger .a-profile__section-head div:nth-of-type(2) {
    text-align: right;
    padding-bottom: 30px;
  }
}

.a-profile__ledger .a-profile__section-head div:nth-of-type(2) p {
  font-size: 18px;
  letter-spacing: 0.42px;
}

.a-profile__ledger table .nowrap {
  white-space: nowrap;
}

.a-profile__ledger table .red {
  color: #f05858;
}

.a-profile__ledger table .green {
  color: #22c993;
}

.a-profile__ledger table thead th {
  border-top: none;
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .a-profile__ledger table thead th {
    min-width: 200px;
  }
}

.a-profile__ledger td {
  font-size: 16px;
}

.a-profile__ledger td span {
  font-size: 10px;
  letter-spacing: 0.31px;
}

@media screen and (max-width: 767px) {
  .a-profile__addFunds .a-profile__section-head {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__addFunds .a-profile__section-head div {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__addFunds .a-profile__section-head div:nth-of-type(2) {
    text-align: right;
    padding-bottom: 30px;
  }
}

.a-profile__addFunds .a-profile__section-head div:nth-of-type(2) p {
  font-size: 18px;
  letter-spacing: 0.42px;
}

@media screen and (max-width: 1199px) {
  .a-profile__addFunds .modal__tabs-wrapper--right {
    padding-left: 0;
  }
}

.a-profile__addFunds .form-group--select {
  width: 100%;
  max-width: 250px;
}

.a-profile__addFunds .form-group--select .input-group-append {
  position: relative;
}

.a-profile__addFunds .form-group--select .input-group-append:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  right: 5px;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.a-profile__addFunds .form-group--select .input-group .form-control {
  border-left: solid 1px rgba(185, 185, 185, 0.3);
}

.a-profile__addFunds .form-group--select .input-group select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 60px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #b0c4e0;
  color: #ffffff;
}

.a-profile__withdrawFunds--account .a-profile__withdrawFunds-form {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds--account .a-profile__withdrawFunds-form {
    flex-wrap: wrap;
  }
}

.a-profile__withdrawFunds--account .a-profile__withdrawFunds-form > div {
  width: 100%;
  max-width: calc((100% - (40px + 180px)) / 2);
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds--account .a-profile__withdrawFunds-form > div {
    max-width: 100%;
  }
}

.a-profile__withdrawFunds--account .a-profile__withdrawFunds-form > div:last-of-type {
  max-width: 180px;
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds--account .a-profile__withdrawFunds-form > div:last-of-type {
    margin-left: auto;
    margin-right: auto;
  }
}

.a-profile__withdrawFunds--account .a-profile__withdrawFunds-form > div:last-of-type label {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds--add .a-profile__section-head {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds--add .a-profile__section-head div {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds--add .a-profile__section-head div:nth-of-type(2) {
    text-align: right;
    padding-bottom: 30px;
  }
}

.a-profile__withdrawFunds--add .a-profile__section-head div:nth-of-type(2) p {
  font-size: 18px;
  letter-spacing: 0.42px;
}

.a-profile__withdrawFunds-form {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds-form {
    max-width: 100%;
  }
}

.a-profile__withdrawFunds-form-group {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds-form-group {
    flex-wrap: wrap;
  }
}

.a-profile__withdrawFunds-form-group > div {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
}

@media screen and (max-width: 767px) {
  .a-profile__withdrawFunds-form-group > div {
    max-width: 100%;
  }
}

.a-profile__withdrawFunds table .nowrap {
  white-space: nowrap;
}

.a-profile__withdrawFunds table thead tr th:last-of-type,
.a-profile__withdrawFunds table thead tr td:last-of-type,
.a-profile__withdrawFunds table tbody tr th:last-of-type,
.a-profile__withdrawFunds table tbody tr td:last-of-type {
  width: 110px;
}

.a-profile__withdrawFunds table thead th {
  border-top: none;
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.a-profile__withdrawFunds table tbody td {
  font-size: 16px;
}

.a-profile__withdrawFunds table td {
  vertical-align: middle;
}

.a-profile__withdrawFunds .form-group--select .input-group-append {
  position: relative;
}

.a-profile__withdrawFunds .form-group--select .input-group-append:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  right: 5px;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.a-profile__withdrawFunds .form-group--select .input-group .form-control {
  border-left: solid 1px rgba(185, 185, 185, 0.3);
}

.a-profile__withdrawFunds .form-group--select .input-group select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 60px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #b0c4e0;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .a-profile__subscriptions .a-profile__section-head > div {
    width: 100%;
  }
}

.a-profile__subscriptions .a-profile__section-head span {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .a-profile__subscriptions .a-profile__section-head span {
    padding-top: 10px;
  }
}

.a-profile__subscriptions .a-profile__section-head span strong {
  font-weight: bold;
}

.a-profile__subscriptions-option {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.31px;
}

.a-profile__subscriptions-option span {
  padding-left: 15px;
  padding-right: 15px;
}

.a-profile__subscriptions-info p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  letter-spacing: 0.26px;
  line-height: 1;
}

@media screen and (max-width: 1199px) {
  .a-profile__subscriptions-info p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__subscriptions-info p {
    flex-wrap: wrap;
  }
}

.a-profile__subscriptions-info p span {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}

@media screen and (max-width: 1199px) {
  .a-profile__subscriptions-info p span {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__subscriptions-info p span {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 50%;
    min-height: 50px;
  }

  .a-profile__subscriptions-info p span:nth-of-type(1) {
    margin-bottom: 10px;
  }

  .a-profile__subscriptions-info p span:nth-of-type(2) {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .a-profile__subscriptions-info p span:nth-of-type(2):after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__subscriptions-info p span:nth-of-type(3) {
    padding-left: 0;
  }
}

.a-profile__subscriptions-info p span:after {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  width: 1px;
  height: 100%;
  background-color: #333333;
}

.a-profile__subscriptions-info p span:first-of-type {
  padding-left: 0;
}

.a-profile__subscriptions-info p span:last-of-type {
  padding-right: 0;
}

.a-profile__subscriptions-info p span:last-of-type:after {
  display: none;
}

.a-profile__subscriptions-result p {
  font-size: 16px;
  letter-spacing: 0.31px;
}

.a-profile__subscriptions-strategy {
  border-bottom: 1px solid #EAEAEA;
}

.a-profile__subscriptions-strategy:last-of-type {
  border-bottom: 0;
}

@media screen and (max-width: 767px) {
  .a-profile__subscriptions-strategy > div {
    width: 100%;
  }

  .a-profile__subscriptions-strategy > div:nth-of-type(1) {
    padding-bottom: 30px;
  }

  .a-profile__subscriptions-strategy > div:nth-of-type(1) p {
    width: 100%;
  }

  .a-profile__subscriptions-strategy > div:nth-of-type(1) > span {
    display: none;
  }
}

.a-profile__subscriptions-strategy > div:nth-of-type(1) p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.31px;
}

.a-profile__subscriptions-strategy > div:nth-of-type(1) p span {
  text-decoration: underline;
  font-weight: 600;
}

.a-profile__subscriptions-strategy > div:nth-of-type(1) p i {
  color: #6772e5;
  font-style: normal;
}

.a-profile__subscriptions-strategy > div:nth-of-type(1) p:nth-of-type(2) {
  letter-spacing: 0.31px;
  font-size: 14px;
}

.a-profile__subscriptions-strategy > div:nth-of-type(1) > span {
  padding-left: 10px;
  padding-right: 10px;
}

.a-profile__subscriptions-strategy > div:nth-of-type(2) p {
  letter-spacing: 0.31px;
}

.a-profile__subscriptions-strategy > div:nth-of-type(2) span {
  padding-left: 10px;
  padding-right: 10px;
}

.a-profile__subscriptions-strategy > div:nth-of-type(2) a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.31px;
}

.a-profile__brokenExchange .a-profile__section-head a {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
}

.a-profile__brokenExchange .a-profile__section-head a .icon-font {
  font-size: 18px;
}

.a-profile__brokenExchange table .nowrap {
  white-space: nowrap;
}

.a-profile__brokenExchange table thead th,
.a-profile__brokenExchange table thead td,
.a-profile__brokenExchange table tbody th,
.a-profile__brokenExchange table tbody td {
  min-width: 175px;
}

.a-profile__brokenExchange table thead th:last-of-type,
.a-profile__brokenExchange table thead td:last-of-type,
.a-profile__brokenExchange table tbody th:last-of-type,
.a-profile__brokenExchange table tbody td:last-of-type {
  min-width: 100px;
}

.a-profile__brokenExchange table thead th {
  border-top: none;
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.a-profile__brokenExchange table tbody tr:last-of-type td {
  border-bottom: 1px solid #dee2e6;
}

.a-profile__brokenExchange table tbody td {
  font-size: 16px;
}

.a-profile__brokenExchange table td {
  vertical-align: middle;
}

.a-profile__brokenExchange-form {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .a-profile__brokenExchange-form {
    max-width: 100%;
  }
}

.a-profile__brokenExchange-form-group {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .a-profile__brokenExchange-form-group {
    flex-wrap: wrap;
  }
}

.a-profile__brokenExchange-form-group > div {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
}

@media screen and (max-width: 767px) {
  .a-profile__brokenExchange-form-group > div {
    max-width: 100%;
  }
}

.a-profile__brokenExchange-form p {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.35px;
}

.a-profile__coupons table .nowrap {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .a-profile__coupons table thead th,
  .a-profile__coupons table thead td,
  .a-profile__coupons table tbody th,
  .a-profile__coupons table tbody td {
    min-width: 150px;
  }
}

.a-profile__coupons table thead th {
  border-top: none;
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.a-profile__coupons table tbody tr:last-of-type td {
  border-bottom: 1px solid #dee2e6;
}

.a-profile__coupons table tbody td {
  font-size: 16px;
}

.a-profile__coupons table td {
  vertical-align: middle;
}

.a-profile__coupons-form {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .a-profile__coupons-form {
    max-width: 100%;
  }
}

.a-profile__coupons-form-group {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .a-profile__coupons-form-group {
    flex-wrap: wrap;
  }
}

.a-profile__coupons-form-group > div {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
}

@media screen and (max-width: 767px) {
  .a-profile__coupons-form-group > div {
    max-width: 100%;
  }
}

.a-profile__notifications-table table .nowrap {
  white-space: nowrap;
}

.a-profile__notifications-table table thead th {
  border-top: none;
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.a-profile__notifications-table table tbody tr:last-of-type td {
  border-bottom: 1px solid #dee2e6;
}

.a-profile__notifications-table table tbody tr.middle td {
  vertical-align: middle;
}

.a-profile__notifications-table table tbody tr td {
  font-size: 16px;
}

.a-profile__notifications-table th,
.a-profile__notifications-table td {
  letter-spacing: 0.27px;
}

.a-profile__notifications-table td {
  padding-right: 80px;
  font-size: 16px;
}

@media screen and (max-width: 1199px) {
  .a-profile__notifications-table td {
    padding-right: 0;
  }
}

.a-profile__notifications-table td span {
  min-width: 80px;
}

@media screen and (max-width: 767px) {
  .a-profile__notifications span {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .a-profile__notifications .form-check {
    margin-bottom: 10px;
  }

  .a-profile__notifications .form-check:last-of-type {
    margin-bottom: 0;
  }
}

.a-profile__changePassword-form {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .a-profile__changePassword-form {
    max-width: 100%;
  }
}

.a-profile__changePassword-form-group {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .a-profile__changePassword-form-group {
    flex-wrap: wrap;
  }
}

.a-profile__changePassword-form-group > div {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
}

@media screen and (max-width: 767px) {
  .a-profile__changePassword-form-group > div {
    max-width: 100%;
  }
}

.subscribers {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .subscribers {
    padding-bottom: 200px;
  }
}

.subscribers .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .subscribers .main__bg-1 {
    position: absolute !important;
    top: 270px;
  }
}

.subscribers .main__wrapper {
  z-index: 2;
  position: relative;
}

.subscribers__section {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
  background-color: #ffffff;
}

.subscribers__section-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.47px;
}

@media screen and (max-width: 767px) {
  .subscribers__section-title {
    font-size: 18px;
  }
}

.subscribers__section-title span {
  font-weight: normal;
}

.subscribers__section-btn a {
  width: 100%;
  max-width: 177px;
  height: 40px;
}

.subscribers__tabs {
  height: 56px;
}

@media screen and (max-width: 575px) {
  .subscribers__tabs {
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    left: -15px;
    width: calc(100% + 30px);
    display: block !important;
    border-radius: 0;
  }
}

.subscribers__tabs > div,
.subscribers__tabs > span {
  height: 100%;
  text-align: center;
}

@media screen and (max-width: 575px) {
  .subscribers__tabs > div,
  .subscribers__tabs > span {
    display: inline-block !important;
    vertical-align: middle;
    max-width: 200px !important;
  }
}

.subscribers__tabs > div {
  width: 100%;
  max-width: calc((100% - 60px) / 3);
}

.subscribers__tabs > span {
  position: relative;
  width: 30px;
  height: calc(100% - 2rem);
}

.subscribers__tabs > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: #979797;
}

.subscribers__tabs-btn {
  overflow: hidden;
  height: 100%;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.47px;
  text-align: center;
}

@media screen and (max-width: 575px) {
  .subscribers__tabs-btn {
    justify-content: center;
  }
}

.subscribers__tabs-btn.is-active {
  color: #6772e5;
}

.subscribers__tabs-btn.is-active:after {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.subscribers__tabs-btn:after {
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  border: solid 1px #6772e5;
  background-color: #d8d8d8;
  transition: opacity 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .subscribers__self-head {
    flex-wrap: wrap;
    align-items: stretch !important;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .subscribers__self-head p {
    width: 100%;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .subscribers__self-head > div {
    width: 100%;
  }
}

.subscribers__self-head > div:nth-of-type(1) {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .subscribers__self-head > div:nth-of-type(1) {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .subscribers__self-head > div:nth-of-type(2) {
    width: 100%;
    padding-bottom: 15px;
  }
}

.subscribers__self-head .dropdown {
  width: 100%;
  max-width: 250px;
}

.subscribers__self-head .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  box-shadow: none;
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
  background-color: #ffffff;
}

.subscribers__self-head .dropdown-toggle:focus {
  box-shadow: none;
  border-color: rgba(185, 185, 185, 0.3);
}

.subscribers__self-head .dropdown-menu {
  width: 100%;
}

.subscribers__self-head .dropdown-menu input {
  height: auto;
}

.subscribers__self-head .dropdown-menu label {
  position: relative;
  top: 2px;
  letter-spacing: 0.27px;
  font-weight: normal;
}

.subscribers__self-head a {
  font-size: 18px;
  letter-spacing: 0.43px;
}

@media screen and (max-width: 767px) {
  .subscribers__self-head a {
    font-size: 16px;
    text-align: right;
  }
}

.subscribers__self .swiper-container {
  padding: 10px 0;
}

@media screen and (max-width: 991px) {
  .subscribers__self .swiper-container {
    padding-bottom: 50px;
  }
}

@media screen and (min-width: (min-width: 992px)) {
  .subscribers__self .swiper-wrapper {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: (min-width: 992px)) {
  .subscribers__self .swiper-slide {
    width: 205px;
  }
}

@media screen and (max-width: 991px) {
  .subscribers__self .swiper-slide {
    width: 205px !important;
  }
}

.subscribers__self .swiper-slide:last-of-type .subscribers__self-block {
  border: none;
}

.subscribers__self .swiper-pagination {
  display: none;
}

@media screen and (max-width: 991px) {
  .subscribers__self .swiper-pagination {
    display: flex;
  }
}

.subscribers__self-block {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 5px;
  border-right: 1px solid #dee2e6;
  background-color: #ffffff;
  transition: border-radius 0.3s ease-in-out, box-shadow 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.subscribers__self-block.is-choose {
  border-color: transparent;
  border-radius: 6px;
  box-shadow: 0 1px 10px 0 rgba(17, 30, 79, 0.1);
  transition: border-radius 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.subscribers__self-block.is-border {
  border-color: transparent;
}

.subscribers__self-block.is-opacity {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}

.subscribers__self-block-img {
  overflow: hidden;
  position: relative;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.subscribers__self-block-img span {
  z-index: 10;
  text-align: center;
  font-size: 45px;
  color: #ffffff;
  font-weight: 500;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
  line-height: 95px;
}

.subscribers__self-block-name {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
}

.subscribers__self-block-social {
  display: flex;
  justify-content: center;
}

.subscribers__self-block-social > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-left: 3px;
  margin-right: 3px;
  background-image: linear-gradient(135deg, #FF5980 0%, #FFA882 100%);
}

.subscribers__self-block-social .icon-font {
  color: #ffffff;
}

.subscribers__self-footer {
  min-height: 71px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #6772e5;
}

@media screen and (max-width: 991px) {
  .subscribers__self-footer {
    align-items: flex-start !important;
    flex-wrap: wrap;
  }
}

.subscribers__self-footer > div {
  width: 100%;
  max-width: calc(100% / 4);
  text-align: center;
}

@media screen and (max-width: 991px) {
  .subscribers__self-footer > div {
    max-width: calc(100% / 2);
    text-align: left;
  }

  .subscribers__self-footer > div:nth-of-type(1),
  .subscribers__self-footer > div:nth-of-type(2) {
    margin-bottom: 10px;
  }

  .subscribers__self-footer > div:nth-of-type(3),
  .subscribers__self-footer > div:nth-of-type(4) {
    margin-top: 10px;
  }

  .subscribers__self-footer > div:nth-of-type(2):after {
    display: none;
  }

  .subscribers__self-footer > div:nth-of-type(3) {
    text-align: left;
    padding-left: 0 !important;
  }
}

.subscribers__self-footer > div:first-of-type {
  text-align: left;
}

.subscribers__self-footer > div:last-of-type:after {
  display: none;
}

.subscribers__self-footer > div:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: calc(100%);
  background-color: #ffffff;
}

.subscribers__self-footer p,
.subscribers__self-footer a {
  letter-spacing: 0.27px;
  color: #ffffff;
}

.subscribers__self-footer a {
  text-decoration: underline;
}

.subscribers__self-footer a:hover {
  color: #ffffff;
}

.subscribers__myself .subscribers__self-block-wrapper {
  max-height: 280px;
  overflow-y: auto;
}

.subscribers__myself .subscribers__self-block {
  min-width: 16.66%;
}

.subscribers__myself .subscribers__self-block:nth-child(6n+6) {
  border-right: none;
}

@media screen and (max-width: 1199px) {
  .subscribers__myself .subscribers__self-block {
    min-width: 20%;
  }

  .subscribers__myself .subscribers__self-block:nth-child(6n+6) {
    border-right: 1px solid #dee2e6;
  }

  .subscribers__myself .subscribers__self-block:nth-child(5n+5) {
    border-right: none;
  }
}

@media screen and (max-width: 991px) {
  .subscribers__myself .subscribers__self-block {
    min-width: 33.33%;
  }

  .subscribers__myself .subscribers__self-block:nth-child(5n+5) {
    border-right: 1px solid #dee2e6;
  }

  .subscribers__myself .subscribers__self-block:nth-child(3n+3) {
    border-right: none;
  }
}

@media screen and (max-width: 767px) {
  .subscribers__myself .subscribers__self-block {
    min-width: 49%;
    padding: 0 !important;
  }

  .subscribers__myself .subscribers__self-block .subscribers__self-block-name {
    font-size: 14px;
  }

  .subscribers__myself .subscribers__self-block:nth-child(3n+3) {
    border-right: 1px solid #dee2e6;
  }

  .subscribers__myself .subscribers__self-block:nth-child(even) {
    border-right: none;
  }
}

.subscribers__reversion .subscribers__section-title {
  color: #6772e5;
}

.subscribers__reversion-info {
  color: #6772e5;
  font-size: 16px;
  letter-spacing: 0.38px;
}

.subscribers__reversion table .nowrap {
  white-space: nowrap;
}

.subscribers__reversion table thead th,
.subscribers__reversion table thead td,
.subscribers__reversion table tbody th,
.subscribers__reversion table tbody td {
  border-right: 1px solid #dee2e6;
}

.subscribers__reversion table thead th:last-of-type,
.subscribers__reversion table thead td:last-of-type,
.subscribers__reversion table tbody th:last-of-type,
.subscribers__reversion table tbody td:last-of-type {
  border-right: none;
}

@media screen and (max-width: 767px) {
  .subscribers__reversion table thead th,
  .subscribers__reversion table thead td,
  .subscribers__reversion table tbody th,
  .subscribers__reversion table tbody td {
    min-width: 150px;
  }
}

.subscribers__reversion table thead th:first-of-type,
.subscribers__reversion table thead td:first-of-type,
.subscribers__reversion table tbody th:first-of-type,
.subscribers__reversion table tbody td:first-of-type {
  padding-left: 0;
}

.subscribers__reversion table thead th {
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.subscribers__reversion table tbody tr:last-of-type td {
  border-right: none;
}

.subscribers__reversion table tbody td p span {
  font-weight: 500;
}

.subscribers__reversion table tbody td table thead th,
.subscribers__reversion table tbody td table thead td,
.subscribers__reversion table tbody td table tbody th,
.subscribers__reversion table tbody td table tbody td {
  padding: 0.25rem 0.5rem;
  border: none;
}

@media screen and (max-width: 767px) {
  .subscribers__reversion table tbody td table thead th,
  .subscribers__reversion table tbody td table thead td,
  .subscribers__reversion table tbody td table tbody th,
  .subscribers__reversion table tbody td table tbody td {
    min-width: 90px;
  }
}

.subscribers__reversion table tbody td table thead th {
  border-top: none;
  border-bottom: none;
}

.subscribers__reversion table tbody td table tbody tr:last-of-type td {
  border-bottom: none;
}

.subscribers__reversion table tbody td table tbody td {
  border-top: none;
  border-bottom: none;
}

.subscribers__midbass .subscribers__section-title {
  color: #6772e5;
}

.subscribers__midbass-info {
  color: #6772e5;
  font-size: 16px;
  letter-spacing: 0.38px;
}

.subscribers__midbass table .nowrap {
  white-space: nowrap;
}

.subscribers__midbass table thead th,
.subscribers__midbass table thead td,
.subscribers__midbass table tbody th,
.subscribers__midbass table tbody td {
  border-right: 1px solid #dee2e6;
}

.subscribers__midbass table thead th:last-of-type,
.subscribers__midbass table thead td:last-of-type,
.subscribers__midbass table tbody th:last-of-type,
.subscribers__midbass table tbody td:last-of-type {
  border-right: none;
}

@media screen and (max-width: 767px) {
  .subscribers__midbass table thead th,
  .subscribers__midbass table thead td,
  .subscribers__midbass table tbody th,
  .subscribers__midbass table tbody td {
    min-width: 150px;
  }
}

.subscribers__midbass table thead th:first-of-type,
.subscribers__midbass table thead td:first-of-type,
.subscribers__midbass table tbody th:first-of-type,
.subscribers__midbass table tbody td:first-of-type {
  padding-left: 0;
}

.subscribers__midbass table thead th {
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.subscribers__midbass table tbody tr:last-of-type td {
  border-right: none;
}

.subscribers__midbass table tbody td p span {
  font-weight: 500;
}

.subscribers__midbass table tbody td table thead th,
.subscribers__midbass table tbody td table thead td,
.subscribers__midbass table tbody td table tbody th,
.subscribers__midbass table tbody td table tbody td {
  padding: 0.25rem 0.5rem;
  border: none;
}

@media screen and (max-width: 767px) {
  .subscribers__midbass table tbody td table thead th,
  .subscribers__midbass table tbody td table thead td,
  .subscribers__midbass table tbody td table tbody th,
  .subscribers__midbass table tbody td table tbody td {
    min-width: 90px;
  }
}

.subscribers__midbass table tbody td table thead th {
  border-top: none;
  border-bottom: none;
}

.subscribers__midbass table tbody td table tbody tr:last-of-type td {
  border-bottom: none;
}

.subscribers__midbass table tbody td table tbody td {
  border-top: none;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .subscribers__total {
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .subscribers__total {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.subscribers__total > div {
  width: 100%;
  max-width: calc(100% / 3);
}

@media screen and (max-width: 991px) {
  .subscribers__total > div {
    width: auto;
    max-width: unset;
  }
}

@media screen and (max-width: 767px) {
  .subscribers__total > div {
    width: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-bottom: 10px;
  }

  .subscribers__total > div:last-of-type {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .subscribers__total p {
    white-space: nowrap;
  }
}

.subscribers__total p a {
  color: #6772e5;
}

@media screen and (max-width: 767px) {
  .subscribers__broadcast-wrapper {
    flex-wrap: wrap;
  }
}

.subscribers__broadcast-wrapper-left {
  width: 280px;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .subscribers__broadcast-wrapper-left {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
}

.subscribers__broadcast-wrapper-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.subscribers__broadcast-wrapper .dropdown {
  width: 100%;
}

.subscribers__broadcast-wrapper .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  box-shadow: none;
  border-radius: 6px;
  border: solid 1px rgba(185, 185, 185, 0.3);
  background-color: #ffffff;
}

.subscribers__broadcast-wrapper .dropdown-toggle:focus {
  box-shadow: none;
  border-color: rgba(185, 185, 185, 0.3);
}

.subscribers__broadcast-wrapper .dropdown-menu {
  width: 100%;
}

.subscribers__broadcast-wrapper .dropdown-menu input {
  height: auto;
}

.subscribers__broadcast-wrapper .dropdown-menu label {
  position: relative;
  top: 2px;
  letter-spacing: 0.27px;
  font-weight: normal;
}

.subscribers__broadcast-wrapper textarea {
  resize: none;
  min-height: 136px;
  letter-spacing: 0.09px;
}

.subscribers__broadcast-wrapper textarea.placeholder {
  color: rgba(51, 51, 51, 0.54);
}

.subscribers__broadcast-wrapper textarea:-moz-placeholder {
  color: rgba(51, 51, 51, 0.54);
}

.subscribers__broadcast-wrapper textarea::-moz-placeholder {
  color: rgba(51, 51, 51, 0.54);
}

.subscribers__broadcast-wrapper textarea:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.54);
}

.subscribers__broadcast-wrapper textarea::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.54);
}

.subscribers__broadcast-attach {
  cursor: pointer;
  width: 100%;
  min-height: 80px;
  border-radius: 6px;
  border: 1px dashed #B0C4E0;
}

.subscribers__broadcast-attach input {
  cursor: pointer;
  z-index: 10;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subscribers__broadcast-attach p {
  cursor: pointer;
  color: #b0c4e0;
}

.subscribers__broadcast-attach .icon-font {
  font-size: 16px;
}

.subscribers__invoicing-info p {
  font-size: 16px;
  letter-spacing: 0.38px;
}

.subscribers__invoicing table .nowrap {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .subscribers__invoicing table thead th,
  .subscribers__invoicing table thead td,
  .subscribers__invoicing table tbody th,
  .subscribers__invoicing table tbody td {
    min-width: 150px;
  }
}

.subscribers__invoicing table thead th:first-of-type,
.subscribers__invoicing table thead td:first-of-type,
.subscribers__invoicing table tbody th:first-of-type,
.subscribers__invoicing table tbody td:first-of-type {
  padding-left: 0;
}

.subscribers__invoicing table thead th {
  vertical-align: top;
  border-top: none;
  border-bottom-width: 1px;
  font-size: 14px;
  font-weight: bold;
}

.subscribers__invoicing table tbody tr:last-of-type td {
  border-bottom: 1px solid #dee2e6;
}

.subscribers__invoicing table tbody td {
  font-size: 16px;
}

.myStrategies {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  .myStrategies {
    padding-bottom: 200px;
  }
}

.myStrategies .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .myStrategies .main__bg-1 {
    position: absolute !important;
    top: 270px;
  }
}

.myStrategies__wrapper-0 {
  display: flex;
  padding-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .myStrategies__wrapper-0 {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

.myStrategies__wrapper-left {
  width: 300px;
  padding-right: 30px;
}

@media screen and (max-width: 991px) {
  .myStrategies__wrapper-left {
    width: 100%;
    padding-right: 0;
    padding-top: 20px;
  }
}

.myStrategies__wrapper-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.myStrategies__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .myStrategies__head {
    flex-direction: column;
    align-items: flex-start;
  }
}

.myStrategies__head p {
  margin-right: 20px;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 0.66px;
}

@media screen and (max-width: 767px) {
  .myStrategies__head p {
    padding-bottom: 15px;
    font-size: 25px;
  }
}

.myStrategies__head .c-btn {
  max-width: 170px;
}

.myStrategies__section {
  margin-bottom: 20px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
}

.myStrategies__categories {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
}

@media screen and (max-width: 991px) {
  .myStrategies__categories {
    justify-content: space-between;
  }
}

.myStrategies__categories span {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.myStrategies__categories span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.myStrategies__categories-btn {
  font-size: 15px;
  letter-spacing: 0.47px;
  text-align: center;
  color: rgba(51, 51, 51, 0.7);
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
  .myStrategies__categories-btn {
    width: 100%;
    max-width: calc((100% - 45px) / 2);
  }
}

.myStrategies__categories-btn:hover {
  color: #333333;
  transition: color 0.3s ease-in-out;
}

.myStrategies__categories-btn.is-active {
  color: #333333;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .myStrategies__card .s-profile__description-btn {
    justify-content: space-between;
  }

  .myStrategies__card .s-profile__description-btn a {
    max-width: calc((100% - 20px) / 2);
  }
}

@media screen and (max-width: 991px) {
  .myStrategies__card .s-profile__description-footer {
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .myStrategies__card .s-profile__description-footer {
    position: relative;
  }

  .myStrategies__card .s-profile__description-footer:after {
    content: "";
    position: absolute;
    top: 100px;
    width: 100%;
    height: 1px;
    background-color: #EAEAEA;
  }
}

.myStrategies__card .s-profile__description-footer > div {
  max-width: calc(100% / 4);
}

@media screen and (max-width: 991px) {
  .myStrategies__card .s-profile__description-footer > div {
    width: auto;
    max-width: unset;
    padding-right: 30px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .myStrategies__card .s-profile__description-footer > div {
    justify-content: center;
    width: 100%;
    max-width: calc(100% / 2);
    min-height: 90px;
    padding-right: 10px;
  }

  .myStrategies__card .s-profile__description-footer > div:nth-of-type(1),
  .myStrategies__card .s-profile__description-footer > div:nth-of-type(2) {
    margin-bottom: 30px;
  }

  .myStrategies__card .s-profile__description-footer > div:nth-of-type(2) {
    padding-right: 0;
  }

  .myStrategies__card .s-profile__description-footer > div:nth-of-type(4) {
    padding-left: 15px;
    padding-right: 0;
  }

  .myStrategies__card .s-profile__description-footer > div p {
    font-size: 18px;
  }
}

@media screen and (max-width: 374px) {
  .myStrategies__card .s-profile__description-footer > div:nth-of-type(2),
  .myStrategies__card .s-profile__description-footer > div:nth-of-type(4) {
    padding-left: 10px;
  }

  .myStrategies__card .s-profile__description-footer > div p {
    font-size: 16px;
  }
}

.myStrategies__card-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 63px;
  height: 50px;
}

.myStrategies__actions {
  flex-wrap: nowrap;
}

.myStrategies__actions-primary {
  display: inline-flex;
}

.myStrategies__actions-primary .c-btn {
  margin-bottom: 0 !important;
  min-width: 120px;
}

.myStrategies__icon-btn-wrap {
  display: inline-flex;
}

.myStrategies__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #d6d8e7;
  border-radius: 50%;
  color: #6772e5;
  background-color: #ffffff;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.3s ease-in-out;
}

.myStrategies__icon-btn i {
  font-size: 16px;
  line-height: 1;
}

.myStrategies__icon-btn:hover {
  border-color: #6772e5;
  background-color: #6772e5;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.newStrategy {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  .newStrategy {
    padding-bottom: 200px;
  }
}

.newStrategy .main__bg {
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .newStrategy .main__bg-1 {
    position: absolute !important;
    top: 270px;
  }
}

.newStrategy__section {
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 20px 0 rgba(17, 30, 79, 0.1);
}

.newStrategy__section-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.47px;
}

.newStrategy__title {
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.66px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .newStrategy__title {
    font-size: 25px;
  }
}

.newStrategy__subtitle {
  padding-bottom: 12px;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.59px;
  color: #6772e5;
}

@media screen and (max-width: 767px) {
  .newStrategy__subtitle {
    font-size: 25px;
  }
}

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

.newStrategy__btn-wrapper {
  padding-top: 20px;
}

.newStrategy__info {
  margin-bottom: 50px;
}

.newStrategy__info .newStrategy__section-title {
  padding-bottom: 20px;
}

.newStrategy__info-form {
  display: flex;
  flex-wrap: wrap;
}

.newStrategy__info-form-field-0 {
  width: 470px;
  padding-right: 30px;
}

@media screen and (max-width: 991px) {
  .newStrategy__info-form-field-0 {
    width: 100%;
    padding-right: 0;
  }
}

.newStrategy__info-form-field-1 {
  width: calc(100% - 470px);
}

@media screen and (max-width: 991px) {
  .newStrategy__info-form-field-1 {
    width: 100%;
  }
}

.newStrategy__info-form-field-2 {
  width: 100%;
}

.newStrategy__info-form-field textarea {
  resize: none;
  min-height: 120px;
}

.newStrategy__advanced {
  margin-bottom: 30px;
}

.newStrategy__advanced-title {
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.27px;
}

.newStrategy__advanced-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.newStrategy__advanced-block {
  width: 100%;
  max-width: 50%;
}

@media screen and (max-width: 1199px) {
  .newStrategy__advanced-block {
    max-width: 100%;
  }
}

.newStrategy__advanced-block:nth-of-type(odd) {
  padding-right: 15px;
}

@media screen and (max-width: 1199px) {
  .newStrategy__advanced-block:nth-of-type(odd) {
    padding-right: 0;
  }
}

.newStrategy__advanced-block:nth-of-type(even) {
  padding-left: 15px;
}

@media screen and (max-width: 1199px) {
  .newStrategy__advanced-block:nth-of-type(even) {
    padding-left: 0;
  }
}

.newStrategy__advanced-block label {
  font-size: 12px;
  font-weight: normal;
}

@media screen and (max-width: 1199px) {
  .newStrategy__advanced-block label {
    display: flex;
    align-items: flex-end;
    height: 40px;
  }
}

.newStrategy__advanced-row {
  display: flex;
  width: 100%;
}

.newStrategy__advanced-row--half .newStrategy__advanced-col {
  width: 50%;
}

.newStrategy__advanced-row--half .newStrategy__advanced-col-1 {
  padding-right: 5px;
}

.newStrategy__advanced-row--half .newStrategy__advanced-col-2 {
  padding-left: 5px;
}

.newStrategy__advanced-row--two .newStrategy__advanced-col-1 {
  width: 30%;
  padding-right: 5px;
}

.newStrategy__advanced-row--two .newStrategy__advanced-col-2 {
  width: 70%;
  padding-left: 5px;
}

.newStrategy__advanced-row--three .newStrategy__advanced-col {
  width: calc(100% / 3);
}

.newStrategy__advanced-row--three .newStrategy__advanced-col-1 {
  padding-right: 5px;
}

.newStrategy__advanced-row--three .newStrategy__advanced-col-2 {
  padding-left: 5px;
  padding-right: 5px;
}

.newStrategy__advanced-row--three .newStrategy__advanced-col-3 {
  padding-left: 5px;
}

.newStrategy__advanced-col {
  width: 100%;
}

.newStrategy__marketplace-wrapper {
  display: flex;
}

@media screen and (max-width: 1199px) {
  .newStrategy__marketplace-wrapper {
    flex-wrap: wrap;
  }
}

.newStrategy__marketplace-left {
  width: 50%;
  padding-right: 15px;
}

@media screen and (max-width: 1199px) {
  .newStrategy__marketplace-left {
    width: 100%;
    padding-right: 0;
  }
}

.newStrategy__marketplace-right {
  width: 50%;
  padding-left: 15px;
}

@media screen and (max-width: 1199px) {
  .newStrategy__marketplace-right {
    width: 100%;
    padding-left: 0;
  }
}

.newStrategy__set {
  margin-bottom: 10px;
}

.newStrategy__set-collapse.is-active .newStrategy__set-body {
  display: block;
}

.newStrategy__set-collapse.is-active .newStrategy__set-head-corner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.newStrategy__set-collapse.is-open .newStrategy__set-head-corner {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.newStrategy__set-collapse .newStrategy__set-body {
  display: none;
}

.newStrategy__set-collapse .newStrategy__set-head-corner {
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.newStrategy__set:last-of-type {
  margin-bottom: 0;
}

.newStrategy__set-wrapper {
  padding-bottom: 40px;
}

.newStrategy__set-header {
  padding-bottom: 12px;
}

.newStrategy__set-header--many {
  position: relative;
}

@media screen and (max-width: 1023px) {
  .newStrategy__set-header--many {
    flex-wrap: wrap;
  }
}

.newStrategy__set-header-title {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.66px;
}

@media screen and (max-width: 1023px) {
  .newStrategy__set-header-title {
    width: 100%;
    padding-bottom: 12px;
  }
}

.newStrategy__set-header-link {
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.66px;
  color: #6772e5;
}

.newStrategy__set-header-close {
  color: #000000;
  font-size: 20px;
}

.newStrategy__set-header-left {
  width: 100%;
}

.newStrategy__set-header-left-cover {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .newStrategy__set-header-left {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .newStrategy__set-header-left-cover {
    width: 100%;
  }

  .newStrategy__set-header-left-cover:nth-of-type(1) {
    width: 100%;
  }

  .newStrategy__set-header-left-cover:nth-of-type(2) {
    display: flex;
    align-items: center;
  }

  .newStrategy__set-header-left-cover .form-group {
    width: 100%;
    max-width: 185px;
  }
}

@media screen and (max-width: 1023px) {
  .newStrategy__set-header-right {
    position: absolute;
    top: 5px;
    right: 0;
  }
}

.newStrategy__set-head {
  min-height: 40px;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-head {
    position: relative;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .newStrategy__set-head-left {
    width: 100%;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .newStrategy__set-head-right {
    position: absolute;
    top: 10px;
    right: 0;
  }
}

.newStrategy__set-head .form-group {
  width: 185px;
}

@media screen and (max-width: 424px) {
  .newStrategy__set-head .form-group {
    width: 160px;
  }
}

@media screen and (max-width: 374px) {
  .newStrategy__set-head .form-group {
    width: 120px;
  }
}

.newStrategy__set-head-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.47px;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-head-title {
    width: 100%;
    padding-bottom: 15px;
  }
}

.newStrategy__set-head-add {
  min-width: 69px;
  max-width: 69px;
  letter-spacing: 0.33px;
  color: #6772e5;
}

.newStrategy__set-head-corner {
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.newStrategy__set-body-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 433px;
}

@media screen and (max-width: 1279px) {
  .newStrategy__set-body-footer {
    max-width: 323px;
  }
}

@media screen and (max-width: 1023px) {
  .newStrategy__set-body-footer {
    max-width: 274px;
  }
}

@media screen and (max-width: 767px) {
  .newStrategy__set-body-footer {
    max-width: 100%;
  }
}

.newStrategy__set-body-footer a {
  max-width: 140px;
  margin-left: 5px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-body-footer a {
    margin-left: auto;
    margin-right: auto;
  }
}

.newStrategy__set-desc {
  overflow-y: auto;
  height: 133px;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-frame {
    flex-wrap: wrap;
  }
}

.newStrategy__set-frame-left,
.newStrategy__set-frame-right {
  min-height: 100%;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-frame-left,
  .newStrategy__set-frame-right {
    min-height: unset;
  }
}

.newStrategy__set-frame-left {
  width: 450px;
  border-right: 1px solid #eaeaea;
}

@media screen and (max-width: 1279px) {
  .newStrategy__set-frame-left {
    width: 330px;
  }
}

@media screen and (max-width: 1023px) {
  .newStrategy__set-frame-left {
    width: 290px;
  }
}

@media screen and (max-width: 767px) {
  .newStrategy__set-frame-left {
    width: 100%;
    padding-bottom: 30px;
    border-right: 0;
  }
}

.newStrategy__set-frame-right {
  flex: 1;
  min-width: 1px;
  max-width: 100%;
}

.newStrategy__set-frame-title {
  border-bottom: 1px solid #eaeaea;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-frame-title {
    padding-left: 0 !important;
  }
}

.newStrategy__set-frame-title p {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.27px;
  text-transform: uppercase;
}

.newStrategy__set-frame-title a {
  font-size: 14px;
  letter-spacing: 0.27px;
  color: #6772e5;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-frame-body {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.newStrategy__set-frame-text {
  font-size: 14px;
  letter-spacing: 0.27px;
}

.newStrategy__set-frame table .nowrap {
  white-space: nowrap;
}

.newStrategy__set-frame table .tabs a {
  text-decoration: underline;
}

.newStrategy__set-frame table tbody tr:first-of-type td,
.newStrategy__set-frame table tbody tr:nth-of-type(2) td {
  border-top: 0;
}

.newStrategy__set-frame table tbody tr:last-of-type td {
  border-bottom: 1px solid #dee2e6;
}

.newStrategy__set-frame table tbody td {
  vertical-align: middle;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .newStrategy__set-frame table tbody td {
    min-width: 100px;
  }
}

.newStrategy__set-frame table tbody td:first-of-type {
  padding-left: 0;
}