@font-face {
    font-family: "GTEestiProDisplay";
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Light.eot");
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Light.eot")
            format("embedded-opentype"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Light.woff")
            format("woff"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Light.ttf")
            format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "GTEestiProDisplay";
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Regular.eot");
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Regular.eot")
            format("embedded-opentype"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Regular.woff")
            format("woff"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Regular.ttf")
            format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "GTEestiProDisplay";
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Medium.eot");
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Medium.eot")
            format("embedded-opentype"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Medium.woff")
            format("woff"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Medium.ttf")
            format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "GTEestiProDisplay";
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Bold.eot");
    src: url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Bold.eot")
            format("embedded-opentype"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Bold.woff")
            format("woff"),
        url("../fonts/GTEestiProDisplay/GTEestiProDisplay-Bold.ttf")
            format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* Base */
body {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: scrollbar;
}

a {
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

a[data-toggle="modal"]:focus {
    outline: none;
}

.tab-container {
    position: relative;
    overflow: hidden;
}

.tab-content {
    display: none;
    overflow: hidden;
}

.tab-content.active {
    display: block;
}

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

.btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.15;
    padding: 12px 30px;
    border-radius: 23px;
    max-width: 100%;
}

.btn:hover,
.btn:focus,
.btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn .text-2 {
    display: none;
}

.btn.active .text-2 {
    display: inline;
}

.btn.active .text-1 {
    display: none;
}

.btn-sm {
    font-size: 18px;
    line-height: 1;
    border-width: 2px;
    border-radius: 21px;
    padding-top: 11px;
    padding-bottom: 11px;
}
.modal-tooltip {
  position: absolute;
  bottom: 0;
  left: calc(100% + 10px);
  width: 560px;
  z-index: 999;
  display: none;
}




.modal-content {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  padding: 10px;
  position: relative;
}



.close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}



.btn-sm .icon-after {
    padding-left: 2px;
    font-size: 1em;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 0;
    padding-right: 0;
}

.btn-lg {
    font-weight: 500;
    padding: 17px 40px;
    border-radius: 28px;
}

.btn-xs {
    font-size: 14px;
    border-width: 2px;
    border-radius: 18px;
    padding: 8px 18px;
}

.btn-primary-light {
    background-color: #fcf7fb;
    border-color: #fcf7fb;
    color: #932f71;
}

.btn-primary-light:hover {
    background-color: #b83b8c;
    border-color: #b83b8c;
    color: #fff;
}

.btn-primary-light:active {
    background-color: #a5357d;
    border-color: #a5357d;
    color: #fff;
}

.btn-outline-primary {
    color: #932f71;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #a5357d;
    border-color: #a5357d;
}

.btn-outline-second {
    color: #932f71;
    border-color: #f7ebf3;
}

.btn-outline-second:hover {
    color: #000000;
    background-color: #f7ebf3;
}

.btn-outline-second:active {
    background-color: #f0d9e8;
    border-color: #f0d9e8;
}

.btn-outline-grey {
    color: #999999;
    border-color: #f2f2f2;
}

.btn-outline-grey:hover {
    background-color: #f2f2f2;
}

.btn-outline-grey:not(:disabled):not(.disabled).active,
.btn-outline-grey:not(:disabled):not(.disabled):active {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #000000;
}

.btn-white:hover {
    background-color: #932f71;
    border-color: #932f71;
    color: #fff;
}

.btn-white:active {
    background-color: #802962;
    border-color: #802962;
}

.btn i {
    font-size: 0.6em;
    vertical-align: baseline;
    padding-right: 1em;
}

.btn-sidelink {
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.btn-sidelink:hover {
    color: #b83b8c;
}

.btn-submit {
    min-width: 235px;
}

.form-white {
    padding: 40px;
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    border-radius: 16px;
    background-color: #ffffff;
}

.form-group {
    margin-bottom: 18px;
    position: relative;
}

.form-control {
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 46px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 13px;
    color: #000000;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
    font-weight: 300;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #999999;
    font-weight: 300;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #999999;
    font-weight: 300;
    opacity: 1;
}

.form-control::placeholder {
    color: #999999;
    font-weight: 300;
    opacity: 1;
}

.form-control:hover,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #cdcdcd;
    color: #000000;
}

.form-control[readonly] {
    background-color: #fff;
}

.form-label {
    display: block;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 7px;
}

.form-label .req {
    color: #b83b8c;
}

.form-label .form-checkbox {
    margin-top: 2px;
}

.form-label .form-checkbox .text {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

.form-checkbox {
    margin: 0;
    font-weight: 400;
    padding: 0;
    display: block;
    position: relative;
}

.form-checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-checkbox .text {
    padding-left: 27px;
    position: relative;
    display: block;
    color: #757575;
}

.form-checkbox .text:before {
    content: "\e900";
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 2px solid #999999;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: -2px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: background-color 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
    color: transparent;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form-checkbox input:checked ~ .text:before {
    border-color: #b83b8c;
    background-color: #b83b8c;
    color: #fff;
}

.form-checkfancy {
    padding: 0;
    margin: 0;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form-checkfancy input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-checkfancy .icon {
    border-radius: 14px;
    background-color: #999999;
    width: 54px;
    height: 28px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out;
}

.form-checkfancy .icon:hover {
    background-color: #8c8c8c;
}

.form-checkfancy .icon:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    -o-transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.form-checkfancy .text {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 3px 0;
}

.form-checkfancy input:checked ~ .icon {
    background-color: #b83b8c;
}

.form-checkfancy input:checked ~ .icon:after {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.form-radio {
    margin: 0;
    font-weight: 400;
    padding: 0;
    display: block;
    position: relative;
}

.form-radio input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-radio .text {
    padding-left: 27px;
    position: relative;
    display: block;
    color: #757575;
}

.form-radio .text:before {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 2px solid #999999;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: -2px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: background-color 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
}

.form-radio .text:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 11px;
    height: 11px;
    opacity: 0;
    cursor: pointer;
    border-radius: 50%;
    background-color: #b83b8c;
    -webkit-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.form-radio input:checked ~ .text:before {
    border-color: #b83b8c;
}

.form-radio input:checked ~ .text:after {
    opacity: 1;
}

.form-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px -10px -10px;
}

.form-buttons > * {
    margin: 0 10px 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.form-buttons-text {
    color: #757575;
    line-height: 1.38;
    font-weight: 400;
    width: 100%;
}

.form-undertext {
    text-align: center;
    margin-top: 40px;
    color: #757575;
}

textarea.form-control {
    padding-top: 12px;
    padding-bottom: 12px;
    resize: none;
}

select.form-control {
    height: 46px;
}

select.form-control + .select2-container--default {
    display: block;
    width: 100% !important;
    outline: none;
}

select.form-control + .select2-container--default .select2-selection {
    display: block;
    width: 100%;
    outline: none;
    height: 46px;
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    -webkit-transition: border-color 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
}

select.form-control + .select2-container--default .select2-selection:hover {
    border-color: #cdcdcd;
}

select.form-control + .select2-container--default .select2-selection__arrow {
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
    right: 1px;
    top: 1px;
    width: 35px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

select.form-control
    + .select2-container--default
    .select2-selection__arrow:before {
    content: "\e915";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #b83b8c;
    position: relative;
    top: 1px;
}

select.form-control + .select2-container--default .select2-selection__arrow b {
    display: none;
}

select.form-control + .select2-container--default .select2-selection__rendered {
    line-height: 44px;
    padding: 0 13px;
    padding-right: 35px;
    font-weight: 400;
    color: #000000;
}

select.form-control
    + .select2-container--default
    .select2-selection__rendered
    .select2-selection__placeholder {
    color: #999999;
    font-weight: 300;
    opacity: 1;
}

select.form-control
    + .select2-container--default.select2-container--open
    .select2-selection {
    border-color: #cacaca;
}

select.form-control + .select2-container--default.select2-container--disabled {
    opacity: 0.5;
}

select.form-control
    + .select2-container--default.select2-container--focus
    .select2-selection {
    border-color: #cacaca;
}

.styled-article {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.styled-article p {
    margin: 0 0 0.9em;
}

.styled-article p:last-child {
    margin-bottom: 0;
}

.styled-article img {
    margin: 0.5em 0 1em;
    width: 100%;
    display: block;
}

.styled-article h1 {
    color: #000000;
}

.styled-article h2 {
    color: #000000;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 0 0.5em;
}

.styled-article h2:first-child {
    margin-top: 0;
}

.styled-article h3 {
    color: #000000;
    font-size: 1.125em;
    font-weight: 500;
    margin: 0 0 0.5em;
}

.styled-article h3:first-child {
    margin-top: 0;
}

.styled-article ul {
    padding: 0;
    margin: 0 0 0.8em;
    font-weight: bolder;
    list-style: none;
}

.styled-article ul li {
    margin: 0 0 0.6em;
    padding: 0 0 0 1.5em;
    position: relative;
}

.styled-article ul li:last-child {
    margin-bottom: 0;
}

.styled-article ul li:before {
    content: "";
    width: 0.625em;
    height: 0.625em;
    border-radius: 50%;
    background-color: #b83b8c;
    position: absolute;
    left: 0;
    top: 0.4em;
}

.styled-article strong,
.styled-article b {
    font-weight: 500;
}

.styled-article .code-textarea {
    height: auto;
    border: none;
    border-radius: 6px;
    background-color: #fcf7fb;
    padding: 20px;
    margin: 0 0 0.8em;
    font-size: inherit;
}

.styled-table {
    width: 100%;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

.styled-table thead {
    color: #444c55;
    font-weight: 300;
}

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

.styled-table td:first-child,
.styled-table th:first-child {
    padding-left: 20px;
}

.styled-table td:last-child,
.styled-table th:last-child {
    text-align: right;
    padding-right: 20px;
}

.styled-table tbody tr:nth-child(odd) {
    background-color: #fcf7fb;
}

.styled-table tfoot {
    font-size: 1.2em;
}

.styled-table tfoot td {
    border-top: 2px solid #fcf7fb;
}

.select2-dropdown {
    border: none;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background-color: #b83b8c;
}

.select2-dropdown .select2-results__option[aria-selected="true"] {
    background-color: #f4f5f6;
    color: #000000;
}

.select2-results__option {
    padding: 10px 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.pagination {
    margin: 40px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    text-align: center;
    color: #000000;
    font-size: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagination li {
    margin: 0 3px;
    padding: 0;
}

.pagination a,
.pagination span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    text-decoration: none;
    color: #000000;
    border: 1px solid #f7ebf3;
}

.pagination span {
    border-color: transparent;
}

.pagination a:hover {
    color: #b83b8c;
    background-color: #f7ebf3;
}

.pagination a:active {
    background-color: #f0d9e8;
    border-color: #f0d9e8;
}

.pagination .prev a,
.pagination .prev span,
.pagination .next a,
.pagination .next span {
    color: #999999;
}

.pagination .prev span,
.pagination .next span {
    opacity: 0.5;
}

.pagination .prev a:not(.disabled):hover,
.pagination .next a:not(.disabled):hover {
    color: #000000;
}

.pagination .prev i,
.pagination .next i {
    font-size: 12px;
}

.pagination .prev {
    margin-right: 6px;
}

.pagination .next {
    margin-left: 6px;
}

.pagination .active a,
.pagination .active span {
    background-color: #b83b8c;
    border-color: #b83b8c;
    color: #fff;
}

.alert-list {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
    max-width: calc(100% - 32px);
    width: 460px;
    z-index: 10000;
}

.alert-list.right-bottom {
    top: auto;
    bottom: 8px;
}

.alert-list.left-top {
    right: auto;
    left: 16px;
}

.alert-list.left-bottom {
    right: auto;
    top: auto;
    bottom: 8px;
    left: 16px;
}

.alert-list.small-alert-list {
    width: 250px;
}

.alert-list.small-alert-list .alert-item {
    padding: 10px;
    border-left: none;
}

.alert-list.small-alert-list .alert-item-icon {
    margin-right: 10px;
    width: 30px;
    height: 30px;
}

.alert-list.small-alert-list .alert-item-icon:before {
    width: 12px;
    height: 12px;
}

.alert-list.small-alert-list .alert-item-desc {
    display: none;
}

.alert-item {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    font-size: 14px;
    margin: 8px 0;
    border-left: 5px solid #fafafa;
}

.alert-item.simple-title-color .alert-item-title {
    color: inherit !important;
}

.alert-item-icon {
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px;
    background-color: #fafafa;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.alert-item-icon:before {
    content: "";
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

.alert-item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 5px;
}

.alert-item-title {
    font-weight: 600;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.alert-item-desc {
    margin-top: 2px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.alert-item-desc:empty {
    display: none;
}

.alert-item-close {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    position: relative;
    margin-left: auto;
}

.alert-item-close:before,
.alert-item-close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 2px;
    background-color: #aeb8c3;
    -webkit-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.alert-item-close:before {
    width: 80%;
    height: 2px;
}

.alert-item-close:after {
    width: 2px;
    height: 80%;
}

.alert-item-close:hover:before,
.alert-item-close:hover:after,
.alert-item-close:focus:before,
.alert-item-close:focus:after,
.alert-item-close:active:before,
.alert-item-close:active:after {
    background-color: #919ead;
}

.alert-item-error {
    border-left-color: rgba(219, 68, 55, 0.1);
}

.alert-item-error .alert-item-icon {
    background-color: rgba(219, 68, 55, 0.1);
}

.alert-item-error .alert-item-icon:before {
    background-image: url("../images/alert-img-error.svg");
}

.alert-item-error .alert-item-title {
    color: #db4437;
}

.alert-item-success {
    border-left-color: rgba(14, 157, 88, 0.1);
}

.alert-item-success .alert-item-icon {
    background-color: rgba(14, 157, 88, 0.1);
}

.alert-item-success .alert-item-icon:before {
    background-image: url("../images/alert-img-success.svg");
}

.alert-item-success .alert-item-title {
    color: #0e9d58;
}

.alert-item-warning {
    border-left-color: rgba(254, 126, 14, 0.1);
}

.alert-item-warning .alert-item-icon {
    background-color: rgba(254, 126, 14, 0.1);
}

.alert-item-warning .alert-item-icon:before {
    background-image: url("../images/alert-img-warning.svg");
}

.alert-item-warning .alert-item-title {
    color: #fe7e0e;
}

.alert-item-info {
    border-left-color: rgba(0, 104, 255, 0.1);
}

.alert-item-info .alert-item-icon {
    background-color: rgba(0, 104, 255, 0.1);
}

.alert-item-info .alert-item-icon:before {
    background-image: url("../images/alert-img-info.svg");
}

.alert-item-info .alert-item-title {
    color: #0068ff;
}

.tabs-nav,
.invoices-nav {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 18px;
}

.invoices-nav.send {
    justify-content: center;
}

.tabs-nav li,
.invoices-nav li {
    margin: -10px 15px 15px 0;
    padding: 0;
}

.tabs-nav li:last-child,
.invoices-nav li:last-child {
    margin-right: 0;
}

.tabs-nav a,
.invoices-nav a {
    color: #000000;
    padding: 6px 0;
    border-bottom: 2px solid transparent;
    display: block;
}

.tabs-nav a:hover,
.invoices-nav a:hover {
    color: #b83b8c;
}

.tabs-nav a.active,
.invoices-nav a.active {
    border-bottom-color: #b83b8c;
    color: #b83b8c;
}

.page-title-under.full-width {
    max-width: 100%;
    padding: 0;
}

.tab-invoice.full-width {
    max-width: 100%;
    text-align: left;
}

.tab-invoice.full-width .tabs-nav {
    justify-content: start;
}

.tab-invoice.full-width .qr-box {
    width: auto;
}

.tab-invoice.full-width .box-btn-invoice {
    justify-content: start;
}

.tab-invoice.full-width .tab-invoice {
    max-width: 100%;
    text-align: left;
}

.tab-invoice.full-width .send-sms {
    max-width: 100%;
}

.comlinks-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -5px -10px;
    padding: 0;
}

.comlinks-list li {
    margin: 0 5px 10px;
    padding: 0;
}

.comlinks-list a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #b83b8c;
    background-color: #fcf7fb;
}

.comlinks-list a:hover {
    background-color: #b83b8c;
    color: #fff;
}

.uploads-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px -15px;
}

.uploads-item {
    margin: 0 3px 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 158px;
    flex: 1 1 158px;
    width: calc(50% - 6px);
    max-width: 158px;
}

.uploads-item-name {
    display: block;
    margin: 4px 0 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #999999;
    font-size: 12px;
    font-weight: 300;
}

.uploads-item-container {
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.first-item.uploads-item-container:before {
    content: "\e918";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 295px;
    height: 84px;
   border-radius: 6px;
border: 1.5px dashed var(--primary-primary80, #FFA4E0);


    background-color: #FCFCFC;
    color: #cec8ce;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}


.uploads-item-img {
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.uploads-item-img img {
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.uploads-item-img ~ .uploads-item-add {
    left: 5px;
    bottom: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #b83b8c;
    color: #fff;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.uploads-item-img ~ .uploads-item-add:before {
    content: "\e918";
}

.uploads-item-img ~ .uploads-item-add:hover {
    background-color: #a5357d;
}

.uploads-item-img ~ .uploads-item-add:active {
    background-color: #9b3276;
}

.uploads-item-img ~ .uploads-item-remove {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    z-index: 3;
}

.uploads-item-img ~ .uploads-item-remove:before {
    content: "\e913";
}

.uploads-item-img ~ .uploads-item-remove:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.uploads-item-img ~ .uploads-item-remove:active {
    background-color: black;
}

.uploads-item-add {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.checkradio-group .form-checkbox,
.checkradio-group .form-radio {
    margin: 0 0 5px;
    padding-top: 5px;
}

.checkradio-group .form-checkbox:last-child,
.checkradio-group .form-radio:last-child {
    margin-bottom: 0;
}

.checkradio-group.inline {
    margin-bottom: -15px;
    margin-right: -10px;
}

.checkradio-group.inline .form-checkbox,
.checkradio-group.inline .form-radio {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    margin: 0 5px 15px 0;
}

.checkradio-group.inline .form-checkbox:last-child,
.checkradio-group.inline .form-radio:last-child {
    margin-bottom: 15px;
}

.label-popover {
    font-size: 21px;
    outline: none;
    cursor: pointer;
    margin-top: -2px;
    margin-bottom: -2px;
    display: inline-block;
    vertical-align: middle;
    color: #e6e6e6;
}

.label-popover:hover {
    color: #d9d9d9;
}

.popover {
    border: none;
}

.popover .arrow {
    display: none !important;
}

.popover-body {
    padding: 10px;
    border-radius: 8px;
    border-width: 0;
    -webkit-box-shadow: 0 8px 16px rgba(147, 47, 113, 0.2);
    box-shadow: 0 8px 16px rgba(147, 47, 113, 0.2);
    outline: none;
    line-height: 1.4;
    font-weight: 400;
}

.dropdown-menu {
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    border-radius: 16px;
    background-color: #ffffff;
    min-width: 160px;
    padding: 10px 0;
    margin: 0;
    border: none;
    font-size: 15px;
    font-weight: 400;
}

.dropdown-item {
    padding: 8px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #333333;
}
.dropdown-arrow {
    font-size: 14px;
    color: #888;
    margin-left: 10px;
    transition: transform 0.3s ease;
  }
  .name {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    flex-grow: 1;
  }


      .icon {
          width: 40px;
          height: 40px;
          margin-right: 10px;
          background-color: #fff;
          border: 1px solid #EDE9E9;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 18px;
      }
      .text {
          flex-grow: 1;
      }
      .percentage {
          width: 40px;
      }
  .icon-list {
  padding: 0;
}

.icon-list li {
  display: flex;
  align-items: center;
  margin: 10px 0;
}



.icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
    background-color: #fcf7fb;
    color: #b83b8c;
    outline: none;
}

.dropdown-item.active,
.dropdown-item.selected {
    background-color: #b83b8c;
    color: #fff;
}

.dropdown-item.active:hover,
.dropdown-item.selected:hover {
    background-color: #a5357d;
}

.dropdown-item i {
    width: 22px;
    color: #999999;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
    -o-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
    transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

.dropdown.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.item-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.item-actions-btn {
    width: 30px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #999999;
}

.item-actions-btn:before {
    content: "\e917";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.item-actions-btn:hover,
.item-actions-btn:focus {
    color: #b83b8c;
}

.item-actions.show .item-actions-btn {
    color: #b83b8c;
}

.item-actions.dropleft .dropdown-menu {
    margin-right: 5px;
}

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

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

.tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2px -4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.tags-list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
    margin: 0 2px 4px;
}

.tags-list-content {
    padding: 7px 16px;
    position: relative;
    white-space: nowrap;
    background-color: #fcf7fb;
    border-radius: 17px;
    max-width: 100%;
    padding-right: 25px;
    border: 1px solid #fcf7fb;
}

.tags-list-content .text {
    max-width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tags-list-remove {
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    font-size: 8px;
    color: #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tags-list-remove:before {
    content: "\e913";
}

.tags-list-remove:hover {
    color: #b83b8c;
}

.tags-list-add {
    border: 1px solid #f7ebf3;
    background-color: #ffffff;
    padding: 7px 16px;
    color: #999999;
    font-size: 16px;
    border-radius: 17px;
    display: block;
}

.tags-list-add:hover {
    color: #000000;
    background-color: #f7ebf3;
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-,
.datepicker--cell.-selected-.-focus- {
    background-color: #b83b8c;
}

.datepicker--cell.-in-range- {
    background-color: #fcf7fb;
}

body {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 100vh;
    padding-top: 73px;
}

.page-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.page-footer {
    margin-top: auto;
    background-color: #fff;
}

.page-header {
    border-bottom: 1px solid #f7ebf3;
    background-color: #fff;
    position: fixed;
    z-index: 1200;
    left: 0;
    top: 0;
    width: 100%;
}

.page-header > .container {
    height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-section {
    padding: 96px 0;
}
.about-office-section {
    padding: 36px 0;
}
.office-section {
    padding: 96px 0;
}

.page-section-main {
    padding-top: 40px;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.page-section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-section-title {
    margin: 0 0 10px;
    padding: 0 15px 0 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.page-section-right {
    margin-bottom: 10px;
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}

.header-logo {
    display: block;
    width: 112px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 45px;
}

.header-logo img {
    display: block;
    width: 100%;
}

.header-menu {
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.header-menu > li {
    margin: 2px 27px 2px 0;
    font-size: 18px;
}

.header-menu a {
    color: #000000;
    display: block;
    white-space: nowrap;
}

.header-menu a:hover {
    color: #b83b8c;
}

.header-menu li.active > a {
    color: #b83b8c;
}

.header-right {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.header-lang {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px;
    position: relative;
}

.header-lang-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 42px;
    height: 42px;
    background-color: #fcf7fb;
    border-radius: 50%;
    color: #000000;
}

.header-lang-link:hover,
.header-lang-link:focus {
    color: #000000;
}

.header-lang-link:hover {
    color: #b83b8c;
}

.header-lang-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 90px;
    -webkit-box-shadow: 0 15px 30px rgba(147, 47, 113, 0.2);
    box-shadow: 0 15px 30px rgba(147, 47, 113, 0.2);
    background-color: #fff;
    z-index: 5;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 -45px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
}

.header-lang-dropdown li {
    margin: 0;
    padding: 0;
}

.header-lang-dropdown a {
    display: block;
    padding: 11px 5px;
    color: #000000;
}

.header-lang-dropdown a:hover {
    background-color: #fcf7fb;
    color: #b83b8c;
}

.header-lang-dropdown li.active a {
    background-color: #fcf7fb;
    color: #000000;
}

.header-lang.open .header-lang-dropdown {
    opacity: 1;
    visibility: visible;
}

.header-lang.open .header-lang-link {
    color: #000000;
}

.header-right .btn {
    margin-left: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media (max-width: 992px) {
    .header-right .drop-language-box {
        display: none;
    }
}

.header-profile {
    position: relative;
    padding-right: 20px;
}

.header-profile-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.header-profile-link:after {
    content: "\e91a";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 9px;
    margin-top: -4px;
    color: #999999;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.header-profile-link:hover:after {
    color: gray;
}

.header-profile-dropdown {
    position: absolute;
    left: 50%;
    margin: 10px 0 0 -140px;
    background-color: #fff;
    z-index: 5;
    -webkit-box-shadow: 0 15px 30px rgba(147, 47, 113, 0.2);
    box-shadow: 0 15px 30px rgba(147, 47, 113, 0.2);
    width: 280px;
    border-radius: 8px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}

.header-profile.open .header-profile-dropdown {
    opacity: 1;
    visibility: visible;
}

.header-profile-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-profile-user .img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
}

.header-profile-user .name {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.header-profile-user .email {
    color: #444c55;
    font-size: 14px;
    font-weight: 300;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-profile-user .user-avatar .no-avatar {
    background-color: #b83b8c;
}

.header-profile-menu {
    overflow: auto;
    max-height: calc(100vh - 160px);
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
    border-top: 1px solid #fcf7fb;
    z-index: 50;
}

.header-profile-menu li {
    margin: 0;
    padding: 0;
}

.header-profile-menu a {
    padding: 10px 20px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-profile-menu a:hover {
    color: #b83b8c;
}

.header-profile-menu a i {
    color: #999999;
    width: 25px;
    font-size: 14px;
}

.header-profile-menu a .number {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #000000;
}

.header-profile-menu a .number.grey {
    color: #fff;
    background-color: #b83b8c;
    padding: 2px 7px;
    border-radius: 9px;
    font-size: 14px;
}

.header-profile-menu .logout {
    margin-top: 10px;
    line-height: 1;
}

.header-profile-menu .logout a {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #757575;
    background-color: #fcf7fb;
}

.header-profile-menu .logout a:hover {
    color: #b83b8c;
}

.footer-main {
    background-color: #fff;
    padding: 30px 0;
}

.footer-main-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-bottom {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    background-color: #000000;
    padding: 18px 0 20px;
}

.footer-links {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-links-col {
    margin-left: auto;
}

.footer-links li {
    padding: 0;
    margin: 0 5px;
}

.footer-links a {
    color: #ffffff;
}

.footer-links a:hover {
    color: #dd95c4;
}

.footer-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -50px;
    margin-bottom: -15px;
}

.footer-contacts-item {
    margin: 0 50px 15px 0;
}

.footer-contacts-label {
    color: #999999;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 3px;
}

.footer-contacts-data {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
}

.footer-contacts-data a {
    color: #000000;
}

.footer-contacts-data a:hover {
    color: #b83b8c;
}

.footer-partners {
    list-style: none;
    margin: 0 -10px -20px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-partners li {
    margin: 0 10px 20px;
    padding: 0;
}

.footer-partners li span {
    display: block;
}

.footer-partners li img {
    display: block;
    max-height: 36px;
    max-width: 114px;
}

.footer-comlinks {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.breadcrumbs {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 300;
    color: #999999;
}

.breadcrumbs-wrapper > .container {
    padding-top: 4px;
    padding-bottom: 5px;
    min-height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs li {
    display: inline;
    margin: 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
}

.breadcrumbs li:after {
    content: "|";
    padding: 0 0.4em 0 0.6em;
    vertical-align: baseline;
    position: relative;
    display: inline-block;
    color: #cccccc;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs a {
    color: #999999;
}

.breadcrumbs a:hover {
    color: #b83b8c;
}

.user-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.user-avatar > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    min-width: 0;
    min-height: 0;
    border-radius: 50%;
}

.user-avatar .no-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #000000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.scroll-top-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #b83b8c;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.scroll-top-btn:hover,
.scroll-top-btn:focus {
    color: #a5357d;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.scroll-top-btn:active {
    color: #9b3276;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.scroll-top-btn.show {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-btn,
.mobile-menu,
.mobile-menu-backdrop {
    display: none;
}

.cookies-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1301;
    background-color: #fff;
    border-top: 1px solid #f7ebf3;
}

.cookies-notification .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 500;
    padding-right: 10px;
}

.cookies-notification .btn-primary {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.cookies-notification .close {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #999999;
    background-color: #fcf7fb;
    font-size: 12px;
    border-radius: 50%;
    margin-left: 20px;
}

.cookies-notification .close:hover {
    color: #b83b8c;
}

.news-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.news-item-img {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 140px;
}

.news-item-img img {
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-item-img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    background-color: #b83b8c;
}

.news-item-img:hover:after {
    opacity: 0.1;
}

.news-item-desc {
    padding: 14px 0;
}

.news-item-date {
    color: #999999;
    font-size: 12px;
    margin-bottom: 8px;
}

.news-item-date:before {
    content: "\e908";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
}

.news-item-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    margin: 0 0 6px;
    padding: 0;
}

.news-item-title a {
    color: #000000;
}

.news-item-title a:hover {
    color: #b83b8c;
}

.news-item-intro {
    color: #444c55;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.29;
}

.news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.news-list .news-item {
    margin: 0 15px 30px;
    width: calc(25% - 30px);
}

.news-list .news-item-title {
    min-height: 43px;
}

.news-list-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.news-list-home .news-item {
    margin: 0 15px 30px;
    width: calc(33.333333333333333333% - 30px);
}

.news-list-similar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -15px;
}

.news-list-similar .news-item {
    margin: 0 15px 15px;
    width: calc(100% - 30px);
}

.news-one-date {
    font-size: 14px;
    margin: -18px 0 25px;
}

.news-one-img {
    display: block;
    width: 100%;
    margin: 0 0 25px;
    border-radius: 4px;
}

.white-bg {
    background-color: #fff;
}

.transparent-bg {
    background-color: transparent;
}

.sidebar-title {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 0;
}

.advantages-section .page-section-title {
    max-width: 600px;
}

.advantages-row {
    margin-bottom: -30px;
}

.advantages-col {
    margin-bottom: 30px;
    padding-top: 10px;
}

.advantages-col .img {
    width: 60px;
    height: 60px;
    background-color: #b83b8c;
    font-size: 22px;
    border-radius: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 0 18px;
}

.advantages-col .title {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 6px;
}

.advantages-col .desc {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.47;
}

.home-top {
    background: #b83b8c url("../images/home-top-bg.svg") no-repeat bottom/100%
        auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
}

.home-top > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: 1;
    min-height: 340px;
}

.home-top-img {
    position: absolute;
    left: calc(50% + 113px);
    width: 467px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-top-content {
    max-width: calc(50% + 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.home-top-title {
    color: #ffffff;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.13;
    margin: 0 0 16px;
}

.home-top-text {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 35px;
    max-width: 450px;
}

.home-top-btn {
    margin: 0 0 30px;
}

.home-top-advantages {
    margin: auto 0 0;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
}

.home-top-advantages li {
    margin: 16px 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-top-advantages li:before {
    content: "\e900";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-color: #932f71;
    border-radius: 50%;
    margin-right: 8px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 12px;
}

.infoblock-section {
    padding: 30px 0;
    background-color: #fff;
}

.infoblock-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.infoblock-list .infoblock-item {
    display: block;
    margin: 0 15px 30px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 370px;
    max-width: calc(33.33333333333333% - 30px);
    min-width: 0;
}

.infoblock-list .infoblock-item img,
.infoblock-list .infoblock-item iframe,
.infoblock-list .infoblock-item video {
    display: block;
    width: 100%;
    height: 255px;
}

.infoblock-list .infoblock-item img {
    -o-object-fit: cover;
    object-fit: cover;
}

.slider-navigation {
    margin: 0 -5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.slider-navigation-btn {
    margin: 0 5px;
    outline: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 14px;
    color: #999999;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.slider-navigation-btn:hover {
    background-color: #b83b8c;
    color: #fff;
}

.slider-navigation-btn:active {
    background-color: #a5357d;
}

.slider-navigation-btn.prev:before {
    content: "\e907";
    padding-right: 2px;
}

.slider-navigation-btn.next:before {
    content: "\e906";
    padding-left: 2px;
}

.reviews-section .page-section-title {
    max-width: 535px;
}

.reviews-carousel {
    padding: 60px 60px 90px;
}

.reviews-carousel-wrapper {
    margin: -60px -60px -90px;
}

.reviews-carousel .swiper-slide {
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.reviews-carousel .swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.reviews-item {
    padding: 30px;
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    background-color: #ffffff;
}

.reviews-item .name {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 5px;
}

.reviews-item .pos {
    color: #999999;
    font-size: 12px;
    font-weight: 300;
}

.reviews-item .item-header {
    margin-bottom: 16px;
}

.reviews-item .text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.partners-section .page-section-title {
    max-width: 590px;
}

.partners-carousel {
    padding: 60px 60px 90px;
}

.partners-carousel-wrapper {
    margin: -60px -60px -90px;
}

.partners-carousel .swiper-slide {
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}

.partners-carousel .swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.partners-carousel-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 140px;
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    background-color: #ffffff;
    border-radius: 16px;
}

.partners-carousel-item img {
    min-width: 0;
    min-height: 0;
    max-width: 70%;
    max-height: 70%;
    -o-object-fit: contain;
    object-fit: contain;
}

.partners-carousel-item:hover {
    -webkit-box-shadow: 0 10px 30px rgba(147, 47, 113, 0.1);
    box-shadow: 0 10px 30px rgba(147, 47, 113, 0.1);
}

.partners-item {
    padding: 20px;
    border: 1px solid #f7ebf3;
    background-color: #ffffff;
    border-radius: 16px;
}

.partners-item .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 120px;
    width: 140px;
    max-width: 100%;
    margin: 0 auto 28px;
}

.partners-item .img img {
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.partners-item .title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 8px;
    padding: 0;
}

.partners-item .title a {
    color: #000000;
}

.partners-item .title a:hover {
    color: #b83b8c;
}

.partners-item .desc {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.47;
}

.partners-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
    padding: 0;
}

.partners-list .partners-item {
    margin: 0 15px 30px;
    width: calc(25% - 30px);
}

.partners-one-img {
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.partners-one-img img {
    width: 60%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    min-width: 0;
    min-height: 0;
}

.section-with-right.show-arrows .slider-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page404-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page404-img {
    width: 100%;
    display: block;
}

.page404-content .number {
    font-size: 72px;
    font-weight: 400;
    line-height: 0.67;
    margin: 0 0 35px;
    padding: 0;
}

.page404-content .title {
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 10px;
}

.page404-content .text {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.47;
}

.page404-btn {
    margin-top: 30px;
}

.contacts-group {
    margin: 0 0 18px;
}

.contacts-group-title {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.47;
    margin: 0 0 7px;
    padding: 3px 0 0;
}
.permission-items {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.47;
    margin: 0 0 7px;
    padding: 3px 0 0;
}
.odd-row {
    background-color: #fcf7fb;
}

.contacts-item {
    margin: 0 0 5px;
    font-size: 18px;
}

.contacts-item a {
    color: #000000;
}

.contacts-item a:hover {
    color: #b83b8c;
}

.contacts-label {
    color: #444c55;
    font-weight: 400;
}

.contacts-data {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.contacts-form-wrapper {
    max-width: 470px;
    margin-left: auto;
}

.contacts-form-title {
    font-size: 24px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 18px;
}

.auth-container {
    max-width: 570px;
    margin: 0 auto;
}

.auth-container .page-section-title {
    text-align: center;
    margin-bottom: 18px;
}

.status-page-container {
    text-align: center;
    margin: 0 auto;
    max-width: 650px;
}

.status-page-container .page-section-title {
    margin-bottom: 20px;
}

.status-page-container .img {
    margin-bottom: 20px;
}

.status-page-container .img i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 120px;
    height: 120px;
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    background-color: #ffffff;
    font-size: 46px;
    color: #b83b8c;
    border-radius: 50%;
}

.status-page-container .img .img {
    display: inline-block;
    vertical-align: top;
    max-width: 160px;
}

.status-page-container .text {
    color: #444c55;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.38;
    text-align: center;
    max-width: 430px;
    padding: 10px 0 0;
    margin: 0 auto -10px;
}

.status-page-container .form-buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.white-article {
    padding: 40px;
    border-radius: 16px;
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    background-color: #ffffff;
}

.about-top {
    position: relative;
    padding: 40px 0;

    background: #fcfcfc;
    padding-left: 25px;
}

.about-top .white-article {
    max-width: calc(50% + 30px);
    position: relative;
    z-index: 1;
}

.about-top-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    width: calc(50% + 80px);
    border-radius: 8px;

    top: 70px;
    width: calc(30% + 80px);
}

.services-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.services-list .services-item {
    width: calc(33.3333333333333% - 30px);
    margin: 0 15px 30px;
}

.services-list .services-item:hover {
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    border-radius: 16px;
    border: 1px solid #fcf7fb;
    background-color: #ffffff;
    z-index: 1;
}

.services-item {
    position: relative;
    min-height: 220px;
    border-radius: 16px;
    border: 1px solid #f7ebf3;
    background-color: #ffffff;
    padding: 30px;
    overflow: hidden;
    -webkit-transition: background-color 0.2s ease-out,
        border-color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out,
        -webkit-box-shadow 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out, border-color 0.2s ease-out,
        box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out,
        box-shadow 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out,
        box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}

.services-item:before {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 91px;
    height: 167px;
    background: url("../images/card-bg.svg") no-repeat right top/contain;
}

.services-item > * {
    position: relative;
    z-index: 1;
}

.services-item > .services-item-link {
    z-index: 2;
}

.services-item-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.services-item-price {
    font-size: 21px;
    margin-bottom: 10px;
    min-height: 45px;
    line-height: 1.1;
}

.services-item-price .new {
    color: #b83b8c;
    font-weight: 500;
    white-space: nowrap;
}

.services-item-price .curr {
    font-size: 0.66em;
}

.services-item-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.08;
    margin: 0 0 7px;
    min-height: 52px;
}

.services-item-desc {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.47;
}

.services-one-article {
    margin-top: -5px;
}

.services-one-sidebar-block {
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    border: 1px solid #fcf7fb;
    background-color: #ffffff;
    z-index: 1;
}

.services-one-sidebar-block .services-item-title {
    min-height: auto;
}

.services-one-sidebar-block.fixed {
    position: fixed;
    width: 370px;
}

.services-one-sidebar-block.bottom {
    top: auto !important;
    bottom: 0;
    position: absolute;
}

.services-one-sidebar-btn {
    margin-top: 30px;
}

.faq-item {
    padding: 20px;
    position: relative;
    border: 1px solid #ffd8eb;
    border-radius: 12px;
    margin-bottom: 20px;

}

.faq-item .faq-arrow{
    right: 20px !important;
}

.faq-item.open .faq-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-title {
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    display: inline-block;
    max-width: calc(100% - 55px);
    padding: 10px 0;
}

.faq-title:focus {
    color: #000000;
}

.faq-title:hover {
    color: #b83b8c;
}

.faq-arrow {
    position: absolute;
    right: 7px;
    top: 26px;
    width: 16px;
    height: 40px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    color: #c54697;
    padding-top: 1px;
    -webkit-transition: border-color 0.15s ease-in-out,
        background-color 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out,
        background-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,
        background-color 0.15s ease-in-out;
}

.faq-arrow:hover {
    /*background-color: #f7ebf3;
    color: #000000;*/
}

.faq-arrow:active {
    /*background-color: #f0d9e8;
    border-color: #f0d9e8;
    color: #000000;*/
}

.faq-body {
    color: #444c55;
    font-size: 18px;
    line-height: 26px;
    display: none;
    padding: 10px 0 5px;
}

.desc-text {
    margin: 0 0 25px;
    font-size: 18px;
    font-weight: 400;
    color: #444c55;
}

.desc-text strong,
.desc-text b {
    font-weight: 700;
}

.desc-text ul {
    font-weight: 700;
}

.price-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.price-list .price-item {
    margin: 0 15px 30px;
    width: calc(33.333333333333% - 30px);
}

.profile-menu li.menu-indent a {
    padding-left: 50px;
}

.price-item {
    border: 1px solid #f7ebf3;
    background-color: #ffffff;
    border-radius: 16px;
    -webkit-transition: border-color 0.2s ease-out,
        -webkit-box-shadow 0.2s ease-out;
    transition: border-color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
    -o-transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
    transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
    transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out,
        -webkit-box-shadow 0.2s ease-out;
    position: relative;
}

.price-item:hover {
    -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
    border: 1px solid #fcf7fb;
    background-color: #ffffff;
    z-index: 1;
}

.price-item:hover .price-header {
    background-color: #b83b8c;
    color: #fff;
}

.price-item:hover .price-btn .btn-outline-primary {
    background-color: #b83b8c;
    color: #fff;
}

.price-item:hover .price-btn .btn-outline-primary:hover {
    background-color: #a5357d;
    border-color: #a5357d;
}

.price-item:hover .price-btn .btn-outline-primary:active {
    background-color: #9b3276;
    border-color: #9b3276;
}

.price-header {
    padding: 10px;
    height: 70px;
    background-color: #f7ebf3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #b83b8c;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.08;
    margin: -1px -1px 0;
    border-radius: 16px 16px 0 0;
    -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
    -o-transition: color 0.2s ease-out, background-color 0.2s ease-out;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

.price-body {
    padding: 30px;
}

.price-body .box-card-select .select2-custom-field {
    width: 150px;
    flex-shrink: 0;
}
.price-body .box-card-select .name {
    width: 100%;
    padding-right: 10px;
}
.price-body .box-card-select .box-ico {
    width: 35px;
    height: 30px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.price-body .box-card-select {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.price-body .price-types .one-line .name {
    font-weight: 300;
}
.price-body .price-types .one-line .box-ico {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 12px;
    display: flex;
    align-items: center;
    background-color: #ffebf4;
    color: #620046;
    justify-content: center;
}
.price-body .price-types .one-line:last-child {
    margin-bottom: 0;
}
.price-body .price-types .one-line {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.price-body .price-types {
}

.price-income {
    padding: 5px 0;
    min-height: 80px;
    color: #444c55;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}

.price-income strong {
    color: #000000;
    font-weight: 500;
}

.price-income .curr {
    font-size: 15px;
    font-weight: 400;
}

.price-divider {
    margin: 30px 0;
    height: 1px;
    width: 100%;
    background-color: #f1d8e8;
}

.price-plan {
    color: #b83b8c;
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.price-plan small {
    font-size: 0.5em;
}

.price-btn {
    text-align: center;
    margin: 30px 0 0;
}

.price-btn .btn {
    width: 235px;
    max-width: 100%;
}

.price-desc {
    margin-top: 30px;
    text-align: center;
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.33;
}

.profile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.profile-menu-wrapper {
    max-width: 240px;
    margin: 0 0 30px;
}

.profile-menu li {
    margin: 0;
    padding: 0;
}

.profile-menu li.active a {
    background-color: #b83b8c;
    color: #fff;
}

.profile-menu li.active a i {
    color: #fff;
}

.profile-menu li.active a .number {
    color: #fff;
    opacity: 0.8;
}

.profile-menu a {
    padding: 12px 16px;
    border-radius: 8px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile-menu a:hover {
    color: #b83b8c;
}

.profile-menu a i {
    color: #999999;
    width: 25px;
    font-size: 14px;
}

.profile-menu a .number {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #000000;
}

.profile-menu a .number.grey,
.profile-menu .active a .number.grey {
    min-width: 24px;
    background: #ffaedb;
    text-align: center;
    padding: 0 8px;
    flex-shrink: 0;
    border-radius: 50%;
    color: #620046;
    font-size: 14px;
}
.number.primary {
    color: #fff;
    background-color: #b83b8c;
    padding: 2px 7px;
    border-radius: 12px;
    font-size: 14px;
}

.profile-menu-mobile-btn {
    display: none;
}

.profile-form {
    max-width: 500px;
    margin: 0 auto;
}

.profile-form .form-label {
    color: #999999;
}

.profile-form .form-control {
    font-size: 18px;
    font-weight: 500;
}

.profile-form .link-value-group .form-control {
    font-weight: 400;
    color: #b83b8c;
}

.profile-small-container {
    max-width: 490px;
}

.profile-back {
    color: #444c55;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 35px;
}

.profile-back:before {
    content: "\e907";
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.7em;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -1px;
    color: #999999;
}

.profile-title {
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 30px;
    padding: 0;
}

.profile-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px 10px;
}

.profile-lang-item,
.profile-notification-lang-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px 10px;
    width: 80px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #f7ebf3;
    background-color: #ffffff;
    -webkit-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.profile-lang-item:hover,
.profile-lang-item.active,
.profile-notification-lang-item:hover,
.profile-notification-lang-item.active {
    background-color: #f7ebf3;
    color: #932f71;
}

.avatar-upload {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

.avatar-upload-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.avatar-upload-img img {
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.avatar-upload-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 44px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 5px;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.avatar-upload-btn:hover,
.avatar-upload-btn:focus {
    background-color: black;
    color: #fff;
}

.checkbank-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    width: 88px;
    height: 68px;
    border-radius: 3px;
}

.checkbank-logo img {
    min-width: 0;
    min-height: 0;
    width: 70%;
    height: 70%;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat-body {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
}

.chat-messages {
    padding: 10px 5px 20px 0;
    overflow: auto;
    min-height: 0;
    height: 100%;
}

.chat-messages::-webkit-scrollbar {
    background-color: #fcf7fb;
    width: 5px;
    position: relative;
    top: 3px;
}

.chat-messages::-webkit-scrollbar-thumb {
    background-color: #a0a0a0;
}

.chat-item {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chat-item.info + .chat-item {
    margin-top: 0;
}

.chat-item-content {
    min-width: 60%;
    max-width: calc(100% - 300px);
}

.chat-item-container {
    padding: 12px 16px;
    border: 1px solid #ebe9e9;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.chat-item.my .chat-item-container {
    border: 1px solid #ffebf4;
    background: #ffebf4;
}

.chat-item-avatar {
    width: 40px;
    height: 40px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}

.chat-item-text {
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.4;
}

.chat-item-text:last-child {
    margin-bottom: 0;
}

.chat-item-date {
    color: #978e91;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 5px;
    width: 100%;
}

.chat-item:not(.my) + .chat-item.my {
    margin-top: 20px;
}

.chat-item.my {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.chat-item.my + .chat-item:not(.my) {
    margin-top: 20px;
}

.chat-footer {
    margin-top: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.chat-send .btn-send-message:focus {
    outline: none;
}
.chat-send .btn-send-message {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #978e91;
    border: 0;
    background-color: transparent;
}

.chat-send .btn-send-message:hover {
    cursor: pointer;
    color: #7e2860;
}

.chat-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.chat-send .form-control {
    border: 1px solid #ebe9e9;
    border-radius: 8px;
    background-color: #ffffff;
    height: 56px;
    padding: 0 52px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 18px;
}

.chat-send .form-control:focus,
.chat-send .form-control:hover {
    border-color: #c7c6c6;
}

.chat-send .btn {
    border-radius: 0 6px 6px 0;
    height: 60px;
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 18px;
    font-weight: 400;
}

.chat-site-body .page-section-main {
    padding-bottom: 15px;
}

.chat-wrapper {
    height: calc(100vh - 175px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 300px;
}

.traders-view-label {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 3px;
}

.traders-view-data {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    word-break: break-all;
}

.traders-view .styled-article {
    font-weight: 400;
}

.traders-list {
    margin: 0 0 -5px;
}

.traders-item,
.contracts-item {
    margin: 0 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #ebe9e9;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.traders-item-col {
    padding: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.traders-item-col.actions-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.traders-item-col a {
    word-break: break-all;
}

.traders-item .right-part .item-actions-btn {
    color: #978e91;
}
.traders-item .right-part {
    margin-left: 18px;
    flex-shrink: 0;
}
.traders-item .left-part {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.traders-item .title {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
}

.traders-item .title a {
    color: #000000;
    word-break: initial;
}

.traders-item .title a:hover {
    color: #b83b8c;
}

.traders-item-type a {
    color: #db9dc6;
    display: inline-block;
    margin-left: 8px;
    text-align: left;
}

.traders-item-type a:hover {
    color: #b83b8c;
}

.traders-item-remove {
    width: 20px;
    height: 20px;
    color: #b83b8c;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    right: 12px;
    top: 18px;
    z-index: 1;
}

.traders-item-remove ~ .traders-item-col:last-child {
    padding-right: 25px;
}

.traders-item .right-block,
.contracts-item .right-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    color: #444c55;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.traders-item .right-block strong {
    font-weight: 400;
    color: #000000;
}

.traders-item .right-block .text {
    margin-right: 16px;
    padding: 5px 0;
}
.contracts-item-col {
    padding: 5px;
}
.contracts-item .number {
    color: #000000;
    font-weight: 500;
    font-size: 18px;
}
.contracts-item .date {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
}
.contracts-item .status {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
}
.cn-badge {
    display: inline-block;
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px;
    font-size: 0;
    vertical-align: middle;
    text-align: center;
    background: #f1d8e8;
    color: #111111;
    border-radius: 50%;
    justify-content: center;
    -webkit-box-align: center;
    margin-bottom: 3px;
}
.cn-badge-success {
    background: #b83b8c !important;
}
.contracts-buttons {
    min-width: 215px;
}
.traders-receipts .traders-item-col,
.contracts-item .contracts-item-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 24%;
}

.traders-receipts .traders-item-col:first-of-type,
.contracts-item .contracts-item-col:first-of-type {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.traders-settings {
    margin-bottom: 10px;
}

.traders-settings-item {
    border: 1px solid #f7ebf3;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0 0 10px;
}

.traders-settings-item .item-header {
    margin: -1px -1px;
    padding: 15px 20px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    background-color: #b83b8c;
    border-radius: 8px 8px 0 0;
}

.traders-settings-item .item-body {
    padding: 20px 24px 8px;
}

.traders-settings-item .profile-lang {
    margin: 0 -2px -4px;
}

.traders-settings-item .profile-lang-item {
    margin: 0 2px 4px;
    width: 50px;
    height: 34px;
    border-radius: 17px;
    font-size: 16px;
}

.traders-group-label {
    color: #999999;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 6px;
}

.asan-logo {
    text-align: center;
    margin-bottom: 20px;
}
.asan-logo img {
    height: 55px;
}

.white-block-icon {
    padding: 40px;
    -webkit-box-shadow: 0 30px 60px rgb(147 47 113 / 10%);
    box-shadow: 0 30px 60px rgb(147 47 113 / 10%);
    border-radius: 16px;
    background-color: #ffffff;
    width: 120px;
    height: 120px;
    border-radius: 60px;
}

.asan-message {
    color: #444c55;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    text-align: center;
    font-style: normal;
    letter-spacing: normal;
}

.asan-page .btn-outline-primary {
    border: 2px solid #f7ebf3;
    color: #b83b8c;
}
.asan-page .btn-outline-primary:hover {
    border: 2px solid #f7ebf3;
    color: #b83b8c;
}

.filter-row {
    margin-left: -8px;
    margin-right: -8px;
}

.filter-row .col,
.filter-row .col-1,
.filter-row .col-10,
.filter-row .col-11,
.filter-row .col-12,
.filter-row .col-2,
.filter-row .col-3,
.filter-row .col-4,
.filter-row .col-5,
.filter-row .col-6,
.filter-row .col-7,
.filter-row .col-8,
.filter-row .col-9,
.filter-row .col-auto,
.filter-row .col-lg,
.filter-row .col-lg-1,
.filter-row .col-lg-10,
.filter-row .col-lg-11,
.filter-row .col-lg-12,
.filter-row .col-lg-2,
.filter-row .col-lg-3,
.filter-row .col-lg-4,
.filter-row .col-lg-5,
.filter-row .col-lg-6,
.filter-row .col-lg-7,
.filter-row .col-lg-8,
.filter-row .col-lg-9,
.filter-row .col-lg-auto,
.filter-row .col-md,
.filter-row .col-md-1,
.filter-row .col-md-10,
.filter-row .col-md-11,
.filter-row .col-md-12,
.filter-row .col-md-2,
.filter-row .col-md-3,
.filter-row .col-md-4,
.filter-row .col-md-5,
.filter-row .col-md-6,
.filter-row .col-md-7,
.filter-row .col-md-8,
.filter-row .col-md-9,
.filter-row .col-md-auto,
.filter-row .col-sm,
.filter-row .col-sm-1,
.filter-row .col-sm-10,
.filter-row .col-sm-11,
.filter-row .col-sm-12,
.filter-row .col-sm-2,
.filter-row .col-sm-3,
.filter-row .col-sm-4,
.filter-row .col-sm-5,
.filter-row .col-sm-6,
.filter-row .col-sm-7,
.filter-row .col-sm-8,
.filter-row .col-sm-9,
.filter-row .col-sm-auto,
.filter-row .col-xl,
.filter-row .col-xl-1,
.filter-row .col-xl-10,
.filter-row .col-xl-11,
.filter-row .col-xl-12,
.filter-row .col-xl-2,
.filter-row .col-xl-3,
.filter-row .col-xl-4,
.filter-row .col-xl-5,
.filter-row .col-xl-6,
.filter-row .col-xl-7,
.filter-row .col-xl-8,
.filter-row .col-xl-9,
.filter-row .col-xl-auto {
    padding-left: 8px;
    padding-right: 8px;
}

.filter-row .form-group {
    margin-bottom: 20px;
}

.filter-row
    select.form-control
    + .select2-container--default
    .select2-selection {
    border-width: 2px;
}

.filter-row
    select.form-control
    + .select2-container--default
    .select2-selection__arrow {
    height: 42px;
    width: 40px;
}

.filter-row
    select.form-control
    + .select2-container--default
    .select2-selection__rendered {
    line-height: 42px;
}

.filter-row .form-control {
    border-width: 2px;
}

.tablelist {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

.tablelist-item {
    padding: 5px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tablelist-item .left,
.tablelist-item .right {
    padding: 5px;
}

.tablelist-item .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.tablelist-body .tablelist-item:nth-child(odd) {
    background-color: #fcf7fb;
}

.tablelist-header {
    color: #444c55;
    font-weight: 300;
}

.subscribtion-interval-title {
    color: #444c55;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 10px;
}

.subscribtion-interval-item {
    margin: 0;
    font-weight: 400;
    padding: 0;
    display: block;
    position: relative;
}

.subscribtion-interval-item input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.subscribtion-interval-item .text {
    min-width: 100px;
    padding: 10px;
    height: 75px;
    border-radius: 6px;
    border: 1px solid #f7ebf3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: background-color 0.15s ease-in-out,
        color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
}

.subscribtion-interval-item .text:hover {
    color: #b83b8c;
}

.subscribtion-interval-item input:checked ~ .text {
    background-color: #f7ebf3;
    color: #932f71;
}

.subscribtion-interval-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
}

.subscribtion-interval-list .subscribtion-interval-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px 10px;
}

.subscribtion-interval-sum {
    color: #000000;
    font-size: 18px;
    white-space: nowrap;
    margin: 30px 0 0;
}

.subscribtion-interval-sum .sum {
    font-size: 1.33em;
    color: #b83b8c;
    font-weight: 500;
}

.subscribtion-interval-sum .sum .curr {
    font-size: 0.58em;
    font-weight: 400;
}

.cards-list {
    margin-bottom: -5px;
}

.cards-item {
    margin: 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 60px 15px 18px;
    border-radius: 6px;
    border: 1px solid #f7ebf3;
    background-color: #ffffff;
    position: relative;
}

.cards-item .img {
    width: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
}

.cards-item .title {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 20px;
}

.cards-item .date {
    color: #999999;
    font-size: 16px;
    font-weight: 500;
}

.cards-item .status {
    margin-left: auto;
    color: #b83b8c;
    font-size: 15px;
    font-weight: 300;
}

.cards-item-remove {
    position: absolute;
    right: 10px;
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #999999;
    background-color: rgba(252, 247, 251, 0.2);
    font-size: 14px;
}

.cards-item-remove:hover {
    color: #b83b8c;
}

.calendar-input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - 51px);
}

.calendar-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.calendar-input-btn {
    border: 2px solid #e6e6e6;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    height: 46px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 46px;
    border-radius: 3px;
    color: #db9dc6;
}

.calendar-input-btn:hover,
.calendar-input-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #cdcdcd;
    color: #b83b8c;
}

.input-clear {
    position: absolute;
    top: 0;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    width: 16px;
    right: 13px;
    opacity: 0;
    visibility: hidden;
}

.input-clear ~ .form-control {
    padding-right: 30px;
}

body.iphone-cursor {
    cursor: pointer;
}

body.iphone-cursor * {
    cursor: pointer;
}

/* Header menu */
.header-menu li {
    position: relative;
}

.header-menu > li > ul {
    left: 50%;
    margin-left: -90px;
    margin-top: 5px;
}

.header-menu ul {
    position: absolute;
    list-style: none;
    border-radius: 4px;
    background: #ffffff;
    -webkit-box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    z-index: 50;
    width: 180px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #f0f0f0;
}

.header-menu > li > ul:before {
    content: "";
    position: absolute;
    top: -5px;
    width: 100%;
    left: 0;
    height: 5px;
}

.header-menu ul > li a {
    display: block;
    padding: 12px;
    white-space: normal;
}

.header-menu > li > ul ul {
    top: 0;
    left: 100%;
    margin-left: 5px;
}

.header-menu > li > ul ul:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: -5px;
    width: 5px;
}
.header-menu > li > ul ul {
    top: 0;
    left: 0;
    margin-left: 0;
    border-top: 1px solid #f0f0f0;
}
.mobile-submenu-toggle {
    display: none;
}

/* Alerts */

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #000000;
    background-color: #f7ebf3;
    border-color: #f7ebf3;
}

.alert-primary hr {
    border-top-color: #a8cfc9;
}

.alert-primary .alert-link {
    color: #000908;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success,
.alert-info,
.alert-warning,
.alert-danger,
.alert-light {
    margin-bottom: 8px;
    padding: 15px 24px;
    border-radius: 8px;
}
.alert-success:last-child,
.alert-info:last-child,
.alert-warning:last-child,
.alert-danger:last-child,
.alert-light:last-child {
    margin-bottom: 0;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #5b1122;
    background-color: #efd3d9;
    border-color: #e9c1ca;
}

.alert-danger hr {
    border-top-color: #e2aeba;
}

.alert-danger .alert-link {
    color: #300912;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

.alert-primary-second {
    color: #11224d;
    background-color: #d3d9ea;
    border-color: #c1cae1;
}

.alert-primary-second hr {
    border-top-color: #b0bbd9;
}

.alert-primary-second .alert-link {
    color: #081023;
}
.alert-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.25rem 0 0;
    font-size: 17px;
}
.alert-primary .alert-icon i {
    color: #b83b8c;
}
.alert-text {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.widget-form-header {
    padding: 12px 20px 15px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
}
.widget-form-header.active {
    background-color: #b83b8c;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/* Cards */
.credit-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.credit-card-list .credit-card-item {
    width: calc(33.333333333333333% - 16px);
    margin: 0 8px 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.credit-card-item {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    overflow: hidden;
    position: relative;
    padding: 48px 20px 20px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.credit-card-radio {
    position: absolute;
    left: 20px;
    top: 20px;
}
.credit-card-radio input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}
.credit-card-radio .text {
    cursor: pointer;
    color: #7c7c7c;
    padding-left: 26px;
    display: inline-block;
    position: relative;
    -webkit-transition: color 0.15s ease-in;
    -moz-transition: color 0.15s ease-in;
    -ms-transition: color 0.15s ease-in;
    -o-transition: color 0.15s ease-in;
    transition: color 0.15s ease-in;
}
.credit-card-radio .text:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #7c7c7c;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-transition: border-color 0.15s ease-in;
    -moz-transition: border-color 0.15s ease-in;
    -ms-transition: border-color 0.15s ease-in;
    -o-transition: border-color 0.15s ease-in;
    transition: border-color 0.15s ease-in;
}
.credit-card-radio .text:after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #b83b8c;
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: 50%;
    -webkit-transition: opacity 0.15s ease-in;
    -moz-transition: opacity 0.15s ease-in;
    -ms-transition: opacity 0.15s ease-in;
    -o-transition: opacity 0.15s ease-in;
    transition: opacity 0.15s ease-in;
    opacity: 0;
}

.credit-card-radio .text .text-2 {
    display: none;
}

.credit-card-radio:hover .text {
    color: #007463;
}

.credit-card-radio input:checked ~ .text {
    font-weight: 700;
    color: #b83b8c;
}

.credit-card-radio input:checked ~ .text .text-1 {
    display: none;
}
.credit-card-radio input:checked ~ .text .text-2 {
    display: inline;
}

.credit-card-radio input:checked ~ .text:before {
    border-color: #b83b8c;
}
.credit-card-radio input:checked ~ .text:after {
    opacity: 1;
}

.credit-card-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.credit-card-number {
    font-size: 20px;
    color: #214295;
    margin-top: auto;
}

.credit-card-remove {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 1;
    font-size: 20px;
    color: #af2142;
}
.credit-card-remove:hover {
    color: #c4254a;
}

.site-message-box {
    padding-top: 45px;
    padding-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.site-message-box .title {
    font-size: 24px;
    font-weight: 700;
}
.site-message-box .text {
    /*color: #8d8d8d;*/
    font-size: 16px;
    font-weight: 400;
    margin-top: 13px;
}

.page-section-filter {
    width: 500px;
}

.search-form {
    position: relative;
}

.search-form-input {
    padding-right: 40px;
}

.search-form-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 44px;
    border-radius: 0;
    padding: 0;
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #b83b8c;
}

.search-form-btn:before {
    content: "\e928";
}

.celebrity-list {
    margin-bottom: -30px;
}

.celebrity-list .news-item {
    margin-bottom: 30px;
}

.celebrity-list .news-item-img {
    height: 200px;
    /*background-color: #f7ebf3;*/
    border-radius: 4px;
}

.celebrity-list .news-item-img img {
    border-radius: 4px;
}

.line-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    margin-top: 15px;
}

.line-share-text {
    margin-right: 10px;
    color: #999;
}

.line-share-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.line-share-list li {
    margin: 0 5px 0 0;
    padding: 0;
}

.line-share-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    border: 2px solid #fcf7fb;
}

.line-share-list a:hover {
    background-color: #fcf7fb;
}

.celebrity-page-similar {
    margin-top: 60px;
}

.celebrity-list-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.celebrity-list-small .row {
    margin-bottom: -30px;
}

.celebrity-list-small .item {
    margin-bottom: 30px;
}

.celebrity-list-small .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*background-color: #f7ebf3;*/
    border-radius: 4px;
    width: 100%;
    height: 170px;
}

.celebrity-list-small .img img {
    min-width: 0;
    min-height: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.celebrity-list-small .desc {
    padding-top: 8px;
}
.celebrity-list-small .desc .title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.celebrity-list-small .desc .title a {
    color: #000;
}
.celebrity-list-small .desc .title a:hover {
    color: #b83b8c;
}

.celebrity-page-avatar {
    width: 100%;
    height: 370px;
    background-color: #f7ebf3;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.celebrity-page-avatar img {
    min-width: 0;
    min-height: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
}

.celebrity-page-header {
    /*margin-bottom: 30px;*/
}

.celebrity-sidebar-section {
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #f7ebf3;
    margin: 0 0 10px;
}

.auth-info {
    color: #999;
}

.celebrity-page-header .page-section-title {
    font-size: 30px;
}

.f32 {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    display: inline-block;
    vertical-align: middle;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    margin-right: -3px;
    position: relative;
    top: -1px;
}

.celebrity-sub-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

.celebrity-sub-counter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 18px;
    padding-right: 20px;
}

.celebrity-sub-counter i {
    color: #999;
    padding-right: 3px;
    vertical-align: baseline;
}
.celebrity-sub-counter strong {
    font-size: 1.2em;
}

.celebrity-sub-text {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.1;
    color: #999;
}

.celebrity-sub-text a {
    color: #b83b8c;
    text-decoration: underline;
}
.celebrity-sub-text a:hover {
    text-decoration: none;
}

.styled-modal .modal-dialog {
    width: 567px;
    max-width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
}

.styled-modal .modal-content {
    border: none;
    border-radius: 4px;
    background-color: #ffffff;
    overflow: hidden;
}

.styled-modal .modal-header {
    padding: 37px 54px 10px;
    position: relative;
    display: block;
    border: none;
}

.styled-modal .modal-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.styled-modal .modal-body {
    padding: 25px 54px 45px;
    position: relative;
}

.styled-modal .close {
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    padding: 0;
    opacity: 1;
    color: #fff;
    -webkit-transition: background-color 0.15s ease-in-out,
        opacity 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
    width: 36px;
    height: 36px;
}

.styled-modal .close:before,
.styled-modal .close:after {
    content: "";
    position: absolute;
    left: 45%;
    top: 45%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #999;
    border-radius: 2px;
    -webkit-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.styled-modal .close:before {
    width: 80%;
    height: 3px;
}

.styled-modal .close:after {
    height: 80%;
    width: 3px;
}

.styled-modal .close:hover {
    opacity: 1;
}

.styled-modal .close:hover:before,
.styled-modal .close:hover:after {
    background-color: #b83b8c;
}

.modal-backdrop {
    z-index: 1201;
}

.modal {
    z-index: 1202;
}

.btn-done {
    background-color: #f7ebf3;
    border-color: #f7ebf3;
    color: #b83b8c;
}

.btn-done:hover {
    background-color: #f7ebf3;
    border-color: #f7ebf3;
    color: #b83b8c;
    text-decoration: none;
    cursor: default !important;
}

.modal-message-body .img {
    width: 125px;
    display: block;
    margin: 0 auto 24px;
}

.modal-message-body .title {
    font-size: 20px;
    font-weight: 500;
}

.modal-message-body .text {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    margin-top: 13px;
}

/* editor */
.note-editor.note-frame .panel-heading.note-toolbar {
    background: #f7f8fa;
}

.note-toolbar .btn-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.note-editor .note-toolbar .note-btn-group .btn {
    background: #fff;
    border: 1px solid #ebedf2;
}

.note-editor .btn-group-sm > .btn,
.note-editor .btn-sm {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.note-editor .btn i {
    padding-right: 0;
}

.note-editor .dropdown-toggle::after {
    display: none;
}
.note-editable {
    height: 200px;
}

.note-editor .panel-heading.note-toolbar .dropdown-menu {
    min-width: 185px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: Poppins, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.9rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 3px;
}

.note-popover {
    display: none;
}

.uploads-item-img {
    cursor: default;
}

.projects-progress-bar {
    width: 150px;
    margin-bottom: 15px;
    display: block;
    border-radius: 10px;
    background-color: #e8e8e8;
    margin-top: 10px;
}
.projects-progress-bar .bar {
    display: block;
    height: 7px;
    border-radius: 10px;
    background-color: #b83b8c;
}

#tablePaymentsHistory td.child {
    position: relative;
}
#pay_out_confirm .modal-dialog {
    max-width: 480px;
    margin: 0 auto;
}

#pay_out_confirm .modal-content {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    padding: 24px 24px 32px;
    position: relative;
    border: none;
}
.payment-inside {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.payment-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
    color: #222222;
}


.one-line-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.payment-inside .one-line-info .left-l {
    width: 50%;
    padding-right: 15px;
    color: #645C5F;
}

.payment-inside .one-line-info .right-l {
    width: 50%;
}
.one-line-info .label {
    font-size: 14px;
    color: #555555;
}

.one-line-info .value {
    font-size: 14px;
    color: #222222;
    font-weight: 500;
}

.buttons-box-line {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 32px;
}


.buttons-box-line .height-44 {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    border-radius: 22px;
    padding: 0 24px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}


#pay_out_confirm .button-light-bg {
    background-color: #D13C8D;
    color: #ffffff;
    border: none;
}
#pay_out_confirm .button-light-bg:hover {
    background-color: #b73278;
}


#pay_out_confirm .button-light-border {
    background-color: transparent;
    color: #D13C8D;
    border: 2px solid #D13C8D;
}
#pay_out_confirm .button-light-border:hover {
    background-color: #F8E8F3;
}


@media (max-width: 480px) {
    #pay_out_confirm .modal-content {
        padding: 16px;
    }
    .payment-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .one-line-info {
        flex-direction: column;
        align-items: flex-start;
    }
    .one-line-info .value {
        margin-top: 4px;
    }
    .buttons-box-line {
        flex-direction: column;
        gap: 12px;
    }
    .buttons-box-line .height-44 {
        width: 100%;
        text-align: center;
        padding: 0;
    }
}

.footer-steps {
    border-top: 1px solid #f7ebf3;
    background-color: #fcf7fb;
    position: fixed;
    z-index: 49;
    left: 0;
    bottom: 0;
    width: 100%;
}
.footer-steps .content {
    min-height: 39px;
}

.footer-steps .steps-list {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
    list-style: none;
    padding: 0;
    text-align: center;
    color: #999999;
    font-size: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-steps .steps-list .circle {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-decoration: none;
    color: #999999;
    flex-shrink: 0;
    border: 2px solid #f7ebf3;
}
.footer-steps .steps-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}
.footer-steps .steps-list li .txt {
    width: 120px;
    text-align: left;
    color: #999999;
}
.footer-steps .steps-list li {
    width: 25%;
    padding: 0;
}
.footer-steps .steps-list li.complete .circle {
    color: #b83b8c;
    border: 2px solid #b83b8c;
}
.footer-steps .steps-list li.complete .txt {
    color: #b83b8c;
}
.footer-steps .steps-list li.active .circle {
    color: #fff;
    background-color: #b83b8c;
    border: 2px solid #b83b8c;
}
.footer-steps .steps-list li.active .txt {
    color: #000;
}
.step-content {
    display: flex;
    align-items: center;
}

.step-content .steps-list {
    width: 100%;
}
.step-content .footer-right {
    flex-shrink: 0;
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.step-content .footer-right .btn {
    margin-left: 10px;
}
.progress-container {
    display: none;
}

@media (min-width: 992px) {
    .news-list-home .news-item:nth-child(3) ~ .news-item {
        display: none;
    }

    .header-menu li:hover > ul {
        opacity: 1;
        visibility: visible;
    }

    .header-menu li:hover > a {
        /*background-color: #f8f9fa;*/
        /*color: #212529;*/
        /*background-color: #007463;*/
        /*color: #fff;*/
    }
}

.receipt-container {
    max-width: 600px;
    margin: 0 auto;
}

.receipt-block {
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.receipt-header {
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.receipt-logo {
    text-align: center;
    margin-bottom: 20px;
}

.receipt-logo img {
    vertical-align: top;
    display: inline-block;
    width: 120px;
}

.receipt-title {
    color: #343434;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.receipt-body {
    padding: 15px 20px;
    font-size: 16px;
    position: relative;
}

.receipt-text {
    padding: 10px 0;
    font-size: 14px;
}

.receipt-row {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.receipt-row .left,
.receipt-row .right {
    display: table-cell;
}

.receipt-row .left {
    color: #8d8d8d;
    width: 40%;
}

.receipt-row .right {
    width: 60%;
}

.receipt-row .right {
    text-align: right;
    font-weight: 700;
}

.receipt-sign {
    text-align: center;
    margin-top: 0;
    position: absolute;
    right: 15px;
    bottom: 15px;
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.receipt-sign img {
    vertical-align: top;
    width: 140px;
}

.receipt-buttons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.receipt-buttons .btn {
    font-weight: 700;
    margin: 5px;
}

.receipt-send {
    margin-top: 20px;
}

.receipt-send-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.dot-mobile {
  width: 12px;
  height: 6px;
  background-color: white;
  border-radius: 4px;
}


.dot-mobile.active {
  background-color: black;
  opacity: 1;
}

.banner-container {
  width: 100%;
  height: 210px;
  border-radius: 16px;
  background-color: #F7F7F7;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

 .slider-container {
  width: 1200px;
  max-width: 100%;
  height: 210px;
  margin: auto;
  position: relative;
  border-radius: 16px;
  background-image: url('/images/backgroundBannerNewone.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}

 .banner-container .slide {
      width: 100%;
      height: 100%;
      display: none;
      background-size: cover;
      background-position: center;
      background-color: transparent;
      border-radius: 16px;
      position: absolute;
      top: 0;
      padding: 24px;
      left: 0;
 }

 .slide.active {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0px 24px;
      gap: 12px;
      z-index: 1;
 }

 .banner-container .slide-content {
      display: flex;
      width: 100%;
      padding: 0;
      justify-content: space-between;
      align-items: center;
      border-radius: 12px;
      flex-direction: row;
 }

.text-section, .thumbnail{
      width: 50%;
      margin-bottom: 20px;
    }

 .text-section h2 {
      font-size: 28px;
      font-weight: 500;
      margin-bottom: 16px;
    }

 .text-section p {
      font-size: 16px;
      line-height: 28px;
      font-weight: 400;
      overflow-wrap: break-word;
      word-break: break-word;    }


.banner-video {
  max-width: 100%;
  width: 244px;
  max-height: 100%;
  height: 172px;
    border-radius: 6px;
  border: 4px solid #FFF;
  overflow: hidden;
  object-fit: cover;
  border-radius: 10px;
}
.banner-video-responsive {
  max-width: 100%;
  width: 244px;
  max-height: 100%;
  height: 172px;
    border-radius: 6px;
  overflow: hidden;
  object-fit: cover;
  border-radius: 10px;
}

.thumbnail {
  width: 244px;
  height: 152px;
  border: 4px solid #FFF;
  border-radius: 10px;
  overflow: hidden;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.thumb-box {
  max-width: 100%;
   width: 244px;
  max-height: 100%;
  height: 172px;
  background-color: white;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.thumb-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dot-mobile {
  width: 12px;
  height: 6px;
  background-color: white;
  border-radius: 4px;
}


.dot-mobile.active {
  background-color: black;
  opacity: 1;
}

.banner-container {
  width: 100%;
  height: 210px;
  border-radius: 16px;
  background-color: #F7F7F7;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

 .slider-container {
  width: 1200px;
  max-width: 100%;
  height: 210px;
  margin: auto;
  position: relative;
  border-radius: 16px;
  background-image: url('/images/backgroundBannerNew.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}

 .banner-container .slide {
      width: 100%;
      height: 100%;
      display: none;
      background-size: cover;
      background-position: center;
      background-color: transparent;
      border-radius: 16px;
      position: absolute;
      top: 0;
      padding: 24px;
      left: 0;
 }

 .slide.active {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0px 24px;
      gap: 12px;
      z-index: 1;
 }

 .banner-container .slide-content {
      display: flex;
      width: 100%;
      padding: 0;
      justify-content: space-between;
      align-items: center;
      border-radius: 12px;
      flex-direction: row;
 }

.text-section, .thumbnail{
      width: 50%;
      margin-bottom: 20px;
    }

 .slide .text-section h2 {
      font-size: 28px;
      font-weight: 500;
     overflow-wrap: break-word;
      word-break: break-word;
    }

.slide .text-section p {
      font-size: 16px;
      line-height: 20px;
      font-weight: 400;
      overflow-wrap: break-word;
      color: black;
      word-break: break-word;    }



.banner-video {
  max-width: 100%;
  width: 244px;
  max-height: 100%;
  height: 172px;
    border-radius: 6px;
  border: 4px solid #FFF;
  overflow: hidden;
  object-fit: cover;
  border-radius: 10px;
}


.slider-container-responsive {
  margin: auto;
  padding: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background-image: url('/images/bannerResponsiveNew.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.thumbnail {
  width: 244px;
  height: 152px;
  border: 4px solid #FFF;
  border-radius: 10px;
  overflow: hidden;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.thumb-box {
  max-width: 100%;
   width: 244px;
  max-height: 100%;
  height: 172px;
  background-color: white;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.thumb-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 .banner-dots {
      position: absolute;
      bottom: 24px;
      display: flex;
      gap: 6px;
      z-index: 2;
    }

 .dot {
      width: 12px;
      height: 6px;
      background-color: #fff;
      border-radius: 4px;
    }

    .dot.active {
      background-color: black;
    }


    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 20px;
      background: #fff;
      border: none;
      cursor: pointer;
      padding: 5px 10px;
      z-index: 1000;
    }
      .banner-mobile {
       display: none;
      }
.banner-desktop {
  display: block;
}

@media (max-width: 768px) {
  .banner-desktop {
    display: none !important;
  }
  .banner-mobile {
    display: block !important;
  }
}


.slide-content-responsive {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.slide-responsive{
    display: none;
    &.active{
        display: block;
    }
}


.slide-content-responsive {
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.thumbnail-responsive {
  width: 100%;
  max-width: 300px;
  height: 180px;
  aspect-ratio: 16/9;
  border: 4px solid #FFF;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbnail-responsive img,
.thumbnail-responsive video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.text-section-responsive {
  width: 100%;
  text-align: left;
}

.text-section-responsive h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #000;
}

.text-section-responsive p {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  overflow-wrap: break-word;
  word-break: break-word;
}




 .dot {
      width: 12px;
      height: 6px;
      background-color: #fff;
      border-radius: 4px;
    }

    .dot.active {
      background-color: black;
    }


    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 20px;
      background: #fff;
      border: none;
      cursor: pointer;
      padding: 5px 10px;
      z-index: 1000;
    }
      .banner-mobile {
  display: none;
}
.banner-desktop {
  display: block;
}

@media (max-width: 768px) {
  .banner-desktop {
    display: none !important;
  }
  .banner-mobile {
    display: block !important;
  }
}


.slide-content-responsive {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.slide-responsive{
    display: none;
    &.active{
        display: block;
    }
}


.slide-content-responsive {
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}





.text-section-responsive {
  width: 100%;
  text-align: left;
}

.text-section-responsive h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #000;
}

.text-section-responsive p {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  overflow-wrap: break-word;
  word-break: break-word;
}

.dots-mobile {
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 6px;
  z-index: 2;
}

@media (max-width: 1218.98px) {
    .footer-partners li img {
        max-width: 95px;
    }

    .filter-row .btn {
        font-size: 15px;
    }

    .home-top-content {
        max-width: calc(70% + 70px);
    }

    .home-top-img {
        left: calc(70% + 100px);
    }

    .infoblock-list .infoblock-item img,
    .infoblock-list .infoblock-item iframe,
    .infoblock-list .infoblock-item video {
        height: 180px;
    }

    .partners-list .partners-item {
        width: calc(33.3333333333% - 30px);
    }

    .services-list .services-item {
        width: calc(50% - 30px);
    }
    .styled-table {
        display: block;
    }
    .styled-table thead {
        display: none;
    }
    .styled-table tbody,
    .styled-table tfoot,
    .styled-table td {
        display: block;
    }
    .styled-table tr {
        display: block;
        border-top: 2px solid #fcf7fb;
        padding: 20px 0;
    }
    .styled-table tbody tr:nth-child(odd) {
        background-color: transparent;
    }
    .styled-table td {
        padding: 5px 20px;
    }
    .styled-table td:last-child {
        text-align: left;
    }
    .styled-table td[data-title]:before {
        content: attr(data-title);
        color: #444c55;
        font-weight: 300;
        padding-right: 5px;
    }
    .styled-table tfoot td {
        border-top: none;
    }
    .styled-table tfoot td:last-child {
        text-align: left;
    }
    .styled-table tfoot td.text-right {
        text-align: left !important;
    }
    .styled-table tfoot td:not(:first-child) {
        border: none;
    }
    .styled-table tfoot tr {
        padding: 10px 0 20px;
    }
}

@media (min-width: 768px) {
    .news-list-home .news-item-img {
        height: 192px;
    }

    .news-list-home .news-item-date {
        font-size: 14px;
    }

    .news-list-home .news-item-title {
        font-size: 18px;
    }

    .news-list-home .news-item-intro {
        font-size: 15px;
    }
}

@media (max-width: 991.98px) {
    .mobile-menu {
        width: 100%;
        padding: 50px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        left: 0;
        top: 74px;
        bottom: 0;
        background-color: #fff;
        z-index: 1300;
        will-change: auto;
        -webkit-transform: translate3d(-110%, 0, 0);
        transform: translate3d(-110%, 0, 0);
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        -o-transition: 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;
    }
    .filter-row .btn {
        margin-top: 20px;
    }

    .mobile-menu-btn,
    .mobile-m-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        margin-left: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .mobile-menu-btn i {
        position: relative;
        margin-top: 6px;
        margin-bottom: 6px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .mobile-menu-btn i,
    .mobile-menu-btn i::before,
    .mobile-menu-btn i::after {
        display: block;
        width: 20px;
        height: 3px;
        border-radius: 5px;
        background-color: black;
        -webkit-transition-property: background-color, -webkit-transform;
        -o-transition-property: background-color, -o-transform;
        transition-property: background-color, -webkit-transform;
        -o-transition-property: background-color, transform;
        transition-property: background-color, transform;
        transition-property: background-color, transform, -webkit-transform;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .mobile-menu-btn i::before,
    .mobile-menu-btn i::after {
        position: absolute;
        content: "";
    }

    .mobile-menu-btn i::before {
        top: -6px;
    }

    .mobile-menu-btn i::after {
        top: 6px;
    }

    .mobile-menu-btn:active {
        background-color: #fcf7fb;
    }

    .mobile-menu-close {
        width: 36px;
        height: 36px;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        left: calc(100% + 10px);
        color: #fff;
        position: absolute;
        top: 17px;
        display: none;
    }

    .mobile-menu-close:hover,
    .mobile-menu-close:focus {
        color: #fff;
    }

    .mobile-menu-backdrop {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        background-color: rgba(19, 23, 33, 0.6);
        z-index: 1299;
        opacity: 0;
        visibility: hidden;
    }

    .mobile-menu .header-menu {
        margin: 0;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 22px;
    }

    .mobile-menu .header-menu li {
        margin: 0;
        padding: 0;
    }

    .mobile-menu .header-menu a {
        padding: 10px 20px;
    }

    .mobile-menu .header-lang {
        margin-top: auto;
    }

    .mobile-menu .header-lang-link {
        display: none;
    }

    .mobile-menu .header-lang-dropdown {
        opacity: 1;
        visibility: visible;
        top: 0;
        left: 0;
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid #fcf7fb;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        font-size: 18px;
    }

    .mobile-menu .header-lang-dropdown li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .mobile-menu .header-lang-dropdown a {
        padding: 10px 20px;
    }

    body.show-mobile-menu {
        overflow: hidden;
    }

    body.show-mobile-menu .mobile-menu {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    body.show-mobile-menu .mobile-menu-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    body.show-mobile-menu .mobile-menu-backdrop {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
        -o-transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
        transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
    }

    body.show-mobile-menu .mobile-m-close,
    body.show-mobile-menu .mobile-menu-btn {
        z-index: 600;
    }

    .page-header .header-menu,
    .page-header .header-lang {
        display: none;
    }

    .header-logo {
        margin-right: 20px;
    }

    .footer-partners {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
    }

    .footer-partners-col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .scroll-top-btn {
        width: 40px;
        height: 40px;
        font-size: 12px;
        bottom: 10px;
        right: 10px;
    }

    .news-list .news-item {
        width: calc(33.333333333333% - 30px);
    }

    .news-list-home .news-item {
        width: calc(50% - 30px);
    }

    .news-list-similar .news-item {
        width: calc(33.333333333333% - 30px);
    }

    .sidebar-right {
        padding-top: 20px;
    }

    .infoblock-list .infoblock-item img,
    .infoblock-list .infoblock-item iframe,
    .infoblock-list .infoblock-item video {
        height: 130px;
    }

    .partners-list .partners-item {
        width: calc(50% - 30px);
    }

    .page404-content .number {
        font-size: 60px;
        margin-bottom: 20px;
    }

    .page404-content .title {
        font-size: 25px;
    }

    .page404-content .text {
        font-size: 14px;
    }

    .white-article {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .about-top {
        padding: 0;
        margin-bottom: -40px;
    }

    .about-top .white-article {
        max-width: none;
    }

    .about-top-img {
        position: relative;
        right: auto;
        width: 100%;
        height: 300px;
        margin-top: 30px;
    }

    .services-one-sidebar-mobile-container {
        padding: 15px 15px;
        max-width: 720px;
        margin: 0 auto;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .services-one-sidebar-btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 0 auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .services-one-sidebar-block {
        position: fixed !important;
        bottom: 0 !important;
        left: 0;
        width: 100% !important;
        border-radius: 0;
        min-height: auto;
        padding: 0;
    }

    .services-one-sidebar-block.fixed,
    .services-one-sidebar-block.bottom {
        width: 100% !important;
        top: auto !important;
        bottom: 0 !important;
        position: fixed !important;
    }

    .services-one-sidebar-block:before {
        right: -10px;
        top: -10px;
    }

    .services-one-sidebar-block .services-item-price {
        min-height: auto;
        font-size: 25px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        padding-right: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: calc(100% - 240px);
    }

    .services-one-sidebar-block .services-item-desc {
        display: none;
    }

    .services-one-sidebar-block .services-item-title {
        font-size: 1.7rem;
        width: 100%;
        margin-bottom: 10px;
    }

    .price-list {
        margin-bottom: -40px;
    }

    .price-list .price-item {
        width: calc(100% - 30px);
        margin-bottom: 40px;
    }

    .price-item {
        -webkit-box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
        box-shadow: 0 30px 60px rgba(147, 47, 113, 0.1);
        border: 1px solid #fcf7fb;
        background-color: #ffffff;
        z-index: 1;
    }

    .price-item .price-header {
        background-color: #b83b8c;
        color: #fff;
    }

    .price-item .price-btn .btn-outline-primary {
        background-color: #b83b8c;
        color: #fff;
    }

    .price-item .price-btn .btn-outline-primary:hover {
        background-color: #a5357d;
        border-color: #a5357d;
    }

    .price-item .price-btn .btn-outline-primary:active {
        background-color: #9b3276;
        border-color: #9b3276;
    }

    .price-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .price-divider {
        margin: 10px 0;
    }

    .price-btn {
        margin-top: 20px;
    }

    .profile-menu {
        padding-top: 10px;
        display: none;
    }

    .profile-menu-wrapper {
        max-width: none;
    }

    .profile-menu-mobile-btn {
        font-size: 16px;
        padding: 12px 16px;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #000000;
        border: 1px solid #f7ebf3;
    }

    .profile-menu-mobile-btn i {
        font-size: 14px;
        color: #999999;
    }

    .profile-menu-mobile-btn:hover,
    .profile-menu-mobile-btn:focus {
        color: #000000;
    }

    .profile-menu-mobile-btn.active {
        background-color: #f7ebf3;
        color: #000000;
    }

    .profile-menu-mobile-btn.active i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .profile-form {
        max-width: none;
    }

    .profile-small-container {
        max-width: none;
    }

    .faq-title {
        color: #000000;
    }

    .faq-title:focus,
    .faq-title:hover {
        color: #000000;
    }

    .faq-title:active {
        color: #b83b8c;
    }

    .faq-arrow:hover {
        background-color: transparent;
        color: #999999;
    }

    .faq-arrow:active {
        background-color: #f0d9e8;
        border-color: #f0d9e8;
        color: #000000;
    }

    .chat-wrapper {
        height: calc(100vh - 180px);
    }

    .chat-site-body .profile-menu-wrapper {
        display: none;
    }

    .mobile-submenu-toggle {
        position: absolute;
        right: 20px;
        top: 5px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        cursor: pointer;
        background-color: #fafafa;
        font-size: 10px;
        padding-right: 1px;
        -webkit-transition: background-color 0.15s ease-out,
            transfrom 0.15s ease-out;
        -o-transition: background-color 0.15s ease-out, transfrom 0.15s ease-out;
        transition: background-color 0.15s ease-out, transfrom 0.15s ease-out;
    }

    .mobile-submenu-toggle:before {
        content: "\e907";
        display: inline-block;
    }
    .header-menu ul {
        position: relative;
        display: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        left: 0;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 1;
        visibility: visible;
        width: 100%;
        border-radius: 0;
    }

    .header-menu a {
        white-space: normal;
    }
    .header-menu li.has-sub.open > .mobile-submenu-toggle {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        background-color: #f0f0f0;
    }
    .header-menu > li > ul {
        left: 0;
        margin: 0;
        top: 0;
        border-top: 1px solid #f0f0f0;
        background-color: #fafafa;
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-section-filter {
        width: 100%;
    }
    .footer-steps .steps-list li {
        width: auto;
        padding: 0;
    }
    .footer-steps .steps-list .txt {
        display: none;
    }
    .footer-steps .steps-list li.active .txt {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .credit-card-list .credit-card-item {
        width: calc(100% - 16px);
    }
    .styled-article {
        font-size: 14px;
    }
    body {
        padding-top: 68px;
    }

    .page-header > .container {
        height: 68px;
    }

    .page-section {
        padding: 30px 0;
    }

    .page-section-main {
        padding-top: 20px;
    }

    .page-section-header {
        padding-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-section-title {
        font-size: 25px;
    }

    .page-section-right {
        margin-bottom: 5px;
        margin-left: 0;
        padding-left: 0;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .header-logo {
        width: 70px;
        margin-right: 10px;
    }

    .header-right .btn {
        font-size: 12px;
        padding: 7px 14px;
        margin-left: 5px;
        border-width: 1px;
    }

    .header-right .header-connect-btn {
        max-width: 100px;
        padding-left: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
    }

    .header-right .header-connect-btn i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .header-profile-link {
        width: 36px;
        height: 36px;
    }

    .header-profile-link .user-avatar {
        width: 36px;
        height: 36px;
    }

    .mobile-menu {
        padding-top: 40px;
    }

    .mobile-menu .header-menu {
        font-size: 20px;
    }

    .mobile-menu-btn,
    .mobile-m-close {
        width: 36px;
        height: 36px;
        margin-left: 10px;
    }

    .mobile-menu-close {
        top: 10px;
    }

    .breadcrumbs {
        font-size: 12px;
    }

    .breadcrumbs-wrapper > .container {
        min-height: 39px;
    }

    .cookies-notification {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px;
    }

    .cookies-notification .text {
        font-size: 14px;
        padding-right: 50px;
    }

    .cookies-notification .close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 36px;
        height: 36px;
    }

    .cookies-notification .btn-primary {
        margin-top: 10px;
    }

    .btn {
        font-size: 15px;
        line-height: 1.1;
        padding: 11px 20px;
    }

    .btn-sm {
        font-size: 14px;
        line-height: 1.15;
        padding: 8px 15px;
    }

    .btn-lg {
        font-size: 15px;
        line-height: 1.15;
        padding: 15px 25px;
    }

    .btn-xs {
        font-size: 14px;
        line-height: 1.15;
        padding: 8px 15px;
    }

    .btn-submit {
        min-width: 180px;
    }

    .news-list .news-item {
        width: calc(50% - 30px);
    }

    .news-list-similar .news-item {
        width: calc(50% - 30px);
    }

    .news-list-similar .news-item:nth-child(2) ~ .news-item {
        display: none;
    }

    .news-one-date {
        margin: -5px 0 15px;
        font-size: 12px;
    }

    .news-one-img {
        margin: 0 0 15px;
    }

    .pagination {
        margin-top: 25px;
    }

    .advantages-section .page-section-title {
        max-width: 410px;
    }

    .advantages-col .img {
        width: 40px;
        height: 40px;
        font-size: 16px;
        border-radius: 8px;
        margin-bottom: 10px;
    }

    .advantages-col .title {
        font-size: 16px;
    }

    .advantages-col .desc {
        font-size: 14px;
    }

    .home-top {
        background-size: 200% auto;
    }

    .home-top > .container {
        min-height: auto;
    }

    .home-top-content {
        max-width: 100%;
    }

    .home-top-img {
        display: none;
    }

    .home-top-title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .home-top-text {
        font-size: 16px;
        max-width: 315px;
        margin-bottom: 25px;
    }

    .home-top-advantages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home-top-advantages li {
        margin-top: 10px;
    }

    .infoblock-section {
        padding: 20px 0;
    }

    .infoblock-list {
        margin-bottom: -20px;
    }

    .infoblock-list .infoblock-item {
        width: 100%;
        max-width: calc(100% - 30px);
        margin-bottom: 20px;
        text-align: center;
        vertical-align: top;
        line-height: 0;
    }

    .infoblock-list .infoblock-item img,
    .infoblock-list .infoblock-item iframe,
    .infoblock-list .infoblock-item video {
        height: 220px;
        margin: 0 auto;
    }

    .reviews-item .text {
        font-size: 14px;
    }

    .slider-navigation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .slider-navigation-btn {
        width: 36px;
        height: 36px;
    }

    .section-with-right .page-section-right {
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        position: absolute;
        margin-bottom: 0;
    }

    .section-with-right.show-arrows > .container {
        padding-bottom: 50px;
        position: relative;
    }

    .section-with-right.show-arrows .slider-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .partners-one-img {
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
        height: auto;
        margin: 20px 0 30px;
    }

    .partners-one-img img {
        width: 150px;
        height: auto;
    }

    .page404-img {
        display: none;
    }

    .page404-row {
        padding: 30px 0;
    }

    .contacts-form-wrapper {
        max-width: none;
        margin: 30px 0 0;
    }

    .contacts-form-title {
        font-size: 20px;
    }

    .form-undertext {
        margin-top: 20px;
    }

    .form-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-buttons-text {
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-size: 14px;
        line-height: 1.3;
    }

    .services-item-title {
        min-height: auto;
    }

    .services-list .services-item {
        width: calc(100% - 30px);
    }

    .services-one-sidebar-mobile-container {
        max-width: 540px;
    }

    .faq-title {
        padding: 0;
        font-size: 18px;
        line-height: 24px;
    }

    .faq-body {
        font-size: 14px;
    }

    .profile-back {
        margin: 0 0 20px;
    }

    .profile-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .profile-lang-item {
        width: 60px;
        height: 40px;
    }

    .tabs-nav {
        font-size: 15px;
    }

    .chat-body {
        height: 320px;
    }

    .chat-item-date {
        font-size: 12px;
    }

    .chat-item-text {
        font-size: 14px;
    }

    .chat-item-content {
        max-width: calc(100% - 40px);
    }

    .chat-send .form-control,
    .chat-send .btn {
        height: 40px;
        font-size: 14px;
    }

    .chat-wrapper {
        min-height: auto;
        height: calc(100vh - 250px);
    }

    .chat-site-body {
        min-height: -webkit-fill-available;
        overflow: hidden;
    }

    .chat-site-body .page-section-main {
        padding-bottom: 5px;
    }

    .chat-footer {
        position: fixed;
        left: 0;
        width: 100%;
        bottom: 0;
        background-color: #fff;
        padding: 10px 15px;
        margin-top: 0;
    }

    .traders-view-data {
        font-size: 15px;
    }

    .traders-receipts .traders-item-col {
        width: 100%;
    }
    .contracts-item .contracts-item-col {
        width: 100%;
    }

    .traders-receipts .traders-item-col:last-child {
        padding-right: 10px;
    }

    .traders-receipts .traders-item-col:first-of-type {
        padding-right: 25px;
    }

    .traders-receipts .traders-item-remove {
        top: 10px;
    }

    .traders-item .title {
        font-size: 16px;
    }

    .subscribtion-interval-item .text {
        min-width: 80px;
        padding: 10px;
        height: 55px;
        font-size: 16px;
    }

    .cards-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
    }

    .cards-item .title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% - 60px);
        padding-right: 30px;
        margin-right: 0;
        font-size: 14px;
    }

    .cards-item .date {
        margin: 10px 0;
        font-size: 14px;
    }

    .cards-item .status {
        margin-left: 0;
        width: 100%;
        font-size: 14px;
    }

    .cards-item-remove {
        right: 5px;
        top: 5px;
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .traders-settings-item .item-body {
        padding: 18px 15px 0;
    }

    .page-section-right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }

    .page-section-filter {
        width: 100%;
        padding-bottom: 20px;
    }

    .celebrity-page-header .page-section-title {
        font-size: 20px;
    }

    .celebrity-page-avatar {
        max-width: 250px;
        margin-bottom: 30px;
        height: auto;
    }

    .invoices-row .btn {
        margin-top: 10px;
    }
    .steps-list {
        display: none !important;
    }
    .footer-right {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-left: 0 !important;
        padding: 0 20px;
    }
    .progress-container {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .footer-links {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        margin: 0 0 30px;
    }

    .footer-links li {
        margin: 0 0 10px;
    }

    .footer-links li:last-of-type {
        margin-bottom: 0;
    }

    .footer-contacts {
        margin: 0 -10px -20px;
    }

    .footer-contacts-item {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }

    .footer-contacts-item:nth-child(odd) {
        text-align: right;
    }

    .footer-contacts-data {
        font-size: 16px;
    }

    .footer-comlinks {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 20px -5px -10px;
    }

    .footer-partners {
        margin: 30px -5px -10px;
    }

    .footer-partners li {
        margin: 0 5px 10px;
    }

    .footer-partners li img {
        max-height: 25px;
    }

    .news-item-img {
        height: 110px;
    }

    .news-item-title {
        font-size: 14px;
        min-height: 38px;
    }

    .news-item-intro {
        font-size: 12px;
    }

    .news-list {
        margin: 0 -10px -20px;
    }

    .news-list .news-item {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }

    .news-list-home {
        margin: 0 -10px -20px;
    }

    .news-list-home .news-item {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }

    .news-list-similar {
        margin: 0 -10px -20px;
    }

    .news-list-similar .news-item {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }

    .pagination li:not(.prev):not(.next):not(.active) {
        display: none;
    }

    .pagination li.active + li {
        display: block !important;
    }

    .pagination .prev {
        margin-right: auto;
    }

    .pagination .next {
        margin-left: auto;
    }

    .advantages-col .desc {
        font-size: 12px;
    }

    .about-top-img {
        height: 350px;
        top: 0;
    }

    .services-list {
        margin: 0 0 -20px;
    }

    .services-list .services-item {
        margin: 0 0 20px;
        width: 100%;
    }

    .services-item {
        padding: 25px 20px;
        min-height: 180px;
    }

    .services-one-sidebar-mobile-container {
        padding: 0;
    }

    .services-one-sidebar-block {
        padding: 15px 10px;
        min-height: auto;
    }

    .services-one-sidebar-block .services-item-title {
        font-size: 1.25rem;
    }

    .services-one-sidebar-block .services-item-price {
        font-size: 20px;
        max-width: calc(100% - 190px);
    }

    .services-one-sidebar-btn {
        font-size: 14px;
    }

    .filter-row {
        padding-bottom: 15px;
    }

    .filter-row .form-group {
        margin-bottom: 5px;
    }

    .search-form {
        margin-bottom: 10px;
    }

    .celebrity-list .news-item-img {
        height: auto;
    }

    .celebrity-list .news-item-img img {
        max-width: 340px;
    }

    .styled-modal .close {
        right: 5px;
        top: 5px;
        width: 38px;
        height: 38px;
    }
    .styled-modal .modal-header,
    .styled-modal .modal-body {
        padding-left: 32px;
        padding-right: 32px;
    }

    .referral-textarea {
        height: 70px !important;
    }

    #tablePaymentsHistory td.child {
        position: relative;
    }

    #tablePaymentsHistory td.child ul li:last-child {
        position: relative;
    }

    #tablePaymentsHistory td.child ul li:last-child span:last-child {
        position: relative;
        margin-left: 5px;
        display: inline-block;
        margin-bottom: 20px;
    }
}

@media (max-width: 440px) {
    .advantages-row {
        margin-bottom: -20px;
    }

    .advantages-col {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .advantages-col:first-child {
        padding-top: 0;
    }

    .infoblock-list .infoblock-item img,
    .infoblock-list .infoblock-item iframe,
    .infoblock-list .infoblock-item video {
        height: 180px;
    }

    .partners-carousel-item {
        height: 120px;
    }

    .reviews-item {
        padding: 25px 20px;
    }

    .partners-list {
        margin: 0 -15px -20px;
    }

    .partners-list .partners-item {
        width: calc(100% - 30px);
        margin: 0 15px 20px;
    }

    .form-white {
        padding: 35px 25px;
    }

    .uploads-item {
        max-width: calc(50% - 6px);
    }

    .tablelist-item {
        padding-left: 5px;
        padding-right: 5px;
    }

    .celebrity-list-small .col-6 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .celebrity-sub-row {
        flex-wrap: wrap;
    }

    .celebrity-sidebar-section {
        padding-left: 15px;
        padding-right: 15px;
        background-color: white;
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
    color: #b83b8c;
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

div[data-role="registration-messages"] {
    color: #dc3545;
}

.datepicker {
    z-index: 2000;
}

.chat-item-content.no-messages {
    margin: 0 auto;
}

.form-select.is-invalid span.select2-selection {
    border-color: #dc3545;
}

.one-scan {
    height: 100%;
}

.trade-status {
    font-size: 14px;
}

.chat-documents-list {
    margin-bottom: 10px;
}

.uploads-item-document {
    width: 100%;
    margin-bottom: 6px;
    padding: 10px 50px 10px 14px;
    position: relative;
    display: flex;
    align-items: center;
    background: #f7f7f7;
    color: #342f31;
    border-radius: 4px;
}
.uploads-item-document .uploads-item-remove {
    width: 35px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #978e91;
    font-size: 10px;
}

.uploads-item-document .uploads-item-remove:hover {
    color: #b83b8c;
    cursor: pointer;
}

.uploads-item-document .file-name-text {
    width: 100%;
    max-height: 34px;
    overflow: hidden;
    word-break: break-word;
}
.uploads-item-document > i {
    margin-right: 10px;
    flex-shrink: 0;
    font-size: 14px;
    color: #645c5f;
}

.uploads-item-document:last-child {
    margin-bottom: 0;
}

.upload-chat-documents {
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #978e91;
    font-size: 18px;
}
.chat-documents-list .uploads-item-document {
    font-size: 14px;
}

.widget-form-group:last-of-type {
    border-bottom: none;
}

.widget-form-embadgroup {
    position: relative;
}

.widget-form-embadgroup textarea.form-control {
    word-break: break-all;
    font-size: 14px;
    background-color: #f8f8f8;
}

.widget-form-view {
    overflow: auto;
}

.widget-form-copy-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 5px;
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
}

.widget-form-copy-btn:hover {
    color: #007463;
}
.home-top-img img {
    max-height: 400px;
}

.partners-carousel.owl-carousel a {
    width: 98%;
    margin-right: 10px;
}
.partners-carousel.owl-carousel {
    padding: 0;
}
.partners-carousel.owl-carousel .owl-stage-outer .owl-item {
    padding: 10px;
}
.partners-carousel-wrapper {
    overflow: hidden;
    padding: 60px 60px 90px;
}

.partners-carousel.owl-carousel .owl-stage-outer {
    overflow: initial;
}

@media (max-width: 768px) {
    .mobile-btn-relative .page-section-right {
        position: relative;
        text-align: left;
    }
    .mobile-btn-relative {
        position: relative;
    }
    .mobile-padding {
        padding-bottom: 80px;
    }
}

.lang-fields .form-control {
    border-top-left-radius: 0;
}
.lang-fields-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.lang-fields-tabs li {
    margin: 0;
    padding: 0;
}
.lang-fields-tabs li:last-child a {
    border-right: 1px solid #d2d2d2;
    border-top-right-radius: 4px;
}
.lang-fields-tabs li:last-child a.active {
    border-right: 1px solid #b83b8c;
}
.lang-fields-tabs li:first-child a {
    border-top-left-radius: 4px;
}
.lang-fields-tabs a {
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    border-bottom: none;
    border-right: none;
    text-transform: uppercase;
    color: #666666;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 9px;
    display: block;
}
.lang-fields-tabs a:hover {
    color: #846d22;
}
.lang-fields-tabs a.active {
    background-color: #b83b8c;
    color: #fff;
    border-color: #b83b8c;
}
/*@media (max-width: 768px) {*/
/*    .partners-carousel-wrapper{*/
/*        margin: -20px;*/
/*    }*/
/*    .partners-carousel.owl-carousel .owl-stage-outer{*/
/*        padding: 20px;*/
/*        box-sizing: border-box;*/
/*    }*/
/*}*/

.btn-small {
    padding: 4px 15px;
    font-size: 15px;
}
.p-total-sum {
    text-align: right;
    /*border-top: 1px solid;*/
    padding: 0 10px 10px;
}
i.btn-icon {
    font-size: 15px;
    padding-right: 7px;
}

.styled-datatable .pretty-table td.sorting,
.styled-datatable .pretty-table .sorting_disabled,
.styled-datatable .pretty-table td.sorting_desc,
.styled-datatable .pretty-table td.sorting_asc {
    text-align: left !important;
    padding-left: 10px;
}
.text-black {
    color: #000 !important;
}
.credit-card-bank {
    color: #7c7c7c;
    margin-bottom: 12px;
}
.card-edit {
    font-size: 16px;
    color: #7c7c7c;
}

.slider-with-statistic .slider-st {
    width: 570px;
    margin-right: 50px;
    flex-shrink: 0;
}

.slider-with-statistic .statistic-st .item .box-info i {
    color: rgba(153, 153, 153, 1);
    font-size: 17px;
}
.slider-with-statistic .statistic-st .item .box-info {
    position: absolute;
    top: 14px;
    right: 14px;
}

.slider-with-statistic .slider-inside {
    display: flex;
    align-content: center;
    align-items: center;
}

.slider-with-statistic {
    padding: 96px 0;
}

.slider-main-st .one-item .video-slide {
    min-height: 100%;
}
.slider-main-st .one-item .image-slide img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.slider-main-st .one-item .image-slide {
    min-height: 100%;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}
.slider-main-st .one-item .text-slide {
    min-height: 100%;
    border-radius: 8px;
    overflow: hidden;
    padding: 50px;
    background-color: white;
    font-size: 40px;
    line-height: 52px;
    color: black;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.slider-main-st.owl-carousel .owl-nav button.owl-prev:hover,
.slider-main-st.owl-carousel .owl-nav button.owl-next:hover {
    background: rgba(0, 0, 0, 0.35);
}
.slider-main-st.owl-carousel .owl-nav button.owl-prev,
.slider-main-st.owl-carousel .owl-nav button.owl-next {
    background: rgba(0, 0, 0, 0.15);
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    left: 10px;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    color: white;
    font-size: 12px;
    transition: 0.3s;
    outline: none;
}

.slider-main-st.owl-carousel .owl-nav button i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 2px;
}
.slider-main-st.owl-carousel .owl-nav button.owl-next i {
    padding-left: 2px;
    padding-right: 0;
}

.slider-main-st.owl-carousel .owl-nav button.owl-next {
    left: initial;
    right: 10px;
}

.slider-main-st .one-item .video-slide iframe {
    width: 100% !important;
    height: 320px !important;
}

.slider-main-st .one-item {
    height: 320px;
}

.slider-main-st {
    position: relative;
}

@media (min-width: 1219px) {
    .container {
        max-width: 1208px;
    }
}

.slider-main-st .owl-dots button {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: 0.3s;
}

.slider-main-st .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    display: flex;
    justify-content: center;
}

.text-info-code {
    margin: 20px 0 0;
    text-align: center;
}

.code-style-center input {
    width: 100%;
    border: 0;
    margin: 30px 0 50px;
    letter-spacing: 17px;
    font-size: 30px;
}
.code-style-center {
    max-width: 210px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .slider-with-statistic .slider-st {
        width: 500px;
    }
}

@media (max-width: 992px) {
    .slider-with-statistic .slider-st {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .slider-with-statistic {
        padding: 25px 0;
    }

    .slider-with-statistic .slider-inside {
        display: block;
    }
}

@media (max-width: 767px) {
    .slider-with-statistic {
        padding: 15px 0;
    }.uploads-item {
    margin: 0 3px 15px;
    width: calc(50% - 6px);
    max-width: 158px;
}

    .slider-main-st .one-item .video-slide iframe {
        width: 100% !important;
        height: 200px !important;
    }

    .slider-main-st .one-item,
    .slider-main-st .one-item .image-slide img {
        height: 200px;
    }

    .slider-main-st .one-item .text-slide {
        padding: 30px;
        font-size: 25px;
        line-height: 29px;
    }

    .slider-with-statistic .statistic-st .item {
        padding: 10px;
        font-size: 14px;
    }

    .slider-with-statistic .statistic-st .ico-box {
        width: 25px;
        height: 25px;
        margin-right: 10px;
        font-size: 12px;
    }
    .slider-with-statistic .statistic-st .st-top {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .faq-arrow {
        font-size: 15px;
    }
}

/* Redisign */

.slider-with-statistic .slider-st {
    width: 570px;
    margin-right: 50px;
    flex-shrink: 0;
}

.slider-with-statistic .statistic-st .item .box-info i {
    color: rgba(153, 153, 153, 1);
    font-size: 17px;
}
.slider-with-statistic .statistic-st .item .box-info {
    position: absolute;
    top: 14px;
    right: 14px;
}

.slider-with-statistic .statistic-st .item {
    padding: 32px;
    position: relative;
    background: rgba(255, 255, 255, 0.64);
    border-radius: 8px;
    color: rgba(75, 69, 71, 1);
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.64);
    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.08);
}

.slider-with-statistic .item-wrapper .item:before {
    width: 90px;
    height: 120px;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    display: block;
    background: url("../images/logo-icon-bg-2.png") no-repeat center / contain;
}

.slider-with-statistic .item-wrapper .item {
    height: 250px;
    position: relative;
}
.slider-with-statistic .item-wrapper:nth-child(4) .item {
    margin-top: -48px;
}
.slider-with-statistic .item-wrapper:nth-child(1) {
    padding-top: 48px;
}

.slider-with-statistic .statistic-st .ico-box {
    width: 56px;
    height: 56px;
    color: #000000 !important;
    border: 1.5px solid rgba(255, 216, 235, 1);
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 32px;
}
.slider-with-statistic .statistic-st p {
    margin-bottom: 0;
}
.slider-with-statistic .statistic-st .description {
    color: #4b4547;
    font-size: 18px;
    line-height: 24px;
}
.slider-with-statistic .statistic-st .number {
    margin-bottom: 11px;
    font-size: 32px;
    line-height: 30px;
    font-weight: 700;
}
.slider-with-statistic .statistic-st .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slider-with-statistic .statistic-st .wrapper-box {
    max-width: 200px;
}
.slider-with-statistic .statistic-st {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 16px;
}

.slider-with-statistic .slider-inside {
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.slider-main-st .one-item .video-slide {
    min-height: 100%;
}
.slider-main-st .one-item .image-slide img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.slider-main-st .one-item .image-slide {
    min-height: 100%;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}
.slider-main-st .one-item .text-slide {
    min-height: 100%;
    border-radius: 8px;
    overflow: hidden;
    padding: 50px;
    background-color: white;
    font-size: 40px;
    line-height: 52px;
    color: black;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.slider-main-st.owl-carousel .owl-nav button.owl-prev:hover,
.slider-main-st.owl-carousel .owl-nav button.owl-next:hover {
    background: rgba(0, 0, 0, 0.35);
}
.slider-main-st.owl-carousel .owl-nav button.owl-prev,
.slider-main-st.owl-carousel .owl-nav button.owl-next {
    background: rgba(0, 0, 0, 0.15);
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    left: 10px;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    color: white;
    font-size: 12px;
    transition: 0.3s;
    outline: none;
}

.slider-main-st.owl-carousel .owl-nav button i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 2px;
}
.slider-main-st.owl-carousel .owl-nav button.owl-next i {
    padding-left: 2px;
    padding-right: 0;
}

.slider-main-st.owl-carousel .owl-nav button.owl-next {
    left: initial;
    right: 10px;
}

.slider-main-st .one-item .video-slide iframe {
    width: 100% !important;
    height: 320px !important;
}

.slider-main-st .one-item {
    height: 320px;
}

.slider-main-st {
    position: relative;
}

.slider-main-st .owl-dots button.active,
.slider-main-st .owl-dots button:hover {
    background-color: rgba(197, 70, 151, 1);
}

.slider-main-st .owl-dots button {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    outline: none;
    background-color: rgba(197, 70, 151, 0.1);
    border-radius: 50%;
    transition: 0.3s;
}

.slider-main-st .owl-dots {
    padding: 15px 0 0 !important;
    position: relative;
    display: flex;
    justify-content: center;
}

.slider-with-statistic .bg-phone1 {
    width: 180px;
    height: 576px;
    position: absolute;
    left: 0;
    bottom: -170px;
    z-index: 0;
    content: "";
    display: block;
    background: url("../images/bg_slider_left.png") no-repeat center / contain;
}

.slider-with-statistic .bg-phone2 {
    width: 270px;
    height: 530px;
    position: absolute;
    right: 0;
    bottom: -130px;
    content: "";
    z-index: 0;
    display: block;
    background: url("../images/bg_slider_right.png") no-repeat center / contain;
}

.slider-with-statistic .bg-phone3 {
    width: 426px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -213px;
    content: "";
    z-index: 0;
    display: block;
    background: url("../images/bg_slider_center.png") no-repeat center / contain;
}

.slider-with-statistic .bg-phone4 {
    width: 530px;
    height: 480px;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -393px;
    content: "";
    z-index: 0;
    display: block;
    background: url("../images/logo-icon-bg.svg?v=1") no-repeat center / contain;
}

.slider-with-statistic {
    position: relative;
}

@media (max-width: 1200px) {
    .slider-with-statistic .slider-st {
        width: 500px;
    }
}

@media (max-width: 992px) {
    .slider-with-statistic .slider-st {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .slider-with-statistic {
        padding: 25px 0;
    }

    .slider-with-statistic .slider-inside {
        display: block;
    }
}

@media (max-width: 767px) {
    .slider-with-statistic {
        padding: 30px 0;
    }

    .slider-main-st .one-item .video-slide iframe {
        width: 100% !important;
        height: 200px !important;
    }

    .slider-main-st .one-item,
    .slider-main-st .one-item .image-slide img {
        height: 200px;
    }

    .slider-main-st .one-item .text-slide {
        padding: 30px;
        font-size: 25px;
        line-height: 29px;
    }

    .slider-with-statistic .statistic-st .item {
        padding: 16px;
        font-size: 14px;
    }

    .slider-with-statistic .statistic-st .ico-box {
        width: 25px;
        height: 25px;
        margin-right: 10px;
        font-size: 12px;
    }
    .slider-with-statistic .statistic-st .st-top {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .slider-with-statistic .item-wrapper:nth-child(1) {
        padding-top: 0;
    }
    .slider-with-statistic .statistic-st .ico-box {
        display: none;
    }
    .slider-with-statistic .statistic-st .number {
        font-size: 20px;
        line-height: 30px;
    }
    .slider-with-statistic .item-wrapper .item {
        height: 100%;
    }
    .slider-with-statistic .item-wrapper:nth-child(4) .item {
        margin-top: 0;
    }
    .slider-with-statistic .item-wrapper .item:before {
        width: 44px;
        height: 80px;
        right: -2px;
        background: url("../images/logo-icon-bg-mobile.svg") no-repeat center /
            contain;
    }
    .slider-with-statistic .bg-phone4 {
        display: none;
    }
    .slider-with-statistic .bg-phone1 {
        bottom: -100px;
    }
    .slider-with-statistic .statistic-st .description {
        font-size: 14px;
        line-height: 18px;
    }
    .slider-with-statistic .statistic-st .number {
        margin-bottom: 6px;
    }
    .slider-with-statistic .statistic-st {
        grid-gap: 8px;
    }
}

.page-caption {
    margin-bottom: 45px;
    text-align: center;
}

.page-caption .caption {
    margin-bottom: 15px;
    font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    color: black;
}

.page-caption .caption:last-child {
    margin-bottom: 0;
}

.page-caption .under-caption {
    max-width: 620px;
    margin: 0 auto;
    color: #4b4547;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
}

.bg-primary-light {
    background-color: #ffd8eb;
}

.bg-primary-light2 {
    background-color: #ffebf4;
}

.partners-read-more {
    max-width: 1010px;
    margin: 0 auto;
    display: flex;
}

.partners-read-more .item {
    background: rgba(255, 255, 255, 0.64);
    border: 1px solid rgba(255, 255, 255, 0.64);
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(16px);
    padding: 16px;
    border-radius: 16px;
}

@media (min-width: 768px) {
    .partners-read-more.style-line .wrapper-item {
        width: 50%;
    }
    .partners-read-more.style-line .wrapper-text {
        width: 100%;
    }
    .partners-read-more.style-line .item .box-img {
        width: 140px;
        height: 140px;
        margin-right: 16px;
        flex-shrink: 0;
        margin-bottom: 0;
    }
    .partners-read-more.style-line .item {
        padding: 8px;
        display: flex;
        align-items: center;
    }
}
.object-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partners-read-more .wrapper-item {
    width: 33.33%;
    margin: 0 16px;
}
.partners-read-more .box-img:hover {
    opacity: 0.9;
}
.partners-read-more .box-img {
    height: 140px;
    margin-bottom: 20px;
    display: block;
    line-height: 0;
    transition: 0.3s;
    border-radius: 8px;
    overflow: hidden;
}
.partners-read-more .name a:hover {
    color: #c54697;
}
.partners-read-more .name a {
    color: #000000;
}
.partners-read-more .name {
    margin-bottom: 8px;
    font-size: 20px;
}
.partners-read-more .description {
    margin-bottom: 17px;
    color: #4b4547;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.partners-read-more .read-more-btn a:hover {
    color: #c54697;
}
.partners-read-more .read-more-btn a i {
    margin-left: 5px;
    line-height: 0;
    font-size: 18px;
}
.partners-read-more .read-more-btn a {
    color: #000000;
    font-size: 15px;
    display: inline-flex;
    align-content: center;
    align-items: center;
}

.breaking-news {
    margin-bottom: 48px;
}

.breaking-news .one-n-wrapper {
    margin: 0 -16px;
    display: flex;
}
.breaking-news .one-n {
    width: 33.33%;
    padding: 0 16px;
}
.breaking-news .box-img:hover {
    opacity: 0.9;
}
.breaking-news .box-img {
    height: 260px;
    margin-bottom: 16px;
    display: block;
    line-height: 0;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s;
}
@media (max-width: 992px) {
    .breaking-news .box-img {
        height: initial;
    }
    .breaking-news .name a {
        font-size: 17px;
        line-height: 22px;
    }
}
.breaking-news .name a {
    color: #000000;
    font-size: 20px;
    transition: 0.3s;
    line-height: 30px;
}

.breaking-news .name a:hover {
    color: #c54697;
}

.wrapper-center-btn {
    text-align: center;
}

.footer-page {
    padding-top: 68px;
    border-top: 1px solid #ffd8eb;
    background: #ffebf4;
}

.footer-page .bottom-footer {
    padding: 18px;
    font-size: 16px;
    text-align: center;
    background: #000000;
    color: white;
}

.footer-inside {
    margin-bottom: 44px;
    display: flex;
}

.footer-inside .left-q .text-l {
    margin-bottom: 25px;
    color: #4b4547;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.footer-inside .left-q .logo {
    max-width: 120px;
    margin-bottom: 20px;
}

.footer-inside .left-q {
    width: 240px;
    margin-right: 60px;
    flex-shrink: 0;
}

.list-footer-img img {
    line-height: 0;
    opacity: 0.5;
    transition: 0.3s;
}
.list-footer-img a:hover {
    opacity: 1;
}
.list-footer-img li:last-child {
    margin-right: 0;
}
.list-footer-img li {
    margin-right: 15px;
}
.footer-inside .menu li a:hover {
    color: #b83b8c;
}
.footer-inside .right-q .one-block .caption {
    margin-bottom: 4px;
    font-weight: 300;
    font-size: 14px;
}

.footer-inside .right-q .one-block {
    margin-bottom: 21px;
}
.footer-inside .right-q {
    width: 270px;
    flex-shrink: 0;
}
.footer-inside .menu li a {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}
.footer-inside .menu li:last-child {
    margin-bottom: 0;
}
.footer-inside .list-btn-social-footer {
    display: flex;
}

.footer-inside .list-btn-social-footer li {
    margin-right: 12px;
}

.footer-inside .list-btn-social-footer li:last-child {
    margin-right: 0;
}

.footer-inside .btn-social-footer:hover {
    background-color: #f7ebf3;
}

.footer-inside .btn-social-footer {
    width: 40px;
    height: 40px;
    border: 1px solid #ffd8eb;
    display: flex;
    font-size: 24px;
    color: #c54697;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.footer-inside .menu li {
    margin-bottom: 18px;
}

.footer-inside .menu {
    width: 50%;
    padding-right: 15px;
}

@media (max-width: 992px) {
    .footer-inside .menu {
        width: 50%;
        margin-bottom: 50px;
        order: -2;
    }

    .footer-inside {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.list-footer-img {
    display: flex;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.link-big-c:hover {
    color: #b83b8c;
}

.link-big-c {
    font-weight: 500;
    font-size: 24px;
    color: black;
    transition: 0.3s;
}

.link-big-b {
    font-weight: 500;
    font-size: 24px;
    color: black;
}

.btn.btn-outline-second {
    display: inline-flex;
    align-items: center;
    align-content: center;
    color: black;
}

.btn.btn-outline-second .ico-arrow-right {
    line-height: 0;
    margin-left: 5px;
    padding-right: 0;
    font-size: 16px;
}

.lets-work-bl .btn-outline-second:hover {
    color: black;
}

.lets-work-bl .page-caption .caption,
.lets-work-bl .btn-outline-second,
.lets-work-bl .page-caption .under-caption {
    color: white;
}

.btn-outline-second {
    transition: 0.3s;
}

.lets-work-bl:before {
    bottom: -80px;
    left: -70px;
}

.lets-work-bl:after {
    right: -100px;
    top: -100px;
    transform: rotate(-25deg);
}

.lets-work-bl:before,
.lets-work-bl:after {
    width: 330px;
    height: 330px;
    position: absolute;
    display: block;
    content: "";
    opacity: 0.1;
    background: url("../images/lets-img.svg") no-repeat center / contain;
}

.lets-work-bl .page-caption {
    margin-bottom: 32px;
}
.lets-work-bl {
    margin: -95px 0;
    padding: 64px;
    text-align: center;
    position: relative;
    background: #c54697;
    border-radius: 16px;
    overflow: hidden;
}

.faq-list{
    max-width: 100%;
    margin-bottom: 60px;
}

.drop-language-box .ico-globe {
    margin-right: 8px;
}

.drop-language-box .ico-chevron-down {
    margin-left: 6px;
}
.drop-language-box.open .caption {
    background: #ffebf4;
}
.drop-language-box .caption {
    padding: 8px 12px;
    display: inline-flex;
    user-select: none;
    cursor: pointer;
    align-items: center;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}
.drop-language-box .drop-lg {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 106px;
    background-color: #fff;
    z-index: 5;
    list-style: none;
    margin: 10px 0 0 -53px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.64);
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.08);
}
.drop-language-box.open .drop-lg {
    opacity: 1;
    visibility: visible;
}

.drop-language-box .drop-lg li a:hover,
.drop-language-box .drop-lg li.active a {
    color: black;
    border-radius: 4px;
    background: #ffebf4;
}
.drop-language-box .drop-lg li a {
    padding: 8px;
    color: black;
    transition: 0.3s;
    display: block;
}
.drop-language-box {
    margin-right: 13px;
    position: relative;
}

.slider-with-statistic .text-above-slider b {
    font-weight: 600;
}

.slider-with-statistic .text-above-slider {
    margin-bottom: 60px;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: -70px;
}

.list-benefit-our-system li:last-child {
    margin-right: 0;
}

.list-benefit-our-system li i {
    margin-right: 8px;
    font-size: 20px;
    color: #000000;
}
.list-benefit-our-system li {
    margin-right: 30px;
    margin-bottom: 20px;
    color: #4b4547;
    font-weight: 300;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

.list-benefit-our-system {
    margin-top: 60px;
    margin-bottom: -20px;
    display: flex;
}

.btn.btn-outline-second.btn-dark-color:hover {
    opacity: 0.9;
}
.btn.btn-outline-second.btn-dark-color {
    color: #000000;
    background: #fcfcfc;
    border: 2px solid #ffebf4;
    transition: 0.3s;
}

.slider-with-statistic .container {
    position: relative;
    z-index: 2;
}

.perfect-offer-box {
    position: relative;
    z-index: 2;
}

.menu-for-mobile {
    display: none;
}

.language-mobile li.active a {
    border: 1px solid #ffd8eb;
    background: #ffd8eb;
}
.language-mobile li a {
    padding: 9px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #000000;
    border: 1px solid #ffebf4;
    border-radius: 40px;
}

.language-mobile li {
    width: 33.3%;
    padding: 0 2px;
}

.language-mobile {
    margin: 0 -2px;
    display: flex;
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 100%;
}


.offers-list-box .wrapper-item.open .item {
    width: 192.1%;
    z-index: 2;
    background: white;
}

@media (min-width: 993px) {
    .offers-list-box .wrapper-item:nth-child(3n).open .item {
        left: initial;
    }
}

.offers-list-box .wrapper-item.open .item {
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.08);
}

.offers-list-box .wrapper-item.open .item .close-offer-info {
    display: flex;
}

.offers-list-box .wrapper-item .item .close-offer-info:hover {
    color: white;
    background: rgba(228, 96, 178, 1);
}

.offers-list-box .wrapper-item .item .close-offer-info {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1;
    background: #f7f7f7;
    border-radius: 8px;
    color: black;
    font-size: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
    user-select: none;
}

.offers-list-box .wrapper-item {
    height: 320px;
    margin-bottom: 32px;
    position: relative;
}

.offers-list-box .wrapper-item .item {
    height: 320px;
    padding: 32px;
    position: absolute;
    right: 16px;
    left: 16px;
    top: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.48);
    border: 1px solid #ffd8eb;
    border-radius: 16px;
}

.offers-list-box .wrapper-item .box-img {
    height: 80px;
    padding-bottom: 5px;
}
.offers-list-box .wrapper-item .name {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}
.offers-list-box .wrapper-item.open .description {
    margin-bottom: 20px;
}
.offers-list-box .wrapper-item .description {
    font-weight: 300;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    color: rgba(75, 69, 71, 1);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.offers-list-box .read-more-btn i {
    margin-left: 8px;
    font-size: 18px;
}
.offers-list-box .read-more-btn:hover {
    color: #c54697;
}
.offers-list-box .btn {
    display: none;
}
.offers-list-box .read-more-btn {
    color: black;
    display: inline-flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: 0.3s;
}

.offers-list-box .wrapper-item.open .btn {
    display: inline-flex;
}

.offers-list-box .wrapper-item.open .read-more-btn {
    display: none;
}

.offers-list-box .wrapper-item.open .item {
    height: initial;
    min-height: 320px;
}

.offers-list-box .wrapper-item.open .description {
    overflow: initial;
    -webkit-line-clamp: initial;
}

.offers-list-box .wrapper-item {
    width: 33.3%;
    padding: 0 16px;
}

.offers-list-box {
    margin: 0 -16px -32px;
    display: flex;
    flex-wrap: wrap;
}

.mobile-m-close:hover {
    color: black;
}
.mobile-m-close {
    display: none;
    color: black;
}

.menu-for-mobile {
    display: none;
}

.partners-read-more.owl-carousel {
    max-width: 1042px;
    padding: 0 16px;
}
.partners-read-more.owl-carousel .owl-item {
    padding: 0 16px;
}
.partners-read-more.owl-carousel .wrapper-item {
    width: 100%;
    margin: 0;
}
.partners-read-more.owl-carousel .item {
    box-shadow: none;
}
.partners-read-more.owl-carousel .owl-item.active .item {
    /*box-shadow: 0 32px 64px rgba(0,0,0,0.08);*/
}

.dots-style-1 .owl-dots {
    padding-top: 20px;
    text-align: center;
}
.dots-style-1 .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: rgba(197, 70, 151, 0.3);
    overflow: hidden;
    display: inline-block;
    border: 0;
    outline: none;
}
.dots-style-1 .owl-dots .owl-dot.active {
    background-color: rgba(197, 70, 151, 1);
}

.breaking-news .one-n-wrapper.owl-carousel .owl-dots {
    padding-top: 40px;
}
.breaking-news .one-n-wrapper.owl-carousel {
    display: block;
    margin: 0;
}

.breaking-news {
    margin: 0 -16px 48px;
}

.breaking-news .one-n-wrapper.owl-carousel .one-n {
    width: 100%;
}

.text-above-slider img {
    margin: 0 8px 1px;
}

.text-above-slider {
    display: inline-flex;
    align-items: center;
    align-content: center;
}

.partners-read-more.owl-carousel .owl-item img {
    object-fit: contain;
}

.breaking-news .box-img img {
    object-fit: contain;
}

.one-n-wrapper.list .one-n {
    width: 100%;
    padding: 0;
}
.one-n-wrapper.list {
    display: grid;
    grid-gap: 50px 32px;
    margin: 0;
    grid-template-columns: 1fr 1fr 1fr;
}

.within-box img {
    width: 19px;
    margin-right: 10px;
}
.within-box {
    margin-bottom: 16px;
    padding: 8px 16px;
    background: #f7f7f7;
    border-radius: 44px;
    color: #000000;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
}

.news-list-similar .one-n .box-img {
    display: block;
    line-height: 0;
    margin-bottom: 5px;
}
.news-list-similar .one-n {
    margin-bottom: 20px;
}
.news-list-similar .one-n a {
    color: #000000;
}

.info-tooltip-custom-box .data-original:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}
.info-tooltip-custom-box .data-original {
    position: absolute;
    bottom: 60px;
    padding: 12px;
    width: 180px;
    text-align: center;
    font-size: 14px;
    background: #ffffff;
    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    z-index: -2;
    transition: 0.3s;
}

.info-tooltip-custom-box .ico-tooltip {
    color: #620046;
    font-size: 22px;
}

.info-tooltip-custom-box:hover .data-original {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.info-tooltip-custom-box {
    width: 44px;
    height: 44px;
    margin-right: 8px;
    background: #ffebf4;
    border-radius: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #2f4fff !important;
}

.traders-item .trade-status {
    margin-left: 15px;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 1202;
}

.row .date-chart-statistic {
    margin-bottom: 30px;
}

.dtr-data,
.dataTables_empty {
    white-space: initial;
}
.with-preloader {
    position: relative;
}
.preloader-data-table {
    background-color: rgb(255 255 255 / 60%);
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}
.preloader-data-table .preloading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.photo-form-label {
    color: #645c5f;
}

.box-return-line {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .show-mobile-menu .menu-for-mobile {
        display: block;
    }
    .show-mobile-menu .mobile-menu-btn {
        display: none;
    }
    .show-mobile-menu .mobile-m-close {
        display: flex;
    }
    .menu-for-mobile .language-mobile {
        flex-shrink: 0;
    }
    .menu-for-mobile .container {
        height: 100%;
        flex-direction: column;
        display: flex;
    }
    .menu-for-mobile {
        height: calc(100vh - 70px);
        position: fixed;
        top: 74px;
        right: 0;
        left: 0;
        padding: 32px 24px;
        z-index: 10000;
        background: white;
        box-sizing: border-box;
    }
    .menu-for-mobile .mobile-m li a {
        font-size: 18px;
        font-weight: 400;
        color: black;
    }
    .menu-for-mobile .mobile-m li:last-child {
        margin-bottom: 0;
    }
    .menu-for-mobile .mobile-m li {
        margin-bottom: 30px;
    }
    .menu-for-mobile .mobile-m {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .offers-list-box .wrapper-item {
        width: 50%;
    }
    .offers-list-box .wrapper-item.open .item {
        width: 191%;
    }
    .offers-list-box .wrapper-item:nth-child(2n).open .item {
        left: initial;
    }
    .slider-with-statistic .text-above-slider {
        margin-bottom: 40px;
        position: relative;
        top: auto;
        left: 0;
    }
    .one-n-wrapper.list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .box-inform-st-ico .right-part {
        display: block !important;
    }
    .box-inform-st-ico .right-part .number {
        width: 100%;
        margin-bottom: 10px;
    }
    .traders-item .trade-status {
        margin-left: 0;
    }
    .traders-item .left-part {
        flex-wrap: wrap;
    }

    .traders-item .title {
        width: 100%;
        margin-bottom: 10px;
    }

    .info-tooltip-custom-box.mobile-left .data-original:before {
        left: 22px;
    }
    .info-tooltip-custom-box.mobile-left .data-original {
        left: 0;
    }

    .one-n-wrapper.list {
        padding: 0 16px;
    }
    .list-benefit-our-system {
        display: none;
    }

    .menu-for-mobile {
        top: 69px;
        padding: 32px 0;
    }

    .page-caption .caption {
        font-size: 28px;
        line-height: 36px;
    }
    .page-caption .under-caption {
        font-size: 18px;
        line-height: 24px;
    }
    .page-caption {
        margin-bottom: 30px;
    }

    .partners-read-more {
        margin: 0;
        display: block;
    }
    .breaking-news .name a {
        font-size: 18px;
        line-height: 24px;
    }

    .lets-work-bl {
        padding: 30px 24px;
    }
    .lets-work-bl:before,
    .lets-work-bl:after {
        width: 140px;
        height: 140px;
    }

    .lets-work-bl:after {
        top: -50px;
        right: -50px;
    }

    .lets-work-bl:before {
        bottom: -40px;
        left: -70px;
    }
    .footer-inside .menu {
        order: 0;
        margin-bottom: 36px;
    }
    .footer-inside .right-q .one-block .caption {
        margin-bottom: 10px;
    }
    .footer-inside .menu li {
        margin-bottom: 21px;
    }
    .footer-inside .menu li a {
        font-size: 16px;
    }
    .footer-inside .left-q .text-l {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-inside .left-q {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .footer-inside .left-q .logo {
        margin-bottom: 16px;
    }
    .footer-page {
        padding-top: 40px;
    }
    .footer-inside {
        margin-bottom: 10px;
    }
    .footer-page .bottom-footer {
        padding: 32px 16px;
    }
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .partners-read-more .name {
        font-size: 18px;
    }
    .offers-list-box .wrapper-item {
        width: 100%;
    }

    .offers-list-box .wrapper-item:nth-child(2n).open .item {
        left: 16px;
    }

    .offers-list-box .wrapper-item.open .item {
        width: initial;
    }

    .offers-list-box .wrapper-item .item {
        padding: 16px 16px 16px 70px;
    }

    .offers-list-box .wrapper-item .name {
        padding-right: 40px;
        font-size: 18px;
        line-height: 24px;
    }

    .offers-list-box .wrapper-item .description {
        font-size: 14px;
        line-height: 20px;
    }

    .offers-list-box .wrapper-item .box-img {
        width: 32px;
        position: absolute;
        top: 16px;
        left: 16px;
    }

    .offers-list-box .read-more-btn,
    .offers-list-box .btn {
        font-size: 14px;
    }
    .offers-list-box .wrapper-item .item .close-offer-info {
        top: 8px;
        right: 8px;
    }
    .offers-list-box .wrapper-item {
        margin-bottom: 16px;
    }

    .offers-list-box .wrapper-item .item {
        box-shadow: 0 32px 64px rgba(0, 0, 0, 0.08);
    }
    .offers-list-box .wrapper-item,
    .offers-list-box .wrapper-item .item {
        height: 160px;
    }

    .lets-work-bl {
        margin: 0;
    }

    .partners-read-more.owl-carousel {
        padding: 0;
    }

    .within-box {
        margin-bottom: 14px;
        padding: 6px 10px;
        font-size: 14px;
    }
}

@media (max-width: 520px) {
    .one-n-wrapper.list {
        grid-template-columns: 1fr;
        grid-gap: 35px 0;
    }
}

.line-two-btn {
    display: flex;
    justify-content: space-between;
}
.line-two-btn > * {
    width: 48%;
    height: 44px !important;
}

.unsubscribeTab-input {
    padding: 70px 0 90px;
}

.subscribe-modal-style .caption-text {
    margin-bottom: 15px;
    color: #1f1a1c;
    font-weight: 300;
}
.subscribe-modal-style .caption-text:last-child {
    margin-bottom: 0;
}

.subscribe-sum-list li:last-child {
    margin-bottom: 0;
}
.subscribe-sum-list li {
    margin-bottom: 4px;
}
.subscribe-sum-list {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px;
}

.tab-header2.two-list-st li {
    width: 50%;
}

.tab-header2.two-list-st li.open a {
    color: #620046;
}

.tab-header2.two-list-st li a {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    color: black;
}

.tab-header2.two-list-st {
    display: flex;
}

.eye-form-input {
    background-image: none !important;
}

.eye-form-btn-hide,
.eye-form-btn-show {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 44px;
    border-radius: 0;
    padding: 0;
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #b83b8c;
}

.auth-container .eye-form-btn-hide,
.auth-container .eye-form-btn-show {
    right: 0;
    top: 28px;
}

#ChangePasswordModal .eye-form-btn-hide,
#ChangePasswordModal .eye-form-btn-show {
    right: 5px;
    top: 22px;
}

.eye-form-btn-hide:before {
    content: "\e989";
}

.eye-form-btn-show:before {
    content: "\e98a";
}

form .pass-requirements span i {
    margin-right: 5px;
}
.table-custom-style .dataTables_paginate {
    border-top: 1px solid #ebe9e9;
}
.table-custom-style tbody > tr:last-child {
    border-bottom: 0 !important;
}

.cabinet-wrapper {
    padding-bottom: 80px !important;
}
.cabinet-wrapper a {
    color: white;
}

#unsubscribeButton {
    outline: none;
    border-color: #a52b7c;
}

form .pass-requirement-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
form .pass-requirements span {
    margin: 5px 20px 5px 0;
}

form .pass-requirements span i {
    margin-right: 5px;
}
.table-custom-style .dataTables_paginate {
    border-top: 1px solid #ebe9e9;
}
.table-custom-style tbody > tr:last-child {
    border-bottom: 0 !important;
}

.table-information-cab .caption-filter-table button {
    margin-right: 10px;
}

.cabinet-wrapper {
    padding-bottom: 80px !important;
}

.table-information-cab .caption-filter-table.left {
    justify-content: flex-start;
}

.table-information-cab .caption-filter-table.right {
    justify-content: flex-end;
}

#unsubscribeButton {
    outline: none;
    border-color: #a52b7c;
}

.input-error {
    animation: ease-in-out input-error 2s infinite !important;
}

.input-error-text {
    font-size: 14px;
    color: #c54697;
    margin-top: 4px;
    display: none;
}

.status-chip {
    padding: 7px 7px;
    border-radius: 40px;
    background: #d3d3d3;
    border: 1px solid #828282;
    color: #828282;
    text-align: center;
}

.status-chip-pending {
    background: #fff0a4;
    color: #ffa200;
    border-color: #ffa200;
}

.status-chip-confirmed {
    background: #d9ffa4;
    color: #54944a;
    border-color: #54944a;
}

.status-chip-rejected {
    background: #fddfdf;
    color: #ff0000;
    border-color: #ff0000;
}

.button-light-border.button-initial {
    height: initial;
    padding: 11px 30px;
    display: flex;
    font-size: 18px;
    line-height: 1.15;
}
  .datapay-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  background: #F7F7F7;
  border-radius: 12px;
  padding: 16px;
  gap: 16px;
  margin: auto;
  margin-bottom: 24px;
}
.datapay-wrapper {
  display: flex;
  gap: 24px;
  padding: 24px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: 16px;
  border: 1px solid #EDE9E9;
  background: #FFFFFF;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: row;
}
.datapay-status{
    background: #fff;
    border-radius: 16px;
    border: 1px solid  #EDE9E9;
    padding: 24px;
    margin-top: 16px;
}
.datapay-status-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid #ECE9E9;
}
.datapay-status-card{
    display: flex;
    align-items: center;
    gap: 16px;
}
.datapay-status-card-img{
    width: 114px;
    height: 90px;
    border-radius: 8px;
    object-fit: cover;
}
.datapay-status-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}
.data-pay-status-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}
.datapay-status-subtitle{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #998E91 ;
}
.right-part {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.waiting_sign{
    display: inline-block;
    background: #007AFF29;
    color: #3B82F6;
    padding: 4px 12px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
}
@media (max-width: 480px) {
    .modal-tooltip {
        width: 100%;
        padding: 0;
        left: 0;
    }

    .map-container {
        height: 200px;
    }

    .close-btn {
        font-size: 20px;
    }

    .confirm-btn {
        padding: 8px;
    }
    .coords-inputs input{
padding: 8px 16px;
    width: 50%;
    }
    .modal{
        padding: 20px;
    }
}
.sign-right{
    background: #007EFF;
    color: #fff;
    border: none;
    padding: 8px 32px;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}
.contract_signed{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}
.unpaid-text{
    background: #ffe0e0;
    color: #FD4900;
    padding: 4px 12px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.unpaid-title{
    background: #f0f0f0;
    color: #665C5F;
    padding: 4px 12px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.unpaid-fee{
    color: #000;
    font-weight: 600;
}
.unpaid-pay{
    background: #D6399A;
    color: white;
    border: none;
    padding: 8px 32px;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}
.right-part a{
    color: white;
}
.ready_for_registration{
    display: inline-block;
    background: rgba(232, 196, 128, 0.25);
    color: #e39d1a;
     padding: 4px 12px;
     border-radius: 22px;
    font-size: 14px;
    font-weight: 400;
     margin-top: 4px;
}
.paid-pay{
    background: #D6399A;
    opacity:0.3;
     color: #fff;
     border: none;
    padding: 8px 32px;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 400;
     text-decoration: none;
}
.sign-datapay-contract{
    background: #007EFF;
    color: #fff;
    opacity:0.3;
    border: none;
    padding: 8px 32px;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    cursor: not-allowed;
}
.completed{
    background: #00A62129;
    color: #00A621;
    border: none;
    padding: 4px 12px;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.monthly_debt, .contract_signed {
    background: rgba(234, 88, 12, 0.15);
    color: #EA580C;
    border: none;
    padding: 4px 12px;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 400;
}
.waiting_opponent_sign , .waiting_additional_sign , .waiting_akt_sign , .waiting_opponent_akt_sign , .waiting_opponent_additional_sign{
    display: inline-block;
    background: #007AFF29;
    color: #3B82F6;
    padding: 4px 12px;
    border-radius: 40px;
    font-size: 14px; font-weight: 400;
    margin-top: 4px;
}
.pending-pay{
    background: #D6399A;
    opacity:0.3;
    color: #fff;
    border: none;
     padding: 8px 32px;
     border-radius: 22px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}
.rejected{
    display: inline-block;
    background: #EA580C2E;
     color: #EA580C;
     padding: 4px 12px;
    border-radius: 40px;
    font-size: 14px; font-weight: 400;
     margin-top: 4px;
}
.payment-group-btn{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}
.payment-group-btn button{
    width: 100%;
    margin-bottom: 12px;
}
@media (max-width: 767px) {
 .right-part .inform-order {
    -ms-flex-negative: 0;
        flex-shrink: 0;

  }
  .right-part{
   margin-top: 20px;
  }
  .sign-right,
.pending-pay,
.paid-pay,
.unpaid-pay {
    padding: 8px 76px;
}

  .datapay-status-card{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-direction: column;
}
.datapay-status-card-img{
      width: 264px;
      height: 184px;
}
.status-box{
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}
.datapay-status-box{
    flex-direction: column;
}


}
.inform-order{
      width: 44px;
  height: 44px;
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  color: #620046;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFEBF4;
  border-radius: 50%;
}

.status-box{
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

@media (max-width: 768px) {
  .datapay-wrapper {
    flex-direction: column;
    margin-left: 12px;
    margin-right: 12px;
    gap: 16px;
    width: 93%;
    padding: 0 !important;
  }
  .datapay-card-content h3{
    font-size: 16px;
    line-height: 20p;
  }
  .datapay-card{
    padding: 12px;
    gap: 12px;
    width: 100%;
  }
  .datapay-card-image img{
    width: 96px;
    height: 80px;
  }

  .datapay-card-right {
    align-items: center;
  }
}

.datapay-card-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.datapay-card-image img {
  width: 136px;
  height: 108px;
  object-fit: cover;
  border-radius: 8px;
}
.company-text{
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 400;
    gap: 8px;
    color: #665C5F;
}

.datapay-card-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  gap: 16px;
}

.datapay-card-content h3 {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 0 0 4px 0; /* space below title */
}

.datapay-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #998E91;
  margin: 0 0 8px 0; /* space below subtitle */
}



.datapay-quantity-wrapper {
  display: inline-flex;
  align-items: center;
  border: 1px solid #FFD4ED;
  border-radius: 6px;
  background: #FFEAF4;
  overflow: hidden;
  margin-top: 0px;
}

.datapay-quantity-button {
  width: 36px;
  height: 36px;
  background: #FFEAF4;
  border: none;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.upload-wrapper {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.upload-section {
  width: 100%;
}

.upload-title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #333;
}

.upload-box {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 550px;
  padding: 12px;
  background: #F7F7F7;
  border-radius: 8px;
  border: 1px solid #EDE9E9;
  box-sizing: border-box; /* ensures padding doesn’t overflow the width */
}

/* Responsive styles for smaller screens */
@media (max-width: 768px) {
  .upload-box {
    flex-direction: column; /* Stack children vertically on small screens if needed */
    gap: 12px;
    padding: 16px;
  }
}


.upload-slot {
  display: flex;
  width: 120px;
  height: 90px;
  padding: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  border: 1px solid #EDE9E9;
  background: #FCFCFC;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.upload-slot img{
    width: 24px;
    height: 24px;
}


  .preview-grid {
    display: flex;
    gap: 8px;
  }
  .preview-item {
    position: relative;
    width: 100px;
    height: 90px;
    border: 1px solid #EDE9E9;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .preview-item img {
    max-width: 100%;
    width: 100px;
    height: 100px;
    max-height: 100%;
    object-fit: cover;
  }
  .delete-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 0;}
    .address-input-wrapper {
    position: relative;
  }
  .address-input-wrapper .form-control[readonly] {
    padding-right: 2.5rem;
    background-color: #fff;
    cursor: pointer;
  }
  .address-input-wrapper .map-icon {
    position: absolute;
    top: 50%; right: 4px;
    transform: translateY(-50%);
    width: 40px; height: 40px;
    cursor: pointer;
  }

    .modal {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.4);
    align-items: center;
    justify-content: center;
    border-radius: 16px;
  }

  /* Modal box */
  .modal-content {
    background: #fff;
    border-radius: 24px;
    width: 100%;
    max-width: 800px;
    padding: 8px;
    position: relative;
  }
  @media (max-width: 900px) {
  .modal-content {
    max-width: 99vw;
    border-radius: 18px;
    padding: 4px;
  }
}

@media (max-width: 600px) {
  .modal-content {
    max-width: 100vw;
    border-radius: 12px;
    padding: 0 0 10px 0;
    min-height: 98vh;
    box-sizing: border-box;
  }
}

    .close-btn {
    position: absolute;
    top: 0.6rem; right: 0.6rem;
    background: none; border: none;
    font-size: 1.5rem; cursor: pointer;
  }

    .map-container {
    width: 100%;
    height: 300px;
    border-radius: 8px;
    margin-bottom: 0.75rem;
  }
  .map-search-box {
    display: flex;
    margin-bottom: 12px;
    gap: 6px;
    align-items: center;
  }
  .map-search-box input[type="text"] {
    flex: 1;
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
  }
  .map-search-suggestions {
    position: absolute;
    background: #fff;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.11);
    max-height: 160px;
    overflow-y: auto;
    width: 100%;
    left: 0;
    top: 38px;
    border-radius: 6px;
  }
  .map-search-suggestion {
    padding: 7px 11px;
    cursor: pointer;
  }
  .map-search-suggestion:hover {
    background: #eef6ff;
  }
  .modal-content { position: relative; }
     .coords-inputs {
        display: flex;
        padding: 8px ;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }
    .leaflet-control-attribution { display: none !important; }
  .coords-inputs input {
    flex: 1;
    padding: 8px 16px;
    height: 40px;
    border: 1px solid #EDE9E9;
    border-radius: 8px;
    background: #F7F7F7;
  }
  .coords-inputs button#confirm {
    width: 40px;
    height: 40px;
    background-color: #D6399A;
    border: none;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }


.upload-slot input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.upload-placeholder {
  font-size: 20px;
  color: #AAA;
}

.upload-note {
  font-size: 12px;
  color: #888;
  margin-top: 8px;
  line-height: 1.4;
}

.datapay-quantity-button:first-child {
  border-radius: 6px 0 0 6px;
}

.datapay-quantity-button:last-child {
  border-radius: 0 6px 6px 0;
}

.datapay-quantity-input {
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  border: none;
  font-size: 18px;
  color: #000;
  text-align: center;
  pointer-events: none;
}



    @media (min-width: 600px) {
      .datapay-card {
        flex-direction: row;
        align-items: center;
      }
     }
.tinymce-wrapper .note-editor.note-frame.fullscreen {
    top: 72px;
}

.pac-container.pac-logo.hdpi {
    z-index: 10000;
}

.one-order-marketplace .box-img img.installment-img {
    object-fit: contain;
    -o-object-fit: contain;
}

.media-links a:hover {
    color: #b83b8c;
}
.media-links a {
    color: #000000;
}
.media-links > * {
    margin-bottom: 24px;
}

.big-product-menu .item .description {
    width: 100%;
    display: block;

    .name {
        font-size: 16px;
        line-height: 20px;
        color: #000000;
        white-space: pre-wrap;
        display: flex;
        word-break: break-all;
    }

    .des {
        font-size: 12px;
        color: #645c5f;
        white-space: pre-wrap;
        display: flex;
        word-break: break-all;
    }
}


.big-product-menu .left-part .item {
    width: 100% !important;
}




.footer_banner{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 112px;
    border-radius: 16px;
    justify-content: space-between;
    margin-bottom: 64px;
}

.footer_banner span{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-right: 30px;
}


.footer_bannerImageBox{
    display: flex;
    align-items: center;
}

.footer_bannerImageBox a{
    width: 164px;
}

.footer_bannerImageBox a:not(:last-child){
    margin-right: 12px;
}



@media(max-width:1237px){
    .footer_bannerImageBox a{
        width: 100px;
    }

    .footer_banner span{
        font-size: 16px;
    }
}


@media(max-width:992px){
    .footer_banner{
        display: flex;
        flex-direction: column;
        justify-content: unset;
    }

    .footer_banner span{
        margin-bottom: 8px;
        margin-right: 0;
    }

}


@media(max-width:520px){
    .footer_banner{
        display: flex;
        flex-direction: column;
        justify-content: unset;
        height: auto;
    }

    .footer_banner span{
        font-size: 14px;
    }

    .footer_banner img{
        width: 80px;
    }

}


@media(max-width:340px){

    .footer_banner span{
        font-size: 12px;
        line-height: normal;
    }

    .footer_banner img{
        width: 70px;
    }

}


.main-icon img {
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.expanded-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.expanded-icons img {
    width: 40px;
    height: 40px;
    cursor: pointer;
}


.hidden {
    display: none;
}

.footer__socialBox{
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    bottom: 86px;
    right: 14px;
    z-index: 1000;
}


@media(max-width:575px){
        .footer__socialBox a{
            width: 40px;
        }

        .footer__socialBox{
            bottom: 52px;
            right: 10px;
        }
        .expanded-icons {
            flex-direction: row;
        }
}




.events-list .description-line-2{
    word-break: break-all !important;
}
.storeMobilePopup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    padding:20px;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.storeMobilePopup__header {
    background-color: #fcfcfc;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.storeMobilePopup__des {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.storeMobilePopup__close {
    position: absolute;
    right: 32px;
    top: 32px;
}

.storeMobilePopup__content {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background: #fff;
    padding: 24px;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
}

.storeMobilePopup__content--title p {
    color:#000;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}


.storeMobilePopup__contentBtnBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.storeMobilePopup__contentBtnBox img{
    width: 160px;
    height: 48px;
}




.mission-card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 80px;
  width: 100%;
  max-width: 360px;
  height: 100%;
  max-height: 360px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #EDE9E9;
  background: #FFF;
  box-sizing: border-box;
 transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform, box-shadow;
}
.mission-card-wrapper:hover {
  transform: translateY(-4px)   rotateZ(2deg) scale(1.01);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.mission-card-container {
  display: flex;
  gap: 32px;
  width: 100%;
  flex-wrap: wrap;
height: 100%;
}
.mission{
 display: flex;
  padding: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 16px;
  background: color(display-p3 0.97 0.97 0.97);
  background: #F7F7F7;
}
.mission-card {
  display: flex;
  flex-direction: column;
  gap: 80px;
    justify-content: space-between;
  height: 100%;

}
.mission-card-text.vision {
    margin-bottom: 60px;
}

.mission-card-icon {
  width: 52px;
  height: 52px;
}
.mission-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.mission-card-title {
  font-size: 32px;
  font-weight: 500;
  margin: 0;
  line-height: 36px;
}

.mission-card-text {
  font-size: 18px;
  line-height: 24px;
  color: #352F31;
  font-weight: 400;
  word-break: break-word;
}


@media (max-width: 768px) {
  .mission-card-container {
    align-items: center;
  }

.mission{
    background-color: white;
}
  .mission-card-wrapper {
    width: 100%;
  }
  .image-container{
    padding: 0 !important;
  }
  .page-about-wrapper {
    margin-bottom: 0 !important;
  }
  .about-office-section{
    padding: 35px 0;
  }
  .carousel-container {
  position: relative !important;
  width: 100% !important;
  padding: 0 !important;
}

  .mission-card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .mission-card-text {
    font-size: 16px;
    line-height: 22px;
  }
}


.storeMobilePopup__contentBtnBox img:not(:last-child){
    margin-bottom:12px;
}

.wallet-hrs{
    display: flex;
    margin-top: 20px;
    opacity: 0.5;
    text-align: center;
}
.wallet-hrs hr:first-child{
    width: 39%;
    margin-right: 14px;
    border: 1px solid #f7ebf3;
}
.wallet-hrs hr:last-child{
    width: 39%;
    margin-left: 14px;
    border: 1px solid #f7ebf3;
}
.wallet_buttons{
    border: solid 2px #FFEBF4;
    border-radius: 23px;
}


@media(max-height:605px){
    .storeMobilePopup__des{
        width: 100%;
        height: 263px;
        object-fit: cover;
    }
}


@media(max-height:554px){
    .storeMobilePopup__content--title p{
        line-height: normal;
        font-size: 18px;
    }
}


  .card {
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
  }

  .card-image {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 8px;
  }

  .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 10px;
    border-radius: 8px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.32);
  }



  .card-text {
    padding: 12px;
    font-size: 14px;
    line-height: 1.4;
  }

.carousel-container {
  position: relative;
  width: 100%;
  padding: 0 12px;
}
.carousel {
  overflow: hidden;
}
.slides {
  display: flex;
  gap: 24px;
  transition: transform 0.5s ease;
  will-change: transform;
  align-items: stretch;
}
.slide {
  flex: 0 0 calc((100% - 48px) / 3);
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

@media (max-width: 800px) {
  .slides {
    gap: 16px;
  }
  .slide {
    flex: 0 0 50%;
  }
  .tooltip {
    display: none !important;
  }
}


@media (max-width: 500px) {
  .slides {
    gap: 12px;
  }
  .slide {
    flex: 0 0 90%;
  }
}



.slide:hover {
  transform: translateY(-4px);
  border-top-left-radius: 16px;
}

.img-wrap {
  overflow: hidden;
}
.img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
  border-top-left-radius: 16px;
}
.slide:hover .img-wrap img {
  transform: scale(1.05);
}

.slide-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding: 20px;
  transition: background-color 0.3s ease;
}

.slide h3 {
  font-size: 20px;
  margin-bottom: 12px;
}
.slide p {
  font-size: 14px;
  color: #665c5f;
  font-weight: 300;
  line-height: 20px;
  flex: 1;
  margin-bottom: 16px;
}

.highlight {
  color: #007bff;
  font-weight: bold;
}


.card-1 .slide-content { background-color: #ffd6ec; }
.card-1:hover .slide-content { background-color: #ffa9dd; }

.card-2 .slide-content { background-color: #ffece8; }
.card-2:hover .slide-content { background-color: #ffd8d3; }

.card-3 .slide-content { background-color: #dff3f7; }
.card-3:hover .slide-content { background-color: #c6eaf3; }

.card-4 .slide-content { background-color: #efe0e0; }
.card-4:hover .slide-content { background-color: #ddd2d2; }

.socials {
  display: flex;
  border-radius: 8px;
}
.social-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.social-link img {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  object-fit: contain;
  transition: opacity 0.2s ease;
}
.social-link img:hover {
  opacity: 0.7;
}

.social-text {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #0077b5;
  letter-spacing: 0.5px;
}

.social-arrow {
  margin-left: 8px;
  color: #0077b5;
}


.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  position: relative;
}
.arrow {
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #ffd4ed;
  opacity: 0.6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  cursor: pointer;
  transition: background 0.2s;
}
.arrow:hover {
  background: #ddd;
}
.dots {
  display: flex;
  gap: 8px;
  margin: 0 12px;
  align-items: center;
}
.slider-container .dots {
  display: flex;
  margin: 0;
  gap: 4px;
  align-items: center;
}
.slider-container .dot {
  width: 12px;
  height: 6px;
  background: #fff;
  border-radius: 1px;
  cursor: pointer;
  transition: background 0.2s;
}
.slider-container .dot.active {
  background: #000;
}
.dot {
  width: 6px;
  height: 8px;
  background: #ccc;
  border-radius: 1px;
  cursor: pointer;
  transition: background 0.2s;
}
.dot:hover {
  background: #bbb;
}
.dot.active {
  background: #333;
}

.dot.active.thumbnail {
  width: 26px;
  height: 36px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: auto;
  background-position: center;
  border-radius: 4px;
  background-color: transparent;
}
.tooltip {
  position: absolute;
  pointer-events: none;
  background: #050505;
  color: #fff;
  font-size: 0.85rem;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  border-radius: 16px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10;
}

.tooltip.show {
  opacity: 1;
}
  .page-article-wrapper {
    width: 100%;
    background-color: #f9f0f6;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    margin-bottom: 60px;

}
.page-office-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;

}
.page-office-content {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    align-items: center;
    /* gap: 20px; */
  }
  .page-article-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    max-width: 1200px;
    width: 100%;
    align-self: stretch;
    align-items: center;
}


  .card-wrapper {
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
  }




  .text-content-image {
    display: flex;
    gap: 12px;
  }

  .office-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .text-content-header {
    display: flex;
    flex-direction: column;
    gap:12px;
  }
  .text-content-office {
    display: flex;
    flex-direction: column;
  }

  .info-section {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .partner-section {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .info-card,
  .leadership-card {
    flex: 1 0 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px;
    text-align: center;

    border: 1px solid #EDE9E9;
    border-radius: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease;
  }

  .leadership-card {
    margin-right: 24px;
  }



  .info-card:hover {
    transform: translateY(-5px);
  }

  .info-icon {
    width: 160px;
    height: 160px;
    margin-bottom: 20px;
  }

  .info-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
  }

  .info-text {
    font-size: 15px;
    color: #444;
    line-height: 1.6;
  }

  .section-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0px;

  }
  .section-office{
    font-size: 20px;
    font-weight: 400;
  }

  .office-description {
    font-size: 16px;
    color: #665C5F;
    /* margin: 2px 0 0; */
    font-weight: 350;
  }
  .section-description {
    font-size: 1rem;
    color: #666;
    margin: 0;
}

  .image-container {
    flex: 1 1 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .image-container img {
    max-width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }


.recurring-link-button {
    background-color: #c54697;
    max-width: 200px;
    width: 200px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 10px;
}

.section-description {
    font-size: 1rem;
    color: #666;
    margin: 0;
}

.image-container {
    text-align: center;
    padding: 20px;
}

.image-container img {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .page-article-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 10px;

    }
    .page-office-content {
        grid-template-columns: 1fr;
        gap: 10px;

    }
    .info-section {
        flex-direction: column;
        align-items: center;
        padding: 20px 16px;
        gap: 16px;
      }

    .text-content-header {
        justify-content: center;
        align-items: center;
    }

    .section-title {
        margin-top: 0;
    }

    .image-container {
        order: -1;
    }
}
.page-about-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    margin-bottom: 60px;

}
.page-about-content {
    gap: 2rem;
    max-width: 1200px;
    width: 100%;
    align-self: stretch;
    align-items: center;
}

.section-about-title {
    font-size: 48px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px;
}
.about-description {
    font-size: 24px;
    color: #666;
    margin: 0;
    line-height: 36px;
    max-width: 800px;
}

  .motion-clip-image {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    animation: clipReveal 2s ease forwards;
}

@keyframes clipReveal {
    to {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
.image-container {
    text-align: center;
    padding: 20px;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    animation: clipReveal 2s ease forwards;
}

.image-container img {
    width: 100%;
    height: 100%;
}

@keyframes clipReveal {
    to {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
.form-checkbox-container {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.form-checkbox-container input[type="checkbox"] {
    display: none;
}

.switch {
    position: relative;
    width: 32px;
    height: 18px;
    background-color: #757575;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.switch::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
}

.form-checkbox-container input[type="checkbox"]:checked + .switch {
    background-color: #a0468e;
}

.form-checkbox-container input[type="checkbox"]:checked + .switch::before {
    transform: translateX(14px);
}

.switch-label {
    color: #757575;
}
.tab-like-radio {
    margin-bottom: 10px;
    padding: 4px !important;
    background: #FFEBF4 !important;
    border-radius: 48px; }
.tab-like-radio li {
    margin-bottom: 0;
    position: relative;
    color: black;
    cursor: pointer; }
.tab-like-radio li.open a {
    background: #FFFFFF !important;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }
.tab-like-radio li a {
    height: 36px;
    padding: 6px 16px;
    border-radius: 40px !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: black !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important; }
.tab-like-radio li a:hover {
    background: #FFFFFF !important; }

.events-list .box-img {
    width: 160px;
    height: 120px;
    margin-right: 24px;
    display: block;
    border-radius: 8px 0 0 8px;
    line-height: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.events-list .description {
    width: 100%;
}

.events-list a{
    height: 100%;
    line-height: 0;
    display: block;
}
.events-list img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tariff_wrapper .name{
    justify-content: start !important;
}