@font-face {
    font-family: 'Poppins';
    src: url('./fonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-italic-cyr-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-italic-lat-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-italic-cyr.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-italic-lat.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-normal-cyr-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-normal-lat-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-normal-cyr.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/Inter-normal-lat.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Light'), local('Gilroy-Light'), url('./fonts/Gilroy-Light.woff2') format('woff2'), url('./fonts/Gilroy-Light.woff') format('woff'), url('./fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('./fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'), url('./fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Gilroy-Regular.woff2') format('woff2'), url('./fonts/Gilroy-Regular.woff') format('woff'), url('./fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Medium'), local('Gilroy-Medium'), url('./fonts/Gilroy-Medium.woff2') format('woff2'), url('./fonts/Gilroy-Medium.woff') format('woff'), url('./fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Bold'), local('Gilroy-Bold'), url('./fonts/Gilroy-Bold.woff2') format('woff2'), url('./fonts/Gilroy-Bold.woff') format('woff'), url('./fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('./fonts/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'), url('./fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'), url('./fonts/Gilroy-Heavy.woff2') format('woff2'), url('./fonts/Gilroy-Heavy.woff') format('woff'), url('./fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Bold'), local('Rubik-Bold'), url('./fonts/Rubik-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Medium'), local('Rubik-Medium'), url('./fonts/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Regular'), local('Rubik-Regular'), url('./fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Black'), local('Rubik-Black'), url('./fonts/Rubik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Light'), local('Rubik-Light'), url('./fonts/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('./fonts/Ubuntu-Regular.eot');
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('./fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-Regular.woff') format('woff'), url('./fonts/Ubuntu-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita';
    src: url('./fonts/Gordita-Bold.eot');
    src: local('Gordita Bold'), local('Gordita-Bold'), url('./fonts/Gordita-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Gordita-Bold.woff') format('woff'), url('./fonts/Gordita-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('./fonts/Robotothin.woff2') format('woff2'), url('./fonts/Robotothin.woff') format('woff'), url('./fonts/Robotothin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('./fonts/Robotothinitalic.woff2') format('woff2'), url('./fonts/Robotothinitalic.woff') format('woff'), url('./fonts/Robotothinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('./fonts/Robotolight.woff2') format('woff2'), url('./fonts/Robotolight.woff') format('woff'), url('./fonts/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('./fonts/Robotolightitalic.woff2') format('woff2'), url('./fonts/Robotolightitalic.woff') format('woff'), url('./fonts/Robotolightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('./fonts/Roboto.woff2') format('woff2'), url('./fonts/Roboto.woff') format('woff'), url('./fonts/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'), url('./fonts/Robotoitalic.woff2') format('woff2'), url('./fonts/Robotoitalic.woff') format('woff'), url('./fonts/Robotoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('./fonts/Robotomedium.woff2') format('woff2'), url('./fonts/Robotomedium.woff') format('woff'), url('./fonts/Robotomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('./fonts/Robotomediumitalic.woff2') format('woff2'), url('./fonts/Robotomediumitalic.woff') format('woff'), url('./fonts/Robotomediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('./fonts/Robotobold.woff2') format('woff2'), url('./fonts/Robotobold.woff') format('woff'), url('./fonts/Robotobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('./fonts/Robotobolditalic.woff2') format('woff2'), url('./fonts/Robotobolditalic.woff') format('woff'), url('./fonts/Robotobolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('./fonts/Robotoblack.woff2') format('woff2'), url('./fonts/Robotoblack.woff') format('woff'), url('./fonts/Robotoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('./fonts/Robotoblackitalic.woff2') format('woff2'), url('./fonts/Robotoblackitalic.woff') format('woff'), url('./fonts/Robotoblackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@media (min-width: 768px) {
    .w-sm-100 {
        width: 100%!important;
    }
}

html,
body {
    height: 100%;
}

.bg-gray {
    background-color: #F3F3F8!important;
}

.form-check-input,
.form-check-label {
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

body #register-page,
body #profile-page,
body #login-page {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #DE9F64;
}

body #register-page #submit_btn.btn-disabled,
body #profile-page #submit_btn.btn-disabled {
    background-color: #eee;
    color: #999;
    cursor: initial;
    border-color: #ccc;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    background-color: #fff1e5;
    z-index: 999;
    border-radius: 10px;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="text"].rounded {
    margin-bottom: -1px;
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.form-signin #password {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #af5e13;
    --bs-btn-border-color: #af5e13;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #954e0c;
    --bs-btn-hover-border-color: #954e0c;
    --bs-btn-focus-shadow-rgb: 151, 79, 12;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #954e0c;
    --bs-btn-active-border-color: #954e0c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #af5e13;
    --bs-btn-disabled-border-color: #af5e13;
}

#shopMainContent .form-grandway-bind {
    filter: drop-shadow(2px 2px 14px rgba(36, 65, 93, 0.302));
    width: 100%;
    background: #EDEEF2;
    border-radius: 30px;
    border: unset;
    max-width: 330px;
    padding: 25px;
}

#shopMainContent .pagination {
    background: #F0F0F3;
    box-shadow: -1px -1px 3px #ffffff, 1.5px 1.5px 3px rgb(174 174 192 / 40%);
    display: inline-flex;
}

#shopMainContent .page-link {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #DE9F64;
    background: #F0F0F3;
    border-radius: 5px;
    border: unset;
    box-shadow: unset;
}

#shopMainContent .page-link.active {
    /* box-shadow: inset 2px 2px 5px 2px #F8BB5B33, inset -2px -2px 5px 2px #ffffff!important; */
}

#shopMainContent .page-link.active:after,
#shopMainContent .page-link:hover:after {
    content: '•';
    font-size: 30px;
    position: absolute;
    color: #DE9F64;
    left: calc(50% - 2px);
    line-height: 30px;
    font-size: 12px;
}

.shop-page .modal-content .btn-primary,
#shopMainContent .btn-primary {
    background: #EDEEF2;
    box-shadow: 6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    padding: 7px 10px;
    border-radius: 42px;
    border: unset;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #616161;
}

.shop-page .modal-content .btn-success.btn-sm,
#shopMainContent .btn-success.btn-sm,
.shop-page .modal-content .btn-secondary.btn-sm,
#shopMainContent .btn-secondary.btn-sm,
.shop-page .modal-content .btn-info.btn-sm,
#shopMainContent .btn-info.btn-sm,
.shop-page .modal-content .btn-warning.btn-sm,
#shopMainContent .btn-warning.btn-sm,
.shop-page .modal-content .btn-danger.btn-sm,
#shopMainContent .btn-danger.btn-sm,
.shop-page .modal-content .btn-primary.btn-sm,
#shopMainContent .btn-primary.btn-sm {
    box-shadow: 6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    padding: 7px 10px;
    border-radius: 42px;
    font-size: 12px;
    line-height: 140%;
    border: unset;
}

#shopMainContent .btn-coffee,
#shopMainContent .btn-added_to_cart {
    --bs-btn-color: #fff;
    --bs-btn-bg: #DE9F64;
    --bs-btn-border-color: #DE9F64;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DE9F64;
    --bs-btn-hover-border-color: #DE9F64;
    --bs-btn-focus-shadow-rgb: 151, 79, 12;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DE9F64;
    --bs-btn-active-border-color: #DE9F64;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DE9F64;
    --bs-btn-disabled-border-color: #DE9F64;
    background: #DE9F64;
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    border-radius: 42px;
    border: unset;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
}

#shopMainContent .btn-disabled {
    padding: 15px 24px;
    border-radius: 15px;
    color: #CFCFCF;
    background: #F7F7F7;
    border: 1px solid #E3E3E3;
}

#shopMainContent .text-grandway {
    color: #3c3f7b;
}

#shopMainContent .toast {
    background: #F4F5FF;
    border: 1px solid rgba(76, 94, 255, 0.4);
    border-radius: 10px;
    color: #3C3F7B;
}

.border-left-primary {
    border-left: 0.25rem solid #4e73df!important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a!important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc!important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e!important;
}

.border-left-danger {
    border-left: 0.25rem solid #dc3545!important;
}

#profile-link {
    color: #ffffff;
    text-decoration: none;
}

input[type="number"].is-invalid,
input[type="date"].is-invalid,
input[type="datetime-local"].is-invalid {
    padding-right: 30px!important;
}

input[type="number"]::-webkit-inner-spin-button {
    border-width: 0px;
    margin: 0;
    border-left: 1px solid #d8d8d8;
    height: 34px;
    width: 23px;
    cursor: pointer;
}

.chart-bar {
    position: relative;
    height: 10rem;
    width: 100%;
}

@media (min-width: 768px) {
    .chart-bar {
        height: 20rem;
    }
}

.chart-pie {
    position: relative;
    height: 15rem;
    width: 100%;
}

@media (min-width: 768px) {
    .chart-pie {
        height: calc(18rem - 43px)!important;
    }
}

.circle {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}

#email_page .h-300 {
    max-height: 300px;
    overflow: auto;
}

.h-200 {
    max-height: 200px;
    overflow: auto;
}

.statistics__link {
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #999
}

.statistics__link svg {
    vertical-align: bottom;
}

#section16_materials .card .profession {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #323448;
}

#section16_materials .card .statistics {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #323448;
}

#section16_materials .card .earnings {
    font-weight: 500;
    font-size: 28px;
    line-height: 140%;
    color: #AC5B14;
}

#section16_materials .card .earnings_caption {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #323448;
}

#section18_materials .card-img-top {
    margin: auto;
    border-radius: 50%;
    height: 270px;
    width: 270px;
    border: 10px solid #fff;
}

#section18_materials .card {
    text-align: center;
    padding: 15px;
    background: #efefef;
}

.shop-page {
    background: #F3F3F8;
    font-family: 'Inter';
}

.shop-page .modal-content {
    background: #FFFFFF;
    border: 1px solid #EBECFF;
    box-shadow: 0px 14px 130px -10px rgb(75 93 255 / 10%);
    border-radius: 40px;
    background: #EDEEF2;
    box-shadow: -2px -2px 6px #F8FBFF, 8px 8px 60px rgba(181, 187, 194, 0.5);
}

@media (min-width: 1400px) {
    .modal-xxl {
        --bs-modal-width: 1340px;
    }
}

.shop-page #modal-header {
    padding: 50px 56px 20px 56px;
    border-bottom: none;
    font-family: 'Inter';
}

.shop-page #modal-body {
    padding: 0px 56px 0px 56px;
    border-bottom: none;
    font-family: 'Inter';
    /* min-height: 100px; */
}

.shop-page .modal-footer {
    border-top: none;
    padding: 0px 56px 56px 56px;
    font-family: 'Inter';
}

.shop-page .modal-footer .cart_total_price_label {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    vertical-align: text-top;
}

.shop-page .modal-footer #cart_total_price_value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .modal-footer .completed-order #cart_total_price_value {
    font-size: 16px;
}

.shop-page .modal-footer #cart_coupon_discount_value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .modal-footer #cart_bonus_discount_value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .modal-footer #cart_credit_discount_value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .modal-footer #cart_direct_credit_discount_value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .modal-footer #cart_total_payable_value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .modal-footer #cart_total_bill_sum_value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .modal-footer #cart_total_le_value {
    margin-left: 6px;
    padding: 5px 12px;
    min-width: 80px;
    width: fit-content;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    border-radius: 13px;
    white-space: nowrap;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

.shop-page .modal-footer .completed-order #cart_total_le_value {
    margin-left: 0px;
}

.shop-page .modal-footer .cart_total_price {
    display: grid;
    grid-template-columns: 60% 40%;
}

.shop-page .modal-footer .completed-order .cart_total_price {
    display: grid;
    grid-template-columns: 190px max-content max-content;
    align-items: center;
}

.shop-page .modal-footer .cart_total_discount {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    vertical-align: text-top;
    width: fit-content;
}

.shop-page .modal-footer .completed-order .cart_total_discount {
    display: grid;
    grid-template-columns: 190px 40%;
    align-items: center;
}

.shop-page .modal-footer .cart_total_discount_label {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    vertical-align: text-top;
}

.shop-page .modal-footer #cart_total_discount_value {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    vertical-align: text-top;
    white-space: nowrap;
}

.shop-page .modal-footer .completed-order #cart_total_discount_value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .btn {
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 12px;
    border-radius: 42px;
}

.shop-page .btn-sm {
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
}

.shop-page #filter-form > .row >.col-auto {
    margin-bottom: 18px;
}

.shop-page #filter-form .btn {
    padding: 6px 12px;
}

.shop-page .modal-content .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4C5EFF;
    --bs-btn-border-color: #4C5EFF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4C5EFF;
    --bs-btn-hover-border-color: #4C5EFF;
    --bs-btn-focus-shadow-rgb: 151, 79, 12;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4C5EFF;
    --bs-btn-active-border-color: #4C5EFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4C5EFF;
    --bs-btn-disabled-border-color: #4C5EFF;
}

.shop-page .modal-header .btn-close {
    width: 40px;
    height: 40px;
    /* background-color: #f1f2fc; */
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    border-radius: 10px;
    opacity: 1;
    padding: 0px;
    background-size: 30%;
}

.shop-page .modal .modal-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #DE9F64;
}

.shop-page .modal .modal-title .product_cart_title {
    color: #3E3E3E;
}

.users-report-table thead {
    position: sticky;
    top: 0px;
}

.shop-page .cart_modal_table th .product-header,
.shop-page .cart_modal_table th {
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    color: #323448;
}

.shop-page .cart_modal_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-bottom: 20px;
    padding-left: 80px;
}

.shop-page .cart_modal_table tbody tr {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    /* background: #F4F5FF; */
    background: #EDEEF2;
    border-radius: 5px;
    filter: drop-shadow(-4px -4px 6px rgba(255, 255, 255, 0.8)) drop-shadow(-4px -4px 20px #FFFFFF) drop-shadow(3px 3px 2px rgba(36, 65, 93, 0.302))
}

.shop-page .cart_modal_table tbody tr td:first-child {
    padding-left: 10px;
    border-right: none;
    border-radius: 6px 0 0 6px;
    vertical-align: middle;
}

.shop-page .cart_modal_table tbody tr td:not(:first-child):not(:last-child) {
    padding: 10px 5px;
    vertical-align: middle;
}

.shop-page .cart_modal_table tbody tr td:last-child {
    padding-right: 10px;
    border-left: none;
    border-radius: 0 6px 6px 0;
    vertical-align: middle;
}

.shop-page .cart_modal_table tbody tr td .cart_prices {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.shop-page .cart_modal_table tbody tr td .product-info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.shop-page .cart_modal_table thead tr th .product-header {
    position: absolute;
    left: -80px;
    top: 10px;
}

.shop-page .cart_modal_table tbody tr td .product-preview {
    width: 66px;
    height: 66px;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: -80px;
    background: #EDEEF2 linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
}

.shop-page .cart_modal_table tbody tr td .product-name {
    font-weight: 400;
    font-size: 12px;
    color: #323448;
}

.shop-page .cart_modal_table tbody tr td .product-sku {
    font-weight: 400;
    font-size: 11px;
    color: #3E3E3E;
    opacity: 0.6;
}

.shop-page .cart_modal_table tbody tr td .cart_price {
    white-space: nowrap;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .cart_modal_table tbody tr td .cart_old_price {
    white-space: nowrap;
    font-weight: 500;
    font-size: 12px;
    text-decoration-line: line-through;
    color: rgba(50, 52, 72, 0.6);
    display: none;
}

.shop-page .cart_modal_table tbody tr td .cart_price_total {
    white-space: nowrap;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .cart_modal_table tbody tr td img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shop-page .cart_modal_table .cart_product_delete .IconView {
    cursor: pointer;
}


/* product checkout begin */


/* machine checkout begin */

.shop-page .modal .modal-title .machine_name {
    color: #AC5B14;
}

.shop-page #machineCheckoutForm .machine_header {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

.shop-page #machineCheckoutForm .machine_delete_btn {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #F64241;
    float: right;
    cursor: pointer;
    margin-top: -20px;
    margin-bottom: 10px;
}

.shop-page #machineCheckoutForm .machine_delete_btn svg {
    fill: #F64241;
    height: 12px;
    vertical-align: baseline;
}

.shop-page #machineCheckoutForm .machine_description {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #323448;
}

.shop-page #machineCheckoutForm .machine_equipment_description {
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

.shop-page #machineCheckoutForm .machine_equipment_description ul {
    padding-left: 20px;
}

.shop-page #machineCheckoutForm .machine_price {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page #machineCheckoutForm .machine_old_price {
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 140%;
    text-decoration-line: line-through;
    color: rgba(50, 52, 72, 0.6);
}

.shop-page #machineCheckoutForm .machine_discount {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;
    background: #F64241;
    border-radius: 10px;
    float: right;
    padding: 2px 6px 1px 6px;
}

.shop-page #machineCheckoutForm .discount_expire_in {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #3C3F7B;
    /* background: #F4F5FF; */
    border-radius: 10px;
    /* padding: 10px; */
}

.shop-page #machineCheckoutForm .machine_image {
    /* background: #F5F5F5; */
    border-radius: 10px;
    width: 100%;
}

.shop-page #machineCheckoutForm .machine_image img {
    display: block;
    height: 240px;
    margin: auto;
}

.shop-page #machineCheckoutForm .machine_image .image-lightbox {
    text-decoration: none;
    width: 90px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 7px;
}

.shop-page #machineCheckoutForm .machine_image .image-lightbox .image-preview {
    height: 60px;
    border: none;
}

.shop-page #machineCheckoutForm .checkout_items_block {
    /* padding: 15px; */
}

.shop-page .machine_checkout_modal_table,
.shop-page .equipment_checkout_modal_table {
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-bottom: 20px;
    padding-left: 60px;
}

.shop-page .machine_checkout_modal_table tbody tr {
    position: relative;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    border-radius: 5px;
    box-shadow: inset -6px -4px 15px #FFFFFF, inset 4px 4px 15px #C4C4C4;
}

.shop-page .equipment_checkout_modal_table tbody tr {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    background: #EDEEF2;
    border-radius: 5px;
    filter: drop-shadow(-4px -4px 20px #FFFFFF) drop-shadow(3px 3px 2px rgba(36, 65, 93, 0.302));
}

.shop-page .machine_checkout_modal_table tbody tr td {
    padding: 18px 10px;
}

.shop-page .equipment_checkout_modal_table tbody tr td {
    padding: 10px;
}

.shop-page .equipment_checkout_modal_table tbody tr td:first-child {
    padding-left: 15px;
    border: 1px solid #e3e3e3;
    border-right: none;
    border-radius: 5px 0 0 5px;
    vertical-align: middle;
}

.shop-page .machine_checkout_modal_table tbody tr td:not(:first-child):not(:last-child),
.shop-page .equipment_checkout_modal_table tbody tr td:not(:first-child):not(:last-child) {
    /* padding: 10px 5px; */
    /* border-top: 1px solid #e3e3e3; */
    /* border-bottom: 1px solid #e3e3e3; */
    vertical-align: middle;
}

.shop-page .machine_checkout_modal_table tbody tr td:last-child,
.shop-page .equipment_checkout_modal_table tbody tr td:last-child {
    padding-right: 15px;
    /* border: 1px solid #e3e3e3; */
    /* border-left: none; */
    border-radius: 0 5px 5px 0;
    vertical-align: middle;
}

.shop-page .machine_checkout_modal_table tbody tr td .equipment-info,
.shop-page .equipment_checkout_modal_table tbody tr td .equipment-info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.shop-page .machine_checkout_modal_table tbody tr td .machine-preview {
    width: 42px;
    height: 42px;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: -60px;
    top: 5px;
    background: #EDEEF2 linear-gradient(310.59deg, #EDEEF2 3.8%, #dfcebf 119.99%);
}

.shop-page .equipment_checkout_modal_table tbody tr td .equipment-preview {
    width: 42px;
    height: 42px;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: -60px;
    top: 5px;
    background: #EDEEF2 linear-gradient(310.59deg, #EDEEF2 3.8%, #dfcebf 119.99%);
}

.shop-page .machine_checkout_modal_table tbody tr td .machine-preview img,
.shop-page .equipment_checkout_modal_table tbody tr td .equipment-preview img {
    display: block;
    height: 100%;
    margin: auto;
}

.shop-page .machine_checkout_modal_table tbody tr td .machine-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    color: #AE5C07;
}

.shop-page .equipment_checkout_modal_table tbody tr td .equipment-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .machine_checkout_modal_table tbody tr td .checkout_prices,
.shop-page .equipment_checkout_modal_table tbody tr td .checkout_prices {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.shop-page .machine_checkout_modal_table tbody tr td .checkout_prices .checkout_price {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    color: #AE5C07;
    white-space: nowrap;
}

#credit_machines {
    max-height: 200px;
    overflow: auto;
}

.shop-page .equipment_checkout_modal_table tbody tr td .checkout_prices .checkout_price {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .equipment_checkout_modal_table tbody tr td .equipmentItemQuantity {
    width: 70px!important;
    display: inline-block!important;
}

.shop-page .equipment_checkout_modal_table tbody tr td .form-check-input {
    height: 30px;
    width: 30px;
    background-color: #EDEEF2;
    border-color: #EDEEF2;
    border-radius: 8px;
    box-shadow: inset -3px -3px 8px #FFFFFF, inset 3px 3px 8px #C4C4C4;
}

.shop-page .equipment_checkout_modal_table tbody tr td .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23575F6B' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.shop-page .modal-footer .checkout_total_price {
    display: grid;
    grid-template-columns: 60% 40%;
}

.shop-page .modal-footer .checkout_total_price_label {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
}

.shop-page .modal-footer #checkout_total_price_value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .modal-footer #checkout_coupon_discount_value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .modal-footer #checkout_bonus_discount_value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .modal-footer #checkout_credit_discount_value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .modal-footer #checkout_direct_credit_discount_value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .modal-footer #checkout_total_payable_value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    white-space: nowrap;
}

.shop-page .modal-footer #checkout_total_le_value {
    margin-left: 6px;
    padding: 5px 12px;
    min-width: 80px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    border-radius: 13px;
    white-space: nowrap;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

#shopMainContent.product-page .product-card .product-add-to-cart .product-bonuses {
    background: #F2C551;
    border-radius: 13px;
    min-width: 60px;
    display: inline-block;
    padding: 0px 6px 2px;
    text-align: center;
    white-space: nowrap;
    vertical-align: 6px;
}

#shopMainContent #shop_machines_cards .card {
    background: #fafafa;
    box-shadow: none!important;
}

#shopMainContent #shop_machines_cards .card .align-items-center {
    height: 100%;
}

#shopMainContent #shop_machines_cards .card .card-body ul {
    columns: 2;
}

.shop-page #shop_machines_cards .card-bonuses {
    background: #F2C551;
    border-radius: 13px;
    min-width: 60px;
    display: inline-block;
    padding: 0px 6px;
    text-align: center;
    margin-bottom: 8px;
    white-space: nowrap;
    vertical-align: bottom;
}

.shop-page .modal-footer #checkout_total_bonus_customer_value,
.shop-page .modal-footer #cart_total_bonus_customer_value {
    background: #F2C551;
    border-radius: 13px;
    min-width: 60px;
    width: fit-content;
    display: inline-block;
    padding: 0px 6px;
    text-align: center;
    white-space: nowrap;
    margin-left: 6px;
}

.shop-page #products-grid .price_variant {
    padding: .25rem !important;
    border-radius: var(--bs-border-radius-lg) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    font-size: 12px;
    cursor: pointer;
}

@media (max-width: 400px) {
    .shop-page #products-grid .price_variant {
        font-size: 11px;
    }
}

.shop-page #products-grid .card-bonuses {
    background: #F2C551;
    border-radius: 13px;
    min-width: fit-content;
    display: inline-block;
    padding: 0px 10px;
    text-align: center;
    white-space: nowrap;
}

#shopMainContent.product-page .product-card .product-add-to-cart .product-bonuses .bonus_badge,
.shop-page #shop_machines_cards .card-bonuses .bonus_badge,
.shop-page #shop_machines_cards .card-bonuses svg,
.shop-page #products-grid .card-bonuses .bonus_badge,
.shop-page #products-grid .card-franchise_price .franchise_price_badge,
.shop-page #products-grid .card-bonuses svg,
.shop-page .modal-footer #cart_total_bonus_customer_value .bonus_badge,
.shop-page .modal-footer #cart_total_bonus_customer_value svg,
.shop-page .modal-footer #checkout_total_bonus_customer_value .bonus_badge,
.shop-page .modal-footer #checkout_total_bonus_customer_value svg {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-page .modal-footer .checkout_total_discount {
    margin-top: 10px;
    width: fit-content;
}

.shop-page .modal-footer .checkout_total_discount_label {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

.shop-page .modal-footer .form-agree {
    font-weight: 300;
    font-size: 13px;
    line-height: 14px;
    color: #616161;
}

.shop-page .modal-footer .form-agree {
    line-height: 26px;
}

.shop-page .modal-footer .form-agree a {
    color: #8B4A06!important;
}

.shop-page .modal-footer .form-agree .form-check-input {
    margin-right: 20px;
    height: 20px;
    width: 20px;
    background-color: #EDEEF2;
    border-color: #EDEEF2;
    border-radius: 5px;
    box-shadow: inset -3px -3px 8px #FFFFFF, inset 3px 3px 8px #C4C4C4;
}

.shop-page .modal-footer .form-agree .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23575F6B' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.shop-page .modal-footer .form_additional_info {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #616161;
}

.shop-page .modal-footer .form_additional_info .open_form {
    color: #8B4A06 !important;
    text-decoration: underline;
    cursor: pointer;
}

.shop-page .modal-footer #checkout_total_discount_value {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    /* or 133% */
    color: #000000;
}


/* machine checkout end */

.shop-page #modal-header #currentProductCheckoutStep {
    font-weight: 500;
    font-size: 12px;
    text-align: right;
    color: #3C3F7B;
}

.shop-page #modal-header #maxProductCheckoutStep {
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    color: #3C3F7B;
    opacity: 0.4;
}

.shop-page #modal-body .form-check-label {
    font-weight: 400;
    font-size: 13px;
}

.shop-page #modal-body .form-label {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    display: flex;
    align-items: center;
    color: #3E3E3E;
}

.shop-page .form-select,
.shop-page .form-control {
    background-color: #EDEEF2;
    box-shadow: inset -6px -4px 15px #FFFFFF, inset 4px 4px 15px #C4C4C4;
    border-radius: 42px;
    border: unset;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #2B1F15;
}

.shop-page .form-floating .form-select,
.shop-page .form-floating .form-control {
    background-color: #EDEEF2;
    box-shadow: inset -6px -4px 15px #FFFFFF, inset 4px 4px 15px #C4C4C4;
    border-radius: 12px;
    border: unset;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}

.shop-page .form-select.is-invalid,
.shop-page .form-control.is-invalid {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, .25);
}

.shop-page #modal-body .form-select,
.shop-page #modal-body .form-control {
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    display: flex;
    align-items: center;
    color: #3E3E3E;
    padding: 12px;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545!important;
}

.shop-page #modal-body .form-control.form-control-sm,
.shop-page #modal-body .form-select.form-select-sm {
    padding: 6px;
    border-radius: 6px;
}

.shop-page .row-filter .form-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #575F6B;
}

.shop-page .row-filter .col-form-label {
    font-weight: 500;
    color: #575F6B;
}

@media (max-width: 1400px) {
    .shop-page .row-filter .col-form-label {
        font-size: 12px;
        margin-top: 4px;
    }
}

.shop-page .row-filter .form-control-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #575F6B;
}

.shop-page .row-filter .form-control {
    height: 40px;
    box-shadow: inset 2px 2px 5px 2px rgb(88 108 138 / 20%), inset -2px -2px 5px 2px #ffffff;
}

.shop-page .row-filter .form-select {
    outline: none;
    overflow: hidden;
    text-indent: 0.01px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: unset;
    box-shadow: 2px 2px 6px rgba(36, 65, 93, 0.1);
    background: url("https://img.icons8.com/material/24/000000/sort-down.png") no-repeat right;
    background-color: #EDEEF2;
    padding: 12px 20px;
    height: 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #575F6B;
}

.shop-page .row-filter #sort_by {
    height: 50px;
    outline: none;
    overflow: hidden;
    text-indent: 0.01px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: unset;
    box-shadow: 2px 2px 6px rgba(36, 65, 93, 0.1);
    background: url("https://img.icons8.com/material/24/000000/sort-down.png") no-repeat right;
    background-color: #EDEEF2;
    padding: 17px 28px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #575F6B;
    text-transform: uppercase;
}

.shop-page #filter-form .btn-success {
    padding: 12px 40px;
    border: unset;
    border-radius: 20px;
    height: 40px;
    background: linear-gradient(309.34deg, #B98A24 -13.68%, #E5E6EC 171.92%) #EDEEF2;
    opacity: 0.8;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    box-shadow: -4px -4px 8px rgba(255, 255, 255, 0.75), 4px 4px 8px rgba(36, 65, 93, 0.1);
}

.shop-page #filter-form .btn-primary {
    padding: 12px 40px;
    background: #EDEEF2;
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    border-radius: 42px;
    height: 40px;
}

.shop-page #modal-body #productCheckoutDataStep1 input::-webkit-outer-spin-button,
.shop-page #modal-body #productCheckoutDataStep1 input::-webkit-inner-spin-button,
.shop-page #modal-body #smsConfirmationBlock input::-webkit-outer-spin-button,
.shop-page #modal-body #smsConfirmationBlock input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.shop-page #modal-body #productCheckoutDataStep1 input[type=number],
.shop-page #modal-body #smsConfirmationBlock input[type=number] {
    -moz-appearance: textfield;
}

.shop-page #modal-body h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #3C3F7B;
}

.shop-page #modal-body .contract-block .contract-link {
    font-weight: 400;
    font-size: 14px;
    color: #4C5EFF;
    text-decoration: none;
}

.shop-page #modal-body .contract-block .contract-number {
    font-weight: 400;
    font-size: 13px;
    color: rgba(62, 62, 62, 0.8);
}

.shop-page #modal-footer .btn-disabled {
    background: #EDEEF2;
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    border-radius: 42px;
    border: unset;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #616161;
}

.shop-page #modal-footer .form-select,
.shop-page #modal-footer .form-control {
    padding: 11px 17px;
}

.shop-page #modal-footer #product-cart-footer {
    padding-left: 80px;
    padding-right: 80px;
    width: 100%;
}

.shop-page #modal-body #smsConfirmationBlock .confirmationText {
    font-weight: 400;
    font-size: 16px;
    color: #3E3E3E;
}

.shop-page #modal-body #smsConfirmationBlock .telephone {
    color: #4C5EFF;
}

.shop-page #modal-body #smsConfirmationBlock #sms-confirm {
    letter-spacing: 5px;
}

.shop-page #modal-body #smsConfirmationBlock #sms-resend {
    top: 0px;
    text-align: center;
    font-size: 12px;
    text-decoration-line: underline;
    color: #AC5B14;
    display: block;
    padding-top: 3px;
    width: 100%;
    cursor: pointer;
    z-index: 99;
}

#shopMainContent #sms-resend {
    text-align: center;
    font-size: 12px;
    text-decoration-line: underline;
    color: #AC5B14;
    display: block;
    padding-top: 3px;
    width: 100%;
    cursor: pointer;
}

.shop-page #modal-body #smsConfirmationBlock #sms_timeout {
    font-size: 12px;
    margin-left: 5px;
}

#shopMainContent #sms_timeout {
    font-size: 12px;
    margin-left: 5px;
}

.shop-page #modal-body #smsConfirmationBlock .contract-confirmed {
    background: #F4F5FF;
    border-radius: 10px;
    padding: 10px 16px;
    font-weight: 400;
    font-size: 13px;
    color: #3C3F7B;
}

.shop-page #modal-body .total-currency {
    background: #EDEEF2;
    border: 1px solid #dfc4ab;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    padding: 12px 20px;
    z-index: 99;
}

.shop-page #modal-body .total-price {
    background: #EDEEF2;
    border: 1px solid #dfc4ab;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    padding: 12px;
    padding-left: 30px;
    margin-left: -20px;
}

.shop-page #modal-body .btn-qr {
    background: #F6F7FF;
    border: 2px solid #EBECFF;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: #4B5DFF;
    padding: 12px 20px;
    justify-content: center;
}

.shop-page #modal-body #qr {
    text-align: center;
}

.shop-page #modal-body #qr img {
    max-width: 200px;
}

.shop-page #modal-body .payment_details {
    background: #EDEEF2;
    border-radius: 10px;
    padding: 15px;
}

.shop-page #modal-body .payment_details .payment_detail {
    font-weight: 500;
    font-size: 13px;
    color: #3C3F7B;
}

.shop-page #modal-body .payment_details .payment_detail_black {
    font-weight: 500;
    font-size: 13px;
    color: #3E3E3E;
}


/* product checkout end */

.sidebar {
    position: fixed;
    top: 13px;
    bottom: 0;
    left: 0;
    z-index: 200;
    padding: 70px 0px 0px 0px;
    overflow-y: hidden;
    max-height: 100vh;
    background: #EDEEF2;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.25);
    border-radius: 0px 20px 20px 0px;
    outline: none;
    border: 10px solid #EDEEF2;
    padding-right: 4px;
}

.sidebar:hover {
    padding-right: 0px;
    overflow-y: auto;
}

#sidebarMenu::-webkit-scrollbar {
    width: 4px;
}

#sidebarMenu::-webkit-scrollbar-track {
    background-color: #EDEEF2;
}

#sidebarMenu::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
}

#sidebarMenu .nav-item .nav-link {
    padding: 4px 10px 2px 7px;
    margin-bottom: 6px;
    margin-left: 10px;
    margin-right: 40px;
    display: flex;
    font-weight: 500;
    font-size: 11px;
    line-height: 26px;
    color: #000000;
}

#sidebarMenu .nav-item .nav-link:before {
    content: "";
    padding-right: 0px;
    color: #AC5B14;
    vertical-align: bottom;
    opacity: 0;
}

#sidebarMenu .nav-item .nav-link .left-menu-icon {
    height: 24px;
    width: 24px;
    /* filter: drop-shadow(-4px -4px 6px rgba(255, 255, 255, 0.8)); */
    filter: drop-shadow(2px 2px 6px rgba(36, 65, 93, 0.1));
    border-radius: 100%;
    background-color: #EDEEF2;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    filter: drop-shadow(2px 2px 4px rgba(36, 65, 93, 0.302));
    box-shadow: -2px -2px 5px #f8fbff, 2px 2px 50px rgb(181 187 194 / 50%);
    /* filter: drop-shadow(-4px -4px 5px rgba(255, 255, 255, 0.8)); */
    margin-top: 0px!important;
}

#sidebarMenu .nav-item .nav-link .left-menu-icon svg {
    height: 14px;
    width: 14px;
    display: block;
    margin: auto;
}

@media (min-width: 1400px) {
    #sidebarMenu .nav-item .active {
        background: #FFFFFF;
        border-radius: 50px;
        box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
        background: none;
    }
}

#sidebarMenu .nav-item .active:before {
    /* content: "•"; */
    /* padding-right: 10px; */
    color: #AC5B14;
    vertical-align: bottom;
    /* opacity: 1; */
}

#sidebarMenu .nav-item .active .left-menu-icon {
    background: #DE9F64;
    color: #fff;
}

#sidebarMenu .left-menu-item-text {
    display: flex;
}

@media (min-width: 768px) and (max-width: 1399px) {
    #sidebarMenu {
        -webkit-transition: width 0.2s ease-in-out;
        -moz-transition: width 0.2s ease-in-out;
        -o-transition: width 0.2s ease-in-out;
        transition: width 0.2s ease-in-out;
    }
    #sidebarMenu:hover {
        width: 310px!important;
        z-index: 1000;
        border-top: 10px solid #EDEEF2;
        border-right: 10px solid #EDEEF2;
        border-bottom: 10px solid #EDEEF2;
        border-left: 0px solid #EDEEF2;
        padding-left: 10px;
    }
    #sidebarMenu:not(:hover) {
        border: unset;
    }
    #sidebarMenu:not(:hover) .nav-item .nav-link {
        margin-left: 0px!important;
        margin-right: 0px;
        justify-content: center;
    }
    #sidebarMenu:not(:hover) .nav-item .nav-link.menu_parent_item {
        display: none;
    }
    #sidebarMenu:not(:hover) .nav-item .nav {
        display: flex;
        margin-left: 0px;
    }
    #sidebarMenu:not(:hover) .left-menu-item-text {
        display: none;
    }
    #sidebarMenu:not(:hover) #left_menu_clock {
        display: none;
    }
    #sidebarMenu:not(:hover) #left_menu_social_media {
        margin-bottom: 30px;
    }
    #sidebarMenu:not(:hover) #left_menu_social_media a {
        display: block;
        margin-bottom: 8px;
    }
    #sidebarMenu:not(:hover) #left-menu-clock-block {
        padding: 0px;
        height: 100px;
        position: relative;
    }
    #sidebarMenu:not(:hover) #left-menu-clock-block .clock {
        position: absolute;
        left: calc( (100% - 82px) / 2);
        top: 20px;
    }
    #sidebarMenu:not(:hover) #requisites {
        display: none;
    }
}

#sidebarMenu #left_menu_clock {
    text-align: left;
    min-height: 70px;
}

#sidebarMenu .requisites {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #000000;
}

#sidebarMenu .requisites p {
    margin-bottom: 4px;
}

#sidebarMenu .requisites a {
    color: #AE5C07;
}

#shop_header {
    z-index: 999;
    align-items: center;
    top: 0px;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out;
}

#shop_header .iconCaption {
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #3E3E3E;
}

#shop_header .top-menu-item a {
    color: #000;
    text-decoration: none;
}

#shop_header #profileIcon {
    position: relative;
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
    padding: 6px;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    filter: drop-shadow(3px 3px 20px #2B1F1555);
}

#shop_header #profileIcon .profile-avatar {
    height: 52px;
    width: 52px;
    border-radius: 10px;
}

#shop_header #profileIdIcon {
    position: relative;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
    padding: 6px;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    filter: drop-shadow(-4px -4px 30px #FFFFFF) drop-shadow(3px 3px 20px rgba(36, 65, 93, 0.302));
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    text-align: center;
    color: #000000;
}

#shop_header #bonusIcon {
    position: relative;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
    padding: 6px;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    filter: drop-shadow(-4px -4px 30px #FFFFFF) drop-shadow(3px 3px 20px rgba(36, 65, 93, 0.302));
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #8B4A06;
}

#shop_header #cartIcon {
    position: relative;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-left: 30px;
    cursor: pointer;
    margin-right: 40px;
    padding: 6px;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    background-color: #EDEEF2;
    filter: drop-shadow(-4px -4px 30px #FFFFFF) drop-shadow(3px 3px 20px rgba(36, 65, 93, 0.302));
    font-weight: 400;
    font-size: 11px;
    line-height: 140%;
    text-align: center;
    color: #000000;
}

#shop_header #cart_amount_badge {
    position: absolute;
    top: 3px;
    right: 0;
    transform: translate(25%, -25%);
    min-width: 24px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 140%;
    text-align: center;
    color: #000000;
    border-radius: 100%;
    background: linear-gradient(310.59deg, #DE9F64 3.8%, #E5E6EC 119.99%);
    padding: 4px 6px;
}

#shopMainContent {
    border-radius: 40px 0px 0px 40px;
    background: #F3F3F8;
    padding: 134px 0 48px 0;
    overflow-y: auto;
    min-height: 100vh;
}

#shopMainContent #shop_main_section1 .card {
    min-height: 300px;
}

#shopMainContent .section-header {
    font-weight: 900;
    font-size: 24px;
    line-height: 140%;
    color: #8B4A06;
}

#shopMainContent .section-sub-header {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #8B4A06;
}

#modal-body .section-sub-header {
    font-weight: 700;
    font-size: 16px;
    color: #8B4A06;
}

#shopMainContent .products-header {
    font-weight: 900;
    font-size: 24px;
    line-height: 140%;
    color: #8B4A06;
}

#shopMainContent .card div {
    z-index: 100;
}

.card .card-body ul {
    padding-left: 20px;
}

#shopMainContent .btn-bottom-right {
    position: absolute;
    bottom: 20px;
    right: 40px;
}

#shopMainContent .btn-bottom-left {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

#shopMainContent #rent-block .btn-bottom-left {
    min-width: 220px;
    padding: 10px 18px;
    font-size: 15px;
}

#shopMainContent .card .card-body p {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #323448;
}

#shopMainContent .specialist-card .card-body .specialist-avatar-block {
    height: 80px;
    width: 80px;
    border-radius: 10px;
    padding: 10px;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    /* filter: drop-shadow(-4px -4px 30px #FFFFFF); */
}

#shopMainContent .specialist-card .card-body .specialist-avatar {
    height: 60px;
    width: 60px;
    border-radius: 5px;
    filter: drop-shadow(-4px -4px 30px #FFFFFF);
}

#shopMainContent .specialist-card .card-body .specialist-description-col {
    filter: drop-shadow(-4px -4px 20px #FFFFFF);
}

#shopMainContent .specialist-card .card-body .specialist-description-block {
    min-height: 73px;
    padding: 10px 20px;
    background: #EDEEF2;
    border-radius: 15px;
    filter: drop-shadow(3px 3px 20px #2B1F1555);
}

#shopMainContent .specialist-card .card-body .specialist-prof {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    color: #DE9F64;
}

#shopMainContent .specialist-card .card-body .specialist-name {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopMainContent .specialist-card .card-body .specialist-org {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

#shopMainContent .specialist-card .card-body .specialist-contscts-block {
    margin-top: 14px;
}

@media (min-width: 1400px) {
    #shopMainContent .specialist-card .card-body .specialist-contscts-block {
        margin-top: -14px;
    }
}

#shopMainContent .specialist-card .card-body .specialist-telephone {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

#shopMainContent .specialist-card .card-body .specialist-email {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    color: #000000;
}

#shopMainContent .card .card-body .img-bottom-left {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    z-index: 0;
    border-radius: 20px;
    padding: 0;
    width: auto;
}

#shopMainContent .card .card-body .img-bottom-right {
    bottom: 10px;
    max-height: calc(100% - 60px);
    right: 36px;
    z-index: 200;
    padding: 0;
    height: 280px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

#shopMainContent .card .card-body .img-bottom-right img {
    height: 100%;
}

@media (max-width: 1400px) {
    #shop_machines_cards .btn-details {
        width: 100px!important;
    }

    #shopMainContent #shop_machines_cards .card .card-body ul {
        columns: 1;
    }

    #shopMainContent #shop_machines_cards .card .card-body ul li {
        margin-bottom: 4px;
    }

    #shopMainContent .card .card-body .img-bottom-right {
        /* height: auto; */
        /* width: 30%; */
        /* bottom: 50px; */
    }
    #shopMainContent .card .card-body .img-bottom-right img {
        /* width: 100% */
    }
}

@media (max-width: 1200px) {
    #shopMainContent #shop_machines_cards .card .card-body ul {
        columns: 2;
    }
}

@media (max-width: 767px) {
    #shopMainContent #shop_machines_cards .card .card-body ul {
        columns: 1;
    }
}

.img-bottom-right-full-height {
    position: absolute;
    bottom: 0;
    height: 100%;
    right: 0;
    z-index: 0;
    border-radius: 20px;
    padding: 0;
    width: auto;
}

#shop_machines_cards .btn-bottom-left {
    position: initial;
    background: linear-gradient(309.34deg, #B98A24 -13.68%, #E5E6EC 171.92%);
    width: 40%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
}

#shop_machines_cards .btn-details {
    z-index: 100;
    width: 111px;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 14px;
}

#shop_machines_cards .btn-about {
    z-index: 100;
    width: 40%;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 14px;
}

@media (max-width: 767px) {
    #shopMainContent .card .card-body .img-bottom-right {
        /* height: auto; */
        /* width: 30%; */
        /* right: 20px; */
        /* bottom: 10px; */
    }
    #shopMainContent .card .card-body .img-bottom-right img {
        /* width: 100% */
    }
}

#shop_machines_cards .btn-about .btn-arrow {
    margin-bottom: 3px;
}

#shopMainContent .text-trendwendcoffee {
    color: #AC5B14;
}

#shopMainContent .trendwendcoffee-icon {
    padding: 8px 14px;
    background-color: #AC5B14;
    box-shadow: 0px 10px 44px -10px #AC7153;
    border-radius: 15px;
}

#shopMainContent .card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #DE9F64;
}

#shopMainContent #shop_main_section1 .card-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #8B4A06;
}

#shopMainContent #shop_main_statistics .card-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
}

#shopMainContent #instructions_presentations .card-title,
#shopMainContent #news_grid .card-title {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

#shopMainContent #shop_main_statistics .card .card-body p {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #575F6B;
    margin-bottom: 9px;
}

#shopMainContent .card-img-top {
    background: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* height: 300px;
    width: auto; */
    max-width: -webkit-fill-available;
    margin: auto;
    display: block;
}

#shopMainContent #products-grid .card-img-top {
    padding: 13px 20px;
}

#shopMainContent .card {
    width: 100%;
    background: #EDEEF2;
    border-radius: 30px;
    border: unset;
}

#shopMainContent #products-grid .card {
    /* background: #FFF; */
}

#shopMainContent #shop_main_section1 .card,
#shopMainContent #shop_main_section2 .card,
#shopMainContent #shop_main_statistics .card {
    filter: drop-shadow(2px 2px 14px rgba(36, 65, 93, 0.302));
}

#shopMainContent #rent-block .card,
#shopMainContent #shop_machines_cards .card {
    box-shadow: -8px -8px 12px #F8FBFF, 8px 8px 60px rgba(181, 187, 194, 0.5);
}

@media (max-width: 767px) {
    #shopMainContent #shop_main_carousel .carousel-indicators {
        display: none;
    }
    #shopMainContent .carousel-inner {
        filter: drop-shadow(2px 2px 14px rgba(36, 65, 93, 0.302));
    }
    #shopMainContent.product-page #productImages .carousel-inner {
        filter: unset!important;
    }
    #shopMainContent .carousel-inner .card {
        filter: unset!important;
    }
    #shopMainContent #shop_machines_cards .card {
        box-shadow: none;
    }
    #shopMainContent #rent-block .card {
        box-shadow: none;
    }
    #shopMainContent .carousel-indicators {
        margin-left: 5%;
        margin-right: 5%;
        bottom: -60px;
    }
    #shopMainContent .carousel-indicators [data-bs-target] {
        opacity: 0.55;
        width: 16px;
        height: 16px;
        border-radius: 100%;
    }
    #shopMainContent .carousel-indicators .active {
        filter: drop-shadow(2px 2px 14px rgba(36, 65, 93, 0.582));
        opacity: 1;
    }
}

#shopMainContent #shop_main_section1 .card .form-control {
    height: 36px;
}

#shopMainContent .specialist-card {
    filter: unset;
    background: #F3F3F8;
    box-shadow: unset;
    border: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    #shopMainContent .specialist-card {
        background: none;
    }
    #shopMainContent .specialist-card .card-body .specialist-description-block {
        filter: none;
    }
    #shopMainContent .specialist-card .card-body .specialist-description-col {
        filter: none;
    }
}

#shopMainContent .specialist-card .card-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

#shopMainContent .card label {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #616161;
    margin-bottom: 9px;
}

#shopMainContent #products-grid .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#shopMainContent #products-grid .card a {
    text-decoration: none;
}

#shopMainContent #products-grid .card .card-product-name a {
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #616161;
}

#shopMainContent #products-grid .card .card-body .card-price {
    /* display: block; */
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #616161;
}

#shopMainContent #products-grid .btn-primary {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #616161;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
}

#shopMainContent .card .card-body .badges {
    /* display: flex; */
    /* gap: 10px 6px; */
    /* flex-wrap: wrap; */
    display: inline-block;
    text-align: right;
}

#shopMainContent .card .card-body .card-price {
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    background: linear-gradient(324.02deg, #ac6820 45.04%, #b96710 89.27%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopMainContent .card .card-body .card-old-price {
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    text-decoration-line: line-through;
    color: #616161;
    -webkit-text-fill-color: #444;
}

#shopMainContent #shop_machines_cards .card .card-body .card-old-price {
    position: absolute;
    left: 0px;
    top: 20px;
    font-size: 13px;
}


#shopMainContent .card .card-body .profits-label {
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #616161;
}

#shopMainContent .card .card-body .card-le {
    padding: 6px 10px;
    min-width: fit-content;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    border-radius: 13px;
    white-space: nowrap;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

#shopMainContent #shop_machines_cards .card .card-body .card-le {
    vertical-align: super;
}

#shopMainContent .card .card-body .card-franchise_price {
    background: #84f251;
    border-radius: 13px;
    min-width: fit-content;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent .card .card-body ul li {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
    color: #000000;
}

#rent-block .card {
    min-height: 310px;
    border-radius: 29px;
}

#shopMainContent .form-range-limits {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    display: flex;
    justify-content: space-between;
    color: #3E3E3E;
}

#shopMainContent .form-range-value {
    position: absolute;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #3E3E3E;
    top: 0px;
    left: 20px;
}

@media (max-width: 1400px) {
    #shopMainContent #shop_main_section1 .card-title {
        font-size: 15px;
    }
    #shopMainContent #calc-card .card {
        padding: 0px!important;
    }
    #shopMainContent #calc-card .mb-2,
    #shopMainContent #calc-card .mt-3 {
        margin-top: 0px!important;
        margin-bottom: 0px!important;
    }
    #shopMainContent #shop_main_section1 .card .form-control {
        height: 26px;
    }
    #shopMainContent .card label {
        margin-bottom: 5px;
        font-size: 12px;
    }
}

#calc_machineries {
    -webkit-appearance: none;
    margin-right: 15px;
    height: 10px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    background-size: 4%;
    background-repeat: no-repeat;
}

#calc_machineries::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 22px;
    margin-top: -6px;
    width: 40px;
    border-radius: 10px;
    /* border: 0px solid #EDEEF2!important; */
    /* background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><mask id='mask0_940_21912' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='4' height='18'><rect x='0.314209' y='17.0779' width='16.7315' height='3.41818' rx='1.70909' transform='rotate(-90 0.314209 17.0779)' fill='white'/></mask><g mask='url(#mask0_940_21912)'><g filter='url(#filter0_f_940_21912)'><rect x='1.04668' y='17.4608' width='16.382' height='1.46494' rx='0.732468' transform='rotate(-90 1.04668 17.4608)' stroke='white' stroke-width='1.46494'/></g><g opacity='0.55' filter='url(#filter1_f_940_21912)'><rect x='0.814209' y='16.5221' width='16.847' height='2.84545' rx='1.42273' transform='rotate(-90 0.814209 16.5221)' stroke='#586C8A' stroke-opacity='0.5'/></g></g><mask id='mask1_940_21912' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='7' y='0' width='4' height='18'><rect x='7.15088' y='17.0779' width='16.7315' height='3.41818' rx='1.70909' transform='rotate(-90 7.15088 17.0779)' fill='white'/></mask><g mask='url(#mask1_940_21912)'><g filter='url(#filter2_f_940_21912)'><rect x='7.88335' y='17.4608' width='16.382' height='1.46494' rx='0.732468' transform='rotate(-90 7.88335 17.4608)' stroke='white' stroke-width='1.46494'/></g><g opacity='0.55' filter='url(#filter3_f_940_21912)'><rect x='7.65088' y='16.5221' width='16.847' height='2.84545' rx='1.42273' transform='rotate(-90 7.65088 16.5221)' stroke='#586C8A' stroke-opacity='0.5'/></g></g><mask id='mask2_940_21912' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='13' y='0' width='5' height='18'><rect x='13.9873' y='17.0779' width='16.7315' height='3.41818' rx='1.70909' transform='rotate(-90 13.9873 17.0779)' fill='white'/></mask><g mask='url(#mask2_940_21912)'><g filter='url(#filter4_f_940_21912)'><rect x='14.7198' y='17.4608' width='16.382' height='1.46494' rx='0.732468' transform='rotate(-90 14.7198 17.4608)' stroke='white' stroke-width='1.46494'/></g><g opacity='0.55' filter='url(#filter5_f_940_21912)'><rect x='14.4873' y='16.5221' width='16.847' height='2.84545' rx='1.42273' transform='rotate(-90 14.4873 16.5221)' stroke='#586C8A' stroke-opacity='0.5'/></g></g><defs><filter id='filter0_f_940_21912' x='-1.68579' y='-1.65372' width='6.92993' height='21.847' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_940_21912'/></filter><filter id='filter1_f_940_21912' x='-5.68579' y='-6.82486' width='15.8455' height='29.847' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur stdDeviation='3' result='effect1_foregroundBlur_940_21912'/></filter><filter id='filter2_f_940_21912' x='5.15088' y='-1.65372' width='6.92993' height='21.847' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_940_21912'/></filter><filter id='filter3_f_940_21912' x='1.15088' y='-6.82486' width='15.8455' height='29.847' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur stdDeviation='3' result='effect1_foregroundBlur_940_21912'/></filter><filter id='filter4_f_940_21912' x='11.9873' y='-1.65372' width='6.92993' height='21.847' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_940_21912'/></filter><filter id='filter5_f_940_21912' x='7.9873' y='-6.82486' width='15.8455' height='29.847' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur stdDeviation='3' result='effect1_foregroundBlur_940_21912'/></filter></defs></svg>"); */
    background: #EDEEF2 linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    filter: drop-shadow(-3px -3px 20px #FFFFFF) drop-shadow(2px 2px 20px rgba(36, 65, 93, 0.302));
    cursor: ew-resize;
    /* box-shadow: 0 0 2px 0 #555; */
    transition: background .3s ease-in-out;
}

#calc_machineries::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

#shopMainContent #calculatedProfit {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #616161;
}

#shopMainContent #calculatedProfit .calculatedProfitValue {
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
    color: #5D5FEF;
}

#shopMainContent .form-select {
    /* border: 1px solid #4C5EFF;
    border-radius: 10px; */
}

#shopMainContent .category_filter {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-decoration-line: underline;
    color: #575F6B;
    cursor: pointer;
}

#shopMainContent .category_filter.active {
    text-decoration: none;
    border: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #575F6B;
}

#shopMainContent .image-preview {
    max-height: 66px;
    max-width: 66px;
    border: 1px solid #ccc;
    margin: 2px;
}

#shopMainContent #show_specialists_table .image-preview {
    max-height: 27px;
    max-width: 27px;
}

#shopMainContent #support_tickets_table .attachment-download {
    text-decoration: none;
    color: #333;
}

#shopMainContent #support_tickets_table .image-preview {
    max-height: 30px;
    max-width: unset;
    border: 1px solid #ccc;
    margin: 2px;
}

#shopMainContent .btn-back {
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #323448;
    opacity: 0.6;
    cursor: pointer;
}

#shopMainContent .breadcrumb {
    align-items: baseline;
}

#shopMainContent .breadcrumb .breadcrumb-item.active {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #A3A3A3;
}

#shopMainContent .breadcrumb .breadcrumb-item a {
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #3C3F7B;
}


/* PRODUCT PAGE BEGIN */

#shopMainContent.product-page hr {
    border-top: 1px solid #c6c7d9;
    margin-top: 30px;
    margin-bottom: 30px;
}

#shopMainContent.product-page .product-header {
    font-weight: 900;
    font-size: 24px;
    color: #AE5C07;
}

#shopMainContent.product-page .product-card {
    border-radius: 12px;
    padding-right: 12px;
}

#shopMainContent.product-page .product-card>.row {
    /* align-items: center; */
}

#shopMainContent.product-page #productImages {
    height: 100%;
    background: #ffffff;
    box-shadow: -8px -8px 12px #F3F3F8, 8px 8px 60px rgba(181, 187, 194, 0.5);
    border-radius: 30px;
    display: flex;
    align-items: center;
}

#shopMainContent.product-page #productImages .carousel-item img {
    background: #ffffff;
    background-blend-mode: darken, normal;
    border-radius: 30px;
    max-height: 300px;
    max-width: fit-content;
    margin: auto;
}

#shopMainContent.product-page #productImages .carousel-control-next,
#shopMainContent.product-page #productImages .carousel-control-prev {
    opacity: .9;
}

#shopMainContent.product-page #productImages .carousel-control-next:hover,
#shopMainContent.product-page #productImages .carousel-control-prev:hover {
    opacity: 1;
}

#shopMainContent.product-page #productImages .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    left: 40px;
    top: 147px;
    border-radius: 2px;
    background-size: 10px;
    background-position-x: 12px;
    background-color: #F0F0F3;
    box-shadow: -1px -1px 3px #FFFFFF, 1.5px 1.5px 3px rgba(174, 174, 192, 0.4);
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 7L1.5 4L4.5 1' stroke='%23CC8D4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

#shopMainContent.product-page #productImages .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    left: 325px;
    top: 116px;
    border-radius: 2px;
    background-size: 10px;
    background-position-x: 12px;
    background-color: #F0F0F3;
    box-shadow: -1px -1px 3px #FFFFFF, 1.5px 1.5px 3px rgba(174, 174, 192, 0.4);
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L4.5 4L1.5 7' stroke='%23CC8D4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

#shopMainContent.product-page .product-card .product-card-details {
    background: #EDEEF2;
    box-shadow: -8px -8px 12px #F3F3F8, 8px 8px 60px rgba(181, 187, 194, 0.5);
    border-radius: 30px;
}

#shopMainContent.product-page .product-card .product-card-details .price_variant {
    padding: .25rem !important;
    border-radius: var(--bs-border-radius-lg) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    cursor: pointer;
}

#shopMainContent.product-page .product-card .product-sku {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #616161;
}

#shopMainContent.product-page .product-card .product-sku-value {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-align: right;
    color: #3E3E3E;
}

#shopMainContent.product-page .product-card .attr-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #3E3E3E;
    opacity: 0.7;
}

#shopMainContent.product-page .product-card .attr-value {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #3E3E3E;
}

#shopMainContent.product-page .product-card .product-add-to-cart .product-cart-header {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    display: flex;
    align-items: center;
    color: #3E3E3E;
}

#shopMainContent.product-page .product-card .product-add-to-cart .product-total-header {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    color: #3E3E3E;
}

#shopMainContent.product-page .product-card .product-add-to-cart .product-price {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

#shopMainContent.product-page .product-card .product-add-to-cart .product-old-price {
    font-weight: 500;
    font-size: 11px;
    line-height: 140%;
    text-decoration-line: line-through;
    color: rgba(50, 52, 72, 0.6);
}

#shopMainContent.product-page .product-card .product-add-to-cart .product-le {
    margin-left: 6px;
    padding: 6px 12px 6px 12px;
    min-width: 80px;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    border-radius: 13px;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
    white-space: nowrap;
    vertical-align: 6px;
}

#shopMainContent.product-page .product-card .product-add-to-cart .franchise_price_badge {
    display: inline-block;
    margin-left: 0px;
    padding: 6px 12px 6px 12px;
    min-width: 80px;
    background: #84f251;
    border-radius: 13px;
    text-align: center;
    white-space: nowrap;
    color: #000000;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;

    vertical-align: 6px;
}

#shopMainContent.product-page .product-card .product-add-to-cart #quantity {
    line-height: 34px;
}

#shopMainContent.product-page .product-description-header {
    font-weight: 900;
    font-size: 24px;
    line-height: 140%;
    color: #AE5C07;
}

#shopMainContent.product-page .product-description {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #000000;
    white-space: break-spaces;
}

#shopMainContent.product-page .product-description-block {
    background: #EDEEF2;
    background-image: url("/images/shop/product_bg.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    box-shadow: -8px -8px 12px #F3F3F8, 8px 8px 60px rgba(181, 187, 194, 0.5);
    border-radius: 30px;
}


/* PRODUCT PAGE END */

#modal-body .table-block,
#shopMainContent .table-block {
    margin-left: -20px;
    padding: 30px 30px 4px 30px;
    background: #F3F3F8;
    box-shadow: -4px 4px 8px rgba(173, 173, 173, 0.2), 4px -4px 8px rgba(173, 173, 173, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba(173, 173, 173, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(173, 173, 173, 0.5);
    border-radius: 20px;
    overflow-x: auto;
}

#modal-body .table-block.modal_sales_manager_orders_table {
    margin-left: -20px;
    margin-right: -20px;
}

#modal-body .table-block.modal_sales_manager_orders_table #modal-orders-table {
    font-size: 11px;
}

#shopMainContent #show_yields_table th {
    vertical-align: bottom;
}

#shopMainContent #show_yields_table .form-control {
    font-size: 13px;
}

#shopMainContent #users-table .btn-download,
#shopMainContent #show_yields_table .btn-download,
#shopMainContent #event_tickets-table .btn-download,
#shopMainContent #social-orders-table .btn-download,
#shopMainContent #orders-table .btn-download {
    --bs-btn-color: #343A40;
    --bs-btn-border-color: #EDEEF2;
    --bs-btn-hover-color: #343A40;
    --bs-btn-hover-bg: #fEDEEF2ff;
    --bs-btn-hover-border-color: #EDEEF2;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #343A40;
    --bs-btn-active-bg: #EDEEF2;
    --bs-btn-active-border-color: #EDEEF2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #343A40;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #EDEEF2;
    --bs-gradient: none;
    padding: 0;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    box-shadow: -4px -4px 8px rgb(255 255 255 / 75%), 4px 4px 8px rgb(36 65 93 / 10%);
    border-radius: 100%;
    height: 21px;
    width: 21px;
}

#shopMainContent #event_tickets-table .btn-download svg,
#shopMainContent #social-orders-table .btn-download svg,
#shopMainContent #orders-table .btn-download svg {
    height: 19px;
    width: 12px;
    display: block;
    margin: auto;
}

#shopMainContent #show_yields_table .btn-download img,
#shopMainContent #social-orders-table .btn-download img,
#shopMainContent #orders-table .btn-download img {
    height: 17px;
    width: 14px;
    display: block;
    margin: auto;
    padding: 0!important;
}

#shopMainContent #orders-table .btn-pay {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4C5EFF;
    --bs-btn-border-color: #4C5EFF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4C5EFF;
    --bs-btn-hover-border-color: #4C5EFF;
    --bs-btn-focus-shadow-rgb: 151, 79, 12;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4C5EFF;
    --bs-btn-active-border-color: #4C5EFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4C5EFF;
    --bs-btn-disabled-border-color: #4C5EFF;
    border-radius: 10px;
}

#shopMainContent #orders-table .btn-download img {
    vertical-align: top;
}

#shopMainContent .table {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    color: #6C757D;
}

#modal-body #modal-orders-table,
#shopMainContent #social-orders-table,
#shopMainContent #draws-table,
#shopMainContent #draw_winners-table,
#shopMainContent #ratings-table,
#shopMainContent #users-table,
#shopMainContent #orders-table,
#shopMainContent #support_tickets_table {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #6C757D;
}

#shopMainContent .table .text-muted {
    color: #999999!important;
}

#shopMainContent #orders-table td {
    max-width: 200px;
    line-break: auto;
}

#shopMainContent #draw_winners-table,
#shopMainContent #ratings-table {
    font-size: 15px;
}

#shopMainContent #ratings-table .image-preview {
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    border-radius: 15px;
    border: 2px solid #FF8D2377;
}

@media (max-width: 1399px) {
    #shopMainContent #filter-form {
        font-size: 13px;
    }
    #shopMainContent #shop_rating {
        font-size: 13px;
    }
}

#shopMainContent #shop_rating .position {
    width: 230px;
    display: flex;
    justify-content: space-around;
    font-size: 14px;
}

#shopMainContent #shop_rating .image-preview {
    height: 70px;
    max-height: 70px;
    max-width: 70px;
    border-radius: 25px;
    border: 2px solid #3E32CD77;
}

#users-table {
    font-size: 15px;
}

#users-table .social {
    text-decoration: none;
    margin-right: 3px;
}

#users-table .social.inactive {
    cursor: initial;
}

#users-table .social svg {
    color: #4C5EFF;
}

#users-table .social.inactive svg {
    color: #999;
}

#locationOrderForm label,
#socialOrderForm label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #3E3E3E;
}

#locationCheckoutForm span,
#locationCheckoutForm pre,
#locationCheckoutForm label,
#socialCheckoutForm span,
#socialCheckoutForm pre,
#socialCheckoutForm label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #3E3E3E;
}

#machine-form #equipmentList,
#equipment-form #machinesList {
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #3E3E3E;
    padding: 12px;
    max-height: 500px;
    overflow-y: auto;
}

#shop_main_carousel {
    filter: drop-shadow(2px 2px 14px rgba(36, 65, 93, 0.302));
}

#shop_main_carousel .banner {
    box-shadow: 12px 14px 30px rgba(36, 65, 93, 0.2);
}

#shop_main_carousel .banner .btn-primary {
    box-shadow: unset;
}

#shop_main_carousel .banner .bd-placeholder-img {
    border-radius: 22px;
}

#shop_main_carousel .btn {
    position: absolute;
    left: 5%;
    bottom: 1rem;
    min-width: 200px;
    background-color: #fff;
}

#shop_main_carousel .carousel-indicators {
    z-index: 101;
    background: #fff4;
    border-radius: 10px;
    margin-right: 10%;
    left: unset;
}

#shop_main_carousel .carousel-indicators [data-bs-target] {
    width: 11px;
    height: 11px;
    border-radius: 100%;
}

#shop_main_section2 .card {
    min-height: 130px;
}

#shop_main_section2 .card .card-title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 140%;
    color: #575F6B;
}

#shop_main_section2 .card .btn-primary {
    text-transform: uppercase;
}

#shopMainContent #rent-block .card .card-body .card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

#shopMainContent #rent-block .card .card-body p {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

#shop_machines_cards #rent-block .btn-bottom-left {
    background: #EDEEF2;
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    border-radius: 42px;
    width: fit-content;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #616161;
    text-transform: none;
}

#shopMainContent #rent-block .card .card-body .img-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    padding: 0;
    border-radius: 29px;
    height: 100%;
    width: auto;
}

@media (max-width: 1400px) {
    #shopMainContent #rent-block .card .card-body .img-right {
        top: 6%;
        height: 70%;
    }
}

#shopMainContent #rent-block .card .card-body .img-bottom-right {
    top: unset;
    bottom: 0;
    border-radius: 0;
    height: auto;
}

#shop_left_menu .nav {
    flex-wrap: nowrap;
}

#shop_left_menu .menu_parent_item:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
    margin-left: auto;
}

#shop_left_menu .menu_parent_item.collapsed:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    margin-left: auto;
}

#left_menu_social_media {
    margin-top: 30px;
    /* margin-left: 30px; */
    text-align: center;
    /* margin-bottom: 20px; */
}

#left_menu_social_media .social {
    text-decoration: none;
    margin-right: 6px;
}

#left_menu_social_media .social svg {
    color: #555;
}

#left_menu_social_media.left_menu_social_media_absolute {
    position: absolute;
    bottom: 30px;
}

@media (min-width: 768px) {
    #shop_orders_statistics .progress-col {
        width: 20%!important
    }
}

#shop_orders_statistics .statistic_name {
    font-size: 12px;
}

#shop_orders_statistics .statistic_price {
    font-size: 13px;
    font-weight: bold;
}

#shop_orders_statistics .progress {
    --bs-progress-height: 2rem;
    position: relative;
    --bs-progress-bg: #e2e4e5;
}

#shop_orders_statistics .progress .progress-bar .progress_value {
    position: absolute;
    right: 10px;
    color: #000;
    background: #e2e4e5;
}

.modal-image {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}

.shop-page #modal-body #entity_registration_modal h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #3E3E3E;
}

.shop-page #modal-body #entity_registration_modal h6 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #3C3F7B;
    margin-bottom: 15px;
}

.shop-page #modal-body #entity_registration_modal .required {
    color: #6A09E7;
    margin-left: 4px;
}

.shop-page #modal-body #entity_registration_modal ol {
    padding-left: 14px;
}

.shop-page #modal-body #entity_registration_modal ol li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #323448;
    padding-left: 14px;
    margin-bottom: 14px;
}

.shop-page #modal-body #entity_registration_modal .form-label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #3E3E3E;
}

.shop-page #modal-body #entity_registration_modal .form-control {
    border-radius: 42px;
}

.shop-page #modal-body #entity_registration_modal .form-control .entity_registration_photo_text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #3E3E3E;
}

.shop-page #modal-body #entity_registration_modal .form-control .entity_registration_photo_info {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #A3A3A3;
}

.shop-page #modal-body #entity_registration_modal .entity_registration_photo_thumb {
    height: 40px;
    border-radius: 15px;
    margin-right: 10px;
}

.shop-page #modal-body #entity_registration_modal .photo_info_card {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    text-align: center;
}

.shop-page #modal-body #entity_registration_modal .photo_info_card .photo_info {
    height: 177px;
    border-radius: 15px;
}

.shop-page #modal-body #entity_registration_modal .photo_info_card label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #3C3F7B;
}

#modal-body .image-preview {
    max-height: 100px;
    max-width: 100px;
    border: 1px solid #ccc;
    margin: 2px;
}

#modal-body .speaker-preview {
    height: 120px;
    width: 120px;
    cursor: pointer;
    border-radius: 10px;
}

#modal-body #modal_iframe_video {
    width: 100%;
}

#modal-body #modal_iframe_video iframe {
    width: 100%;
}

#shopMainContent #instructions_videos .card .card-img-top,
#shopMainContent #instructions_presentations .card .card-img-top {
    max-height: 174px;
    width: auto;
}

#shopMainContent #instructions_videos .card .card-body .card-text,
#shopMainContent #instructions_presentations .card .card-body .card-text {
    font-size: 12px;
    color: #999;
}

#shopMainContent #instructions_videos .card .card-body .btn-primary,
#shopMainContent #instructions_presentations .card .card-body .btn-primary {
    padding: 10px 24px;
}

#shopMainContent #news_grid .card .card-img-top {
    /* max-height: 174px; */
    width: inherit;
}

#shopMainContent #news_grid .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#shopMainContent #news_grid .news-bookmark {
    position: absolute;
    top: 18px;
    right: 12px;
}

#shopMainContent #news_grid .card .card-body .news-header {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 18px;
}

#shopMainContent #news_grid .card .card-body .card-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}

#shopMainContent #news_grid .card .card-body .btn-primary {
    display: block;
    /* float: right; */
}

#shopMainContent #news_grid .card .card-body .read-news-btn {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #4C5EFF;
    border: 1px solid #EBECFF;
    border-radius: 10px;
    width: fit-content;
    display: block;
    float: right;
    cursor: pointer;
    text-decoration: none;
}

#shopMainContent #news-page h2.section-header {
    font-size: 30px;
}

#shopMainContent #structure_page h3.section-header a {
    text-decoration: none;
    color: #3C3F7B;
}

#shopMainContent #news-page .goBack {
    text-decoration: none;
}

#shopMainContent #news-page .card-img-top {
    border-radius: 20px;
}

#shopMainContent #news-page .news-info {
    font-size: 12px;
    color: #999;
}

#shopMainContent #news-page .news-date {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color: #3C3F7B;
}

#shopMainContent #news-page .news-text {
    white-space: break-spaces;
}

#shopMainContent #news-page .news-text img {
    display: block;
    max-width: 100%;
    margin: auto;
}

#modal-body .table-support-ticket th,
#modal-body .table-support-ticket td,
#modal-body .table-support-ticket .form-select-sm {
    font-size: 13px;
}

#modal-body #support_ticket_messages {
    height: 56vh;
    overflow-y: auto;
}

#modal-body #support_ticket_messages .support_ticket_client_mesage_block .support_ticket_mesage_name {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

#modal-body #support_ticket_messages .support_ticket_client_mesage_block {
    height: fit-content;
    padding: 15px;
    background: #ebecff;
    box-shadow: 6px 6px 12px rgba(235, 236, 255, 0.1), 6px 6px 12px rgba(235, 236, 255, 0.05), 6px 6px 20px rgba(235, 236, 255, 0.1);
    border-radius: 0px 10px 10px 10px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #444;
}

#modal-body #support_ticket_messages .support_ticket_specialist_mesage_block {
    height: fit-content;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid rgba(112, 124, 151, 0.25);
    box-shadow: 10px 10px 25px rgba(112, 124, 151, 0.05), 15px 15px 35px rgba(112, 124, 151, 0.05);
    border-radius: 10px 10px 0px 10px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}

#modal-body #support_ticket_messages .support_ticket_mesage {
    white-space: break-spaces;
}

#modal-body #support_ticket_messages .support_ticket_specialist_mesage_block .support_ticket_mesage_name {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

#modal-body #support_ticket_messages .support_ticket_specialist_mesage_block .support_ticket_mesage_date {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #777;
}

#modal-body #support_ticket_messages .support_ticket_avatar_block img {
    width: 100%;
    height: auto;
    box-shadow: 0px 2px 20px #ebecff;
    border-radius: 100px;
    border: none;
}

#modal-body #support_ticket_messages .support_ticket_client_mesage_block .support_ticket_mesage_date {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #777c;
}

#modal-body #support_ticket_messages .support_ticket_mesage_attachment {
    margin-top: 10px;
    display: block;
}

#modal-body #support_ticket_messages .support_ticket_specialist_mesage_block .support_ticket_mesage_attachment a {
    color: #333;
    text-decoration: none;
}

#modal-body #support_ticket_messages .support_ticket_client_mesage_block .support_ticket_mesage_attachment a {
    color: #777;
    text-decoration: none;
}

#modal-footer #support_ticket_message_image {
    position: relative;
}

#modal-footer #support_ticket_message_image .image-preview {
    height: 46px;
}

#modal-footer #support_ticket_message_image_delete_btn {
    position: absolute;
    right: 7px;
    top: 5px;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    width: 14px;
    height: 14px;
    background-color: #f1f2fc;
    cursor: pointer;
}

#support_ticket_images_block .card-img-top {
    height: 80px;
    width: fit-content;
    margin: auto;
}

#profile-tab .nav-link {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #3C3F7B;
    opacity: 0.6;
    cursor: pointer;
}

#profile-tab .nav-link.active {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #4C5EFF;
}

#profile-tabContent .profile-card {
    padding: 20px 30px;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 20px 30px -20px rgba(75, 93, 255, 0.1);
    border-radius: 10px;
}

#profile-tabContent .profile-card .form-label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #3E3E3E;
}

#profile-tabContent .profile-card .form-control {
    padding: 12px 10px;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
}

#profile-tabContent .profile-card-title {
    margin-bottom: 15px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color: #4C5EFF;
}

#profile-tabContent #profile-avatar-block #profile-avatar {
    height: 56px;
    border-radius: 20px;
}

#profile-tabContent #profile-info-table th {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #A3A3A3;
}

#profile-tabContent #profile-info-table td {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    color: #3E3E3E;
}

#profile-tabContent #profile-info-table td .copy-btn {
    height: 13px;
    vertical-align: baseline;
    cursor: pointer;
}

.shop-page #profile-social-block .form-control {
    background: #ffffff;
    box-shadow: inset -3px -3px 15px #FFFFFF, inset 3px 3px 15px #e1dfdf;
}

#cropAvatarBlock {
    display: block;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}

.autocomplete-list {
    width: calc(100% - 24px);
    position: absolute;
    border: 1px solid #eee;
    padding: 5px 10px;
    margin-top: -10px;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    z-index: 10;
}

.autocomplete-list .autocomplete-item {
    cursor: pointer;
}

.autocomplete-list .autocomplete-item:hover {
    background-color: #c9dfff;
}

.autocomplete-list .autocomplete-item.inactive {
    cursor: initial;
    background: #fff!important;
}

#shopMainContent #shop_bonus_statistics .card {
    height: max-content!important;
}

#bonus-card-logo {
    position: absolute;
    top: 10%;
    right: 20px;
}

#bonus-card-copy {
    position: absolute;
    top: 55%;
    right: 20px;
    background-color: #fff;
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
}

#bonus-card-bonus-rate {
    position: absolute;
    top: 80%;
    right: 20px;
    text-align: right;
    padding: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
    text-shadow: 0px 2px 1px rgb(0 0 0 / 35%);
}

#bonus-card-bonus-rate #bonus_amount_badge {
    display: inline-block;
}

#bonus-card-bonus-rate .bonus-card-balance-icon {
    background-color: #fadf56;
    height: 20px;
    min-width: 24px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(75 93 255 / 20%);
    padding: 4px 6px;
    display: inline-block;
    margin-bottom: 2px;
}

#bonus-card-balance-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    position: absolute;
    top: 10%;
    left: 20px;
    color: #FFFFFF;
    opacity: 0.6;
}

#bonus-card-balance {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    position: absolute;
    top: 20%;
    left: 20px;
    color: #FFFFFF;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.35);
}

#bonus-card-withdrawal {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    position: absolute;
    top: 9%;
    left: 72px;
    color: #FFFFFF;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.35);
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 1px 7px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.1s ease-out;
}

#bonus-card-withdrawal:hover {
    opacity: 0.8;
}

#bonus-card-userid-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    position: absolute;
    top: 50%;
    left: 20px;
    color: #FFFFFF;
    opacity: 0.6;
}

#bonus-card-userid {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    position: absolute;
    top: 60%;
    left: 20px;
    color: #FFFFFF;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.35);
}

#bonus-card-username-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    position: absolute;
    top: 75%;
    left: 20px;
    color: #FFFFFF;
    opacity: 0.6;
}

#bonus-card-username {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    position: absolute;
    top: 85%;
    left: 20px;
    color: #FFFFFF;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.35);
}

#bonus-card-balance #bonus_amount_badge {
    display: inline-block;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    color: #FFFFFF;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.35);
}

#bonus-card-balance .bonus-card-balance-icon {
    background-color: #fadf56;
    height: 20px;
    min-width: 24px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(75 93 255 / 20%);
    padding: 4px 6px;
    display: inline-block;
}

.bonus-action {
    display: inline-block;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #323448;
    opacity: 0.5;
    margin-top: 16px;
    cursor: pointer;
    text-decoration: none;
}

.bonus-action:hover {
    color: #323448;
    opacity: 0.55;
}

#shopMainContent .rating label {
    position: relative;
    width: 26px;
    height: 26px;
    display: inline-block;
}

#shopMainContent .rating .rated::after {
    content: '\2605';
    font-size: 30px;
    position: absolute;
    color: orange;
    left: 0;
    bottom: 0;
    line-height: 30px;
}

#structure_page .head-card-left {
    background: #4C5EFF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(44, 60, 224, 0.1);
    border-radius: 20px;
    color: #fff;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
}

#structure_page .head-card-right {
    background: linear-gradient(147.36deg, #11DA85 10.68%, #19A66B 87.19%);
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(44, 60, 224, 0.1);
    border-radius: 20px;
    color: #fff;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
}

#structure_page .head-card-left .head-card-counter,
#structure_page .head-card-right .head-card-counter {
    background: #F1F2FC;
    border-radius: 15px;
    min-width: 40px;
    padding: 6px;
    width: max-content;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    color: #4C5EFF;
}

#structure_page .head-card-left .head-card-white,
#structure_page .head-card-right .head-card-white {
    background: #fff;
    border-radius: 20px;
    height: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #3E3E3E;
}

#structure_page .head-card-left .head-card-white .head-card-counter,
#structure_page .head-card-right .head-card-white .head-card-counter {
    background: #F1F2FC;
    border-radius: 15px;
    min-width: 40px;
    padding: 6px;
    width: max-content;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    color: #4C5EFF;
}

#structure_page .card {
    background: #FFFFFF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 20px 30px -20px rgba(75, 93, 255, 0.1);
    border-radius: 20px;
}

#structure_page .card-header {
    background: #323448;
    border-radius: 20px 20px 0 0;
}

#structure_page .card-header .image-preview {
    height: 50px;
    max-height: 50px;
    max-width: 50px;
    border: 2px solid #4C5EFF;
    border-radius: 20px;
}

#structure_page .card-header .referrer_name {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
}

#structure_page .card-header .referrer_info {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0.6;
}

#structure_page .card-header.customer {
    background: #E5FEF2;
    border-radius: 20px 20px 0 0;
}

#structure_page .card-header.partner {
    background: #EBECFF;
    border-radius: 20px 20px 0 0;
}

#structure_page .card-header.consultant {
    background: #F8E9FF;
    border-radius: 20px 20px 0 0;
}

#structure_page .card-header.partner_grand {
    background: #fff5e9;
    border-radius: 20px 20px 0 0;
}

#structure_page .card-header.customer .referrer_name,
#structure_page .card-header.partner .referrer_name,
#structure_page .card-header.consultant .referrer_name,
#structure_page .card-header.partner_grand .referrer_name,
#structure_page .card-header.customer .referrer_info,
#structure_page .card-header.partner .referrer_info,
#structure_page .card-header.consultant .referrer_info,
#structure_page .card-header.partner_grand .referrer_info {
    color: #323448;
}

#structure_page .card-body .referrer_header {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #323448;
    opacity: 0.4;
}

#structure_page .card-body .referrer_text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #323448;
}

#structure_page .card-body .socials span,
#structure_page .card-body .socials a {
    background: #FFFFFF;
    border: 1px solid #EBECFF;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    padding: 6px;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
}

#structure_page .card-body .socials span.inactive,
#structure_page .card-body .socials a.inactive {
    cursor: initial;
}

#structure_page .card-body .socials a {
    color: #323448;
}

#structure_page .card-body .socials a svg {
    color: #4C5EFF;
}

#structure_page .card-body .socials a.inactive svg {
    color: #999;
}

#shopMainContent.sales_manager_consolidated_report #balance-card {
    height: 225px;
}

#promos .promo-card {
    height: 460px;
    border: 1px solid #F1F2FC;
    border-radius: 20px;
    box-shadow: 0px 20px 30px -20px rgba(75, 93, 255, 0.1);
    padding: 20px 20px 10px 20px;
}

#promos .promo-card.promo_ended {
    opacity: 0.5;
}

#promos .card-body .promo-header h2 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    color: #323448;
}

#promos .promo-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#promos .promo-card .card-body.travel_bonus {
    background-image: url("/images/shop/promo/travel_bonus/bg.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 100%;
}

#promos .promo-card .card-body.quick_start_bonus {
    background-image: url("/images/shop/promo/quick_start_bonus/bg.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 100%;
}

#promos .promo-card .card-body.best_manager_bonus {
    background-image: url("/images/shop/promo/best_manager_bonus/bg.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 90%;
}

#promos .promo-card .promo-bg {
    top: 0;
    position: absolute;
}

#promos .promo-card .promo_badge {
    display: block;
    text-align: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #3C3F7B;
    border: 1px solid #3C3F7B;
    border-radius: 10px;
    padding: 10px;
}

#promos .promo-card .promo-bottom {
    min-height: 61px;
}

#promos .promo-status {
    border: unset;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}

#promos .promo-status .promo-status-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #3C3F7B;
    opacity: 0.6;
    padding-left: 20px;
}

#promos .promo-status .promo-status-data {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #3C3F7B;
    padding-left: 20px;
}

#promos .promo-card .progress {
    --bs-progress-height: 20px;
}

#promos .promo-card .progress-bar {
    border-radius: 5px;
    background: #C6C8FF;
}

#promos .promo-card .progress_counter {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #3C3F7B;
    margin-top: 10px;
}

#promos .promo-card .promo_countdown {
    font-size: 13px;
    background: #323448;
    border-radius: 8px;
    padding: 7px;
    color: #fff;
}

#personal_achievement_1_modal p,
#personal_achievement_1_modal ul li,
#personal_achievement_1_modal ol li,
#personal_achievement_2_modal p,
#personal_achievement_2_modal ul li,
#personal_achievement_2_modal ol li,
#personal_achievement_3_modal p,
#personal_achievement_3_modal ul li,
#personal_achievement_3_modal ol li,
#personal_achievement_4_modal p,
#personal_achievement_4_modal ul li,
#personal_achievement_4_modal ol li,
#personal_achievement_5_modal p,
#personal_achievement_5_modal ul li,
#personal_achievement_5_modal ol li,
#personal_achievement_6_modal p,
#personal_achievement_6_modal ul li,
#personal_achievement_6_modal ol li,
#quick_start_bonus_modal p,
#quick_start_bonus_modal ul li,
#quick_start_bonus_modal ol li,
#best_manager_bonus_modal p,
#best_manager_bonus_modal ul li,
#best_manager_bonus_modal ol li,
#travel_bonus_modal p,
#travel_bonus_modal ul li,
#travel_bonus_modal ol li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #323448;
    opacity: 0.6;
}

#quick_start_bonus_modal .quick_start_bonus-1 {
    height: 100%;
    position: relative;
    background: #8591FF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(44, 60, 224, 0.1);
    border-radius: 20px;
    color: #fff;
}

#quick_start_bonus_modal .quick_start_bonus-1 ul {
    margin-top: 10px;
    padding-left: 15px;
}

#quick_start_bonus_modal .quick_start_bonus-1 ul li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #fff;
    opacity: 1;
}

#quick_start_bonus_modal .quick_start_bonus-1 img {
    position: absolute;
    top: 0px;
    right: 0px;
}

#quick_start_bonus_modal .quick_start_bonus-2 {
    height: 100%;
    position: relative;
    background: #866CBF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(224, 173, 44, 0.1);
    border-radius: 20px;
    color: #fff;
}

#quick_start_bonus_modal .quick_start_bonus-2 img {
    position: absolute;
    top: 0px;
    right: 0px;
}

#quick_start_bonus_modal .quick_start_bonus-2 ul {
    margin-top: 10px;
    padding-left: 15px;
}

#quick_start_bonus_modal .quick_start_bonus-2 ul li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #fff;
    opacity: 1;
}

#travel_bonus_modal .travel_bonus-100 {
    background: linear-gradient(158.26deg, #3E32CD 2.8%, #712FFF 71.96%);
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(44, 60, 224, 0.1);
    border-radius: 20px;
    color: #fff;
}

#travel_bonus_modal .travel_bonus-150 {
    background: linear-gradient(159.93deg, #4D5EFA 22.75%, #5031DF 77.71%);
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(44, 60, 224, 0.1);
    border-radius: 20px;
    color: #fff;
}

#travel_bonus_modal .travel_bonus-200 {
    background: linear-gradient(172.62deg, #5B6CFF 19.98%, #5685FF 83.6%);
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(44, 60, 224, 0.1);
    border-radius: 20px;
    color: #fff;
}

#travel_bonus_modal .travel_bonus-100 .travel_bonus_info,
#travel_bonus_modal .travel_bonus-150 .travel_bonus_info,
#travel_bonus_modal .travel_bonus-200 .travel_bonus_info {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}

#travel_bonus_modal .progress-bar {
    border-radius: 5px;
    background: #8EE6E0;
    color: #000;
}

#quick_start_bonus_modal .progress {
    margin-top: 10px;
}

#quick_start_bonus_modal .progress-bar {
    border-radius: 5px;
    background: #8EE6E0;
    color: #000;
}

#best_manager_bonus_modal .best_manager_bonus-1 {
    background: #8591FF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(224, 146, 44, 0.1);
    border-radius: 20px;
    color: #fff;
}

#best_manager_bonus_modal .best_manager_bonus-2 {
    background: #866CBF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(224, 173, 44, 0.1);
    border-radius: 20px;
    color: #fff;
}

#best_manager_bonus_modal .best_manager_bonus-3 {
    background: #bf6cb1;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(224, 173, 44, 0.1);
    border-radius: 20px;
    color: #fff;
}

#best_manager_bonus_modal .best_manager_bonus-1 .best_manager_bonus_info,
#best_manager_bonus_modal .best_manager_bonus-2 .best_manager_bonus_info,
#best_manager_bonus_modal .best_manager_bonus-3 .best_manager_bonus_info {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}

#best_manager_bonus_modal .progress-bar {
    border-radius: 5px;
    background: #ffd08a;
    color: #000;
}

#quick_start_bonus_modal .progress {
    margin-top: 10px;
}

#quick_start_bonus_modal .progress-bar {
    border-radius: 5px;
    background: #8EE6E0;
    color: #000;
}

#best_manager_bonus_modal .best_manager_bonus-1 img {
    max-width: 100%;
    max-height: 140px;
}

#best_manager_bonus_modal .best_manager_bonus-2 img {
    max-width: 100%;
    max-height: 140px;
}

#personal_achievements .card {
    min-height: 250px;
}

#personal_achievements .card.promo_ended {
    opacity: 0.5;
}

#personal_achievements .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#personal_achievements .card .card-body p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    color: #8591FF;
}

#personal_achievements .card .card-body .card-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #3C3F7B;
}

#personal_achievements .card .progress {
    --bs-progress-height: 20px;
}

#personal_achievements .card .progress-bar {
    background: #C6C8FF;
    border-radius: 5px;
}

#personal_achievements .card .progress_counter {
    margin-top: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #3C3F7B;
}

#personal_achievements .card .card-body .achievement_bg {
    position: absolute;
    top: 0px;
    right: 0px;
    border-top-right-radius: 15px;
}

#personal_achievement_1_modal .personal_achievement_1,
#personal_achievement_2_modal .personal_achievement_2,
#personal_achievement_3_modal .personal_achievement_3,
#personal_achievement_4_modal .personal_achievement_4 {
    background: #8591FF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(224, 146, 44, 0.1);
    border-radius: 20px;
    color: #fff;
}

#personal_achievement_5_modal .personal_achievement_5-1,
#personal_achievement_6_modal .personal_achievement_6-1 {
    background: #8591FF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(224, 146, 44, 0.1);
    border-radius: 20px;
    color: #fff;
}

#personal_achievement_5_modal .personal_achievement_5-2,
#personal_achievement_6_modal .personal_achievement_6-2 {
    background: #866CBF;
    border: 1px solid #F1F2FC;
    box-shadow: 0px 5px 40px -5px rgba(224, 173, 44, 0.1);
    border-radius: 20px;
    color: #fff;
}

#personal_achievement_1_modal .personal_achievement_1 .personal_achievement_1_info,
#personal_achievement_2_modal .personal_achievement_2 .personal_achievement_2_info,
#personal_achievement_3_modal .personal_achievement_3 .personal_achievement_3_info,
#personal_achievement_4_modal .personal_achievement_4 .personal_achievement_4_info {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 10px;
}

#personal_achievement_5_modal .personal_achievement_5-1 .personal_achievement_5_info,
#personal_achievement_5_modal .personal_achievement_5-2 .personal_achievement_5_info,
#personal_achievement_6_modal .personal_achievement_6-1 .personal_achievement_6_info,
#personal_achievement_6_modal .personal_achievement_6-2 .personal_achievement_6_info {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}

#personal_achievement_5_modal .progress-bar,
#personal_achievement_6_modal .progress-bar {
    border-radius: 5px;
    background: #ffd08a;
    color: #000;
}

#personal_achievement_1_modal .progress-bar,
#personal_achievement_2_modal .progress-bar,
#personal_achievement_3_modal .progress-bar,
#personal_achievement_4_modal .progress-bar {
    border-radius: 5px;
    background: #ffd08a;
    color: #000;
}

#promo_winners .image-preview {
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    border-radius: 15px;
    border: 2px solid #FF8D2377;
}

#register-page .bg_video,
#login-page .bg_video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
}

#shop_header #mobile_menu_btn {
    display: none;
}

.fslightbox-source {
    background-color: #fff;
}

#shopMainContent #draws_grid .draw-prize {
    font-weight: 900;
    font-size: 18px;
    line-height: 140%;
    color: #DE9F64;
}

#events_grid .event-card-block {
    max-width: 540px;
}

#events_grid .event-card {
    background-color: #fff;
}

#event_tickets_grid .event-ticket-block {
    max-width: 540px;
}

#event_tickets_grid .event-card {
    background-color: #fff;
    border: 2px solid #8B4A06
}

#event_tickets_grid .event-card.border-danger {
    border: 2px solid #F64542
}

#events_grid .event-card .card-head,
#event_tickets_grid .event-card .card-head {
    padding: 32px 32px 16px 32px;
}

#event_tickets_grid .event-card .card-head .ticket-header-top {
    display: flex;
    justify-content: space-between;
}

#events_grid .event-card .card-body,
#event_tickets_grid .event-card .card-body {
    padding: 16px 32px;
}

#events_grid .event-card .event_badge,
#event_tickets_grid .event-card .event_badge {
    border-radius: 8px;
    background: linear-gradient(79deg, #DFB473 0%, #814B14 100%);
    color: #fff;
    padding: 8px 14px;
    font-size: 12px;
}
#event_tickets_grid .event-card .event_badge {
    font-size: 14px;
}

#events_grid .event-card .tickets-price,
#event_tickets_grid .event-card .tickets-price {
    background: linear-gradient(78deg, #a9844c 0%, #814B14 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    font-family: Gilroy;
    font-weight: 700;
    line-height: 140%;
    position: absolute;
    top: 22px;
    right: 22px;
}

#events_grid .event-card .ticket_place,
#event_tickets_grid .event-card .ticket_place {
    background: linear-gradient(78deg, #a9844c 0%, #814B14 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    font-family: Gilroy;
    font-weight: 700;
    line-height: 140%;
    height: 35px;
    display: block;
}

#event_tickets_grid .event-card .ticket_place_brown {
    color: #814B14!important;
    background: #fff;
    -webkit-text-fill-color: unset;
    font-size: 28px;
    font-family: Gilroy;
    font-weight: 700;
    line-height: 140%;
    height: 35px;
    display: block;
}

#events_grid .event-card .ticket_status,
#event_tickets_grid .event-card .ticket_status {
    background: linear-gradient(78deg, #a9844c 0%, #814B14 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    font-family: Gilroy;
    font-weight: 700;
    line-height: 140%;
}

#events_grid .event-card .ticket_status {
    position: absolute;
    top: 22px;
    right: 40px;
}

#events_grid .event-card .event_date,
#event_tickets_grid .event-card .event_date {
    margin-top: 24px;
    color: #000;
    font-size: 20px;
    font-family: Gilroy;
    font-weight: 700;
}

#events_grid .event-card .event_address,
#event_tickets_grid .event-card .event_address {
    margin-top: 16px;
    color: #000;
    font-size: 18px;
    font-family: Gilroy;
    font-weight: 500;
    line-height: 140%;
}

#events_grid .event-card .event_name,
#event_tickets_grid .event-card .event_name {
    color: #8B4A06;
    font-size: 20px;
    font-family: Gilroy;
    font-weight: 700;
    line-height: 140%;
}

#events_grid .event-card .short_description,
#event_tickets_grid .event-card .short_description {
    margin-top: 12px;
    color: #000;
    font-size: 14px;
    font-family: Gilroy;
    line-height: 140%;
    white-space: break-spaces;
}

#events_grid .event-card .speaker_carousel,
#event_tickets_grid .event-card .speaker_carousel {
    margin-top: 20px;
    padding: 12px 40px;
    border-radius: 20px;
    background: #F3F3F8;
    box-shadow: 14px 14px 60px 0px rgba(181, 187, 194, 0.50), -8px -8px 12px 0px #F3F3F8

}

#events_grid .event-card .speaker_carousel .carousel-control-next,
#events_grid .event-card .speaker_carousel .carousel-control-prev {
    opacity: .9;
    width: 10%;
}

#events_grid .event-card .speaker_carousel .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    left: 40px;
    top: 147px;
    border-radius: 2px;
    background-size: 10px;
    background-position-x: 12px;
    background-color: #F0F0F3;
    box-shadow: 1.5px 1.5px 3px 0px rgba(174, 174, 192, 0.40), -1px -1px 3px 0px #FFF;
    z-index: 999;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 7L1.5 4L4.5 1' stroke='%23CC8D4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

#events_grid .event-card .speaker_carousel .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    left: 325px;
    top: 116px;
    border-radius: 2px;
    background-size: 10px;
    background-position-x: 12px;
    background-color: #F0F0F3;
    box-shadow: 1.5px 1.5px 3px 0px rgba(174, 174, 192, 0.40), -1px -1px 3px 0px #FFF;
    z-index: 999;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L4.5 4L1.5 7' stroke='%23CC8D4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

#events_grid .event-card .speaker_carousel .speaker-preview {
    width: 120px;
    height: 120px;

    border-radius: 10px;
    box-shadow: 2px 2px 10px 0px rgba(36, 65, 93, 0.30);
}

#events_grid .event-card .speaker_carousel .speaker_name {
    color: #252525;
    font-size: 16px;
    font-family: Gilroy;
    font-weight: 700;
}


#events_grid .event-card .speaker_carousel .speaker_description {
    margin-top: 18px;
    color: #252525;
    font-size: 12px;
    font-family: Gilroy;
    font-weight: 400;
    white-space: break-spaces;
}

#event_tickets_grid .event-card .ticket_details {
    margin-top: 20px;
    padding: 12px 61px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 16px 16px 63px 0px rgba(181, 187, 194, 0.3), 8px 8px 12px 0px #F3F3F8;
}


#event_tickets_grid .event-card .ticket_details_light {
    margin-top: 20px;
    padding: 12px 61px;
    border-radius: 20px;
    background: #F3F3F8;
    box-shadow: unset!important;
}

#event_tickets_grid .event-card .ticket_qr_block {
    min-height: 150px;
}

#event_tickets_grid .event-card .ticket_qr {
    width: 120px;
    height: 120px;
    box-shadow: 2px 2px 10px 0px rgba(36, 65, 93, 0.30);
}

#event_tickets_grid .event-card .ticket_type {
    color: #252525;
    font-size: 16px;
    font-family: Gilroy;
    font-weight: 700;
}

#event_tickets_grid .event-card .event_ticket_number,
#event_tickets_grid .event-card .event_ticket_place {
    color: #616161;
    font-size: 14px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 700;
}

#event_tickets_grid .event-card .ticket_description {
    margin-top: 8px;
    color: #252525;
    font-size: 13px;
    font-family: Gilroy;
    font-weight: 400;
    white-space: break-spaces;
}

#event_tickets_grid .event-card .text-danger {
    color: #F64542!important;
    background: #fff;
    -webkit-text-fill-color: unset;
}
#event_tickets_grid .event-card .text-brown {
    color: #814B14!important;
    background: #fff;
    -webkit-text-fill-color: unset;
}

.btn-event-promo {
    background-color: #F2C551;
    width: 120px;
    border: 0px!important;
    border-radius: 50px!important;
    color: #616161;
    font-size: 12px;
    font-family: Gilroy;
    font-weight: 500;
    line-height: 140%;
}

.btn-event-promo:hover {
    background-color: #F2C551;
}

.btn-event-buy {
    background: linear-gradient(79deg, #DFB473 0%, #814B14 100%);
    border: 0px!important;
    color: #fff;
    width: 120px;
    border-radius: 50px!important;
    font-size: 12px;
    font-family: Gilroy;
    font-weight: 500;
    line-height: 140%;
}



#modal .event_modal_title {
    width:100%;
}

#modal .event_modal_title h3 {
    color: #AE5C07;
    text-align: center;
    font-size: 24px;
    font-family: Gilroy;
    font-weight: 700;
}

#modal .event_modal_title h4 {
    color: #AE5C07;
    font-size: 20px;
    font-family: Gilroy;
    font-weight: 700;
}

#modal .event_modal_title + .btn-close {
    align-self: baseline;
}

#modal .event_badge {
    font-size: 12px;
    border-radius: 8px;
    background: linear-gradient(79deg, #DFB473 0%, #814B14 100%);
    color: #fff;
    padding: 8px 14px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    display: inline-flex;
    white-space: nowrap;
}

#modal .event_badge .ticket_info .ticket_info_item {
    text-align: left;
}


#modal .event-banner {
    width: 100%;
}

#modal .event_description {
    margin-top: 8px;
    margin-bottom: 28px;
    white-space: break-spaces;
}

#modal .discount_info {
    font-weight: bold;
}

#modal .event_speakers_title {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #AE5C07;
    font-size: 20px;
    font-family: Gilroy;
    font-weight: 700;
}

#modal .event_speakers .speaker-preview {
    width: 80px;
    height: 80px;
}

#modal .event_speakers .speaker_name {
    color: #252525;
    font-size: 14px;
    font-family: Gilroy;
    font-weight: 500;
}

#modal .event_speakers .speaker_description {
    color: #252525;
    font-size: 12px;
    font-family: Gilroy;
    white-space: break-spaces;
}

#modal .event_description_block .btn-event-promo,
#modal .event_description_block .btn-event-buy {
    width: 250px;
}

#modal .event_description_block .image img {
    max-width: 100%;
}


#modal .event_cart_block #event_price {
    font-size: 28px;
    font-family: Gilroy;
    font-weight: 700;
}

#modal #event_cart_footer .cart_total_price_label {
    color: #000;
    font-size: 14px;
    font-family: Gilroy;
    font-weight: 600;
    line-height: 16px;
    vertical-align: text-top;
}
#modal #event_cart_footer #cart_total_price_value,
#modal #event_cart_footer #checkout_coupon_discount_value,
#modal #event_cart_footer #checkout_bonus_discount_value{
    font-size: 20px;
    font-family: Gilroy;
    font-weight: 700;
    white-space: nowrap;
}


#modal #event_cart_footer #checkout_total_payable_value {
    font-size: 30px;
    font-family: Gilroy;
    font-weight: 700;
}



#shopMainContent #draws_grid .draw-prize_description {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent #draws_grid .draw-city {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent #draws_grid .draw-end_date {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent #draws_grid .draw-end_in {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent #draws_grid .draw_participants {
    margin-top: 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent #draws_grid .draw_participants img {
    height: 24px;
    width: 24px;
    background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
    padding: 2px;
    border-radius: 50%;
    filter: drop-shadow(2px 2px 6px rgba(36, 65, 93, 0.1)) drop-shadow(-4px -4px 6px rgba(255, 255, 255, 0.8));
}

#shopMainContent #draws_grid .btn-draw-about {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #DE9F64;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
    box-shadow: unset;
}

#shopMainContent #draws_grid .btn-draw-open {
    background: #8B4A06;
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    border-radius: 42px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
}

.shop-page .modal #modal-header .card-img-top {
    border-radius: 40px 40px 0px 0px!important;
    margin-bottom: 26px;
}

.shop-page .modal .modal-title .draw_modal_header {
    font-weight: 900;
    font-size: 24px;
    color: #8B4A06;
}

.shop-page .modal .modal-body .btn-draw-open {
    background: #8B4A06;
    box-shadow: -6px -4px 15px #FFFFFF, 4px 4px 15px #C4C4C4;
    border-radius: 42px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
    width: 220px;
    margin: auto;
}

.shop-page .modal .modal-body .btn-draw-open.disabled {
    background: #EDEEF2;
    box-shadow: inset 2px 2px 5px 2px #F8BB5B33, inset -2px -2px 5px 2px #ffffff;
    color: rgba(87, 95, 107, 0.2);
}

.shop-page .modal .modal-body .btn-primary.clicked {
    background: #EDEEF2;
    box-shadow: inset 2px 2px 5px 2px #F8BB5B33, inset -2px -2px 5px 2px #ffffff;
    color: rgba(87, 95, 107, 0.2);
}

.shop-page .modal .modal-body .conditions_header {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #616161;
}

.draw_winner_info {
    display: none;
}

#shopMainContent #draws_grid .disabled_block:hover>.draw_winner_info {
    display: block!important;
    position: absolute;
    z-index: 99;
    bottom: 60px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #eee;
    padding: 6px;
}

#shopMainContent #draws_grid .draw_winner_block {
    max-width: 70%;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #3E3E3E;
}

#shopMainContent #draws_grid .card-img-top.placeholder {
    max-height: 231px;
}

#shopMainContent #draws_grid .draw_winner_block .image-preview {
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    border-radius: 15px;
    border: 2px solid #FF8D2377;
}

#shopMainContent #draw_winners-table .image-preview {
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    border-radius: 15px;
    border: 2px solid #FF8D2377;
}

#shopMainContent .table .draw_winner_block {
    max-width: 70%;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #3E3E3E;
}

#shopMainContent .table .draw_winner_block .image-preview {
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    border-radius: 15px;
    border: 2px solid #FF8D2377;
}

.ck-content {
    background: #EDEEF2!important;
}

#shopMainContent.sales_manager_consolidated_report .category_filter {
    font-size: 14px;
}

#shopMainContent.sales_manager_consolidated_report .category_filter.active {
    font-size: 16px;
    font-weight: 700;
    color: #8B4A06;
}

#shopMainContent.sales_manager_consolidated_report .section-sub-header {
    font-weight: 700;
    font-size: 16px;
    color: #8B4A06;
}

#shopMainContent.sales_manager_consolidated_report .rop {
    border-radius: 10px;
    height: 225px;
    width: 350px;
    box-shadow: -6px -6px 9px #F3F3F8, 8px 8px 60px rgba(181, 187, 194, 0.5);
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header {
    padding: 0px 9px;
    border-radius: 10px;
    height: 100px;
    background: #fff;
    border: 2px solid #fff;
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header .image-preview-block {
    display: inline-block;
    height: 92px;
    width: 92px;
    border-radius: 10px;
    background: #8B4A06;
    padding: 11px 10px 12px 13px;
    border: 2px solid #fff;
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header .image-preview {
    max-width: 62px;
    max-height: 62px;
    width: 62px;
    height: 62px;
    border: unset;
    border-radius: 0px;
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header .user-info-block {
    position: relative;
    padding: 14px 20px;
    display: inline-block;
    width: calc(100% - 92px);
    height: 96px;
    border-radius: 10px;
    background: #8B4A06;
    border: 2px solid #fff;
    -webkit-box-shadow: -15px 0px 9px -10px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: -15px 0px 9px -10px rgba(255, 255, 255, 0.7);
    box-shadow: -15px 0px 9px -10px rgba(255, 255, 255, 0.7);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header .referrer_name {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header .referrer_info {
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    left: 20px;
    bottom: 20px;
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header .referrer_duty {
    margin-top: 4px;
    font-family: 'Inter';
    font-style: normal;
    color: #FFFFFF;
    opacity: 0.6;
    font-weight: 300;
    font-size: 10px;
}

#shopMainContent.sales_manager_consolidated_report .rop .card-header .referrer_id {
    position: absolute;
    font-weight: 300;
    font-size: 10px;
    line-height: 140%;
    color: #FFFFFF;
    right: 20px;
    bottom: 20px;
    text-align: right;
}

#shopMainContent.sales_manager_consolidated_report .rop .socials {
    display: flex;
    justify-content: space-between;
}

#shopMainContent.sales_manager_consolidated_report .rop .socials span,
#shopMainContent.sales_manager_consolidated_report .rop .socials a {
    border-radius: 50px;
    background: linear-gradient(309.34deg, #F2F3F6 -13.68%, #E5E6EC 171.92%);
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.1));
}

#shopMainContent.sales_manager_consolidated_report .rop .socials .chat {
    width: 110px;
    text-align: left;
    padding-left: 14px;
}

#shopMainContent.sales_manager_consolidated_report .rop .referrer_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #616161;
}

#shopMainContent.sales_manager_consolidated_report .table-block .table.last-day-report {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #616161;
}

#shopMainContent.sales_manager_consolidated_report .table-block {
    background: #EDEEF2;
    box-shadow: -8px -8px 12px #F8FBFF, 8px 8px 60px rgba(181, 187, 194, 0.5);
    border-radius: 20px;
    margin-left: 0px;
}

#shopMainContent.sales_manager_consolidated_report .table-block .table {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent.sales_manager_consolidated_report #kpd_info.table-block .table,
#shopMainContent.sales_manager_consolidated_report #abbreviation_info.table-block .table {
    font-size: 14px;
}

#shopMainContent.sales_manager_consolidated_report .table-block .table b {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    display: block;
    text-align: center;
    color: #000000;
}

#shopMainContent.sales_manager_consolidated_report .table-block #sales_manager_daily_report_table th,
#shopMainContent.sales_manager_consolidated_report .table-block #sales_manager_daily_report_table td,
#shopMainContent.sales_manager_consolidated_report .table-block #orders-table th,
#shopMainContent.sales_manager_consolidated_report .table-block #orders-table td {
    text-align: center;
    border-color: #8B4A06;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#shopMainContent.sales_manager_consolidated_report #clock_block {
    margin-top: 40px;
}

#shopMainContent.sales_manager_consolidated_report #social_media {
    text-align: center;
    margin-top: 23px;
}

#shopMainContent.sales_manager_consolidated_report #social_media .social {
    text-decoration: none;
    margin-right: 6px;
}

@media (max-width: 1800px) {
    #shopMainContent.sales_manager_consolidated_report #clock_block {
        display: none;
    }
    #shopMainContent.sales_manager_consolidated_report #social_media {
        display: none;
    }
}

#invoiceDetails p {
    font-size: 13px;
}



/*LOADER BEGIN*/
#fader {
    Z-INDEX: 999999;
    width: 100%;
    height: 100vh;
    background: #777;
    position: fixed;
    opacity: 0.7;
    top: 0;
    text-align: center;
}
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*LOADER END*/


/* mobile begin */

@media (max-width: 767px) {
    #shop_main_carousel .banner .bd-placeholder-img {
        border-radius: 10px;
    }
    #shop_header {
        background-color: #F3F3F8;
    }
    #admin_menu li {
        width: 33%;
    }
    #sidebarMenu {
        overflow-y: scroll;
    }
    #shopMainContent {
        border-radius: 0px;
    }
    #shop_header #mobile_menu_btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        cursor: pointer;
        margin-right: 20px;
        margin-left: 20px;
        padding: 6px;
        background: linear-gradient(310.59deg, #F2F3F6 3.8%, #E5E6EC 119.99%);
        filter: drop-shadow(3px 3px 20px #2B1F1555);
        height: 36px;
        width: 36px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    #shop_header #mobile_menu_btn #mobile_menu_icon {
        max-width: 100%;
    }
    #shop_header #profileIcon .profile-avatar {
        height: 36px;
        width: 36px;
    }
    #shop_header #bonusIcon {
        min-width: unset;
    }
    #shop_header #cartIcon {
        min-width: unset;
    }
    #shop_header #cartIcon svg {
        height: 16px;
        width: 16px;
    }
    #shopMainContent {
        padding-top: 120px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #shopMainContent>.row {
        margin-left: 0px;
        margin-right: 0px;
    }
    #shop_header #cartIcon,
    #shop_header #bonusIcon,
    #shop_header #profileIcon,
    #shop_header #profileIdIcon {
        margin-left: 4px;
        margin-right: 4px;
        height: 36px;
        min-width: 36px;
    }
    #shop_header #profileIcon {
        width: 36px;
    }
    #shop_main_carousel .btn {
        min-width: unset;
        padding: 2px 6px 0px 6px;
    }
    #shop_main_section2 .card .card-title {
        font-weight: 500;
        font-size: 13px;
        line-height: 19px;
        color: #575F6B;
    }
    #register-page .bg_video,
    #login-page .bg_video {
        display: none;
    }
    .shop-page #modal-body {
        padding: 0px 16px 0px 16px;
    }
    .shop-page #modal-header {
        padding: 20px 36px 20px 36px;
    }
    .shop-page .modal-footer {
        padding: 0px 4px 26px 0px;
    }
    .shop-page #modal-footer #product-cart-footer {
        padding: 0px 4px 26px 0px;
    }
    .modal {
        padding: 0;
    }
    .form-agree label {
        display: table;
    }
    .modal input::placeholder {
        font-size: 9px;
    }
    .payment_details .text-end.payment_detail {
        border-bottom: dashed 1px #9ea0c3;
    }
    #modal-body #productCartForm .cart_modal_table thead {
        display: none;
    }
    .shop-page .cart_modal_table {
        padding-left: 70px;
    }
    .shop-page .cart_modal_table tbody tr td .product-preview {
        top: 0;
        height: 100%;
        left: -70px;
    }
    #modal-body #productCartForm .cart_modal_table tbody tr {
        display: grid;
        grid-template-rows: auto;
        align-items: baseline;
        margin-bottom: 10px;
    }
    #modal-body #productCartForm .cart_modal_table tbody tr td:first-child {
        grid-column: span 4;
    }
    #modal-body #productCartForm .cart_modal_table tbody tr td .form-control {
        border-radius: 42px;
        width: 90px;
    }
    #product-cart-footer .row>div {
        padding-right: 0;
    }
    .shop-page .modal-footer #cart_total_price_value {
        text-align: end;
    }
    .shop-page .modal-footer .cart_total_discount {
        width: 100%;
        display: grid;
        grid-template-columns: 60% 40%;
    }
    .shop-page .modal-footer #cart_total_discount_value {
        text-align: end;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        background: linear-gradient(324.02deg, #575F6B 45.04%, #2C3036 89.27%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    #modal-body .table-block,
    #shopMainContent .table-block {
        margin-left: 0px;
        padding: 20px 20px 4px 20px;
        /* width: min-content; */
    }
    #shopMainContent.instructions_page .section-header {
        font-weight: 600;
        font-size: 19px;
        line-height: 23px;
        color: #8B4A06;
    }
    #shopMainContent.instructions_page .carousel-indicators [data-bs-target] {
        height: 10px;
        width: 10px;
    }
    #shopMainContent.instructions_page .carousel-indicators .active {
        background-color: #8B4A06;
    }
    #shopMainContent #ratings-table {
        font-size: 12px;
        overflow-x: auto;
    }
    #bonus_card {
        max-width: 100%;
    }
    #shop_orders_statistics .progress {
        height: 1.3rem;
    }
    #promos .card-body .promo-header h2 {
        font-size: 26px;
    }
    #promos .promo-card .promo_badge {
        display: block;
        text-align: center;
    }
    #promos .promo-card .card-body.best_manager_bonus {
        background-position-y: 22%;
        background-position-x: 24px;
    }
    .shop-page .modal .modal-title {
        font-size: 18px;
    }
    #travel_bonus_modal {
        font-size: 12px;
    }
    #travel_bonus_modal img {
        max-width: 100%;
    }
    .shop-page #modal-body #entity_registration_modal .photo_info_card {
        width: 49%;
        display: inline-block;
        padding-top: 0px;
        margin-top: 0px;
    }
    .shop-page #modal-body #entity_registration_modal .photo_info_card .photo_info {
        width: 100%;
    }
    #shopMainContent .rating label {
        width: 24px;
        height: 24px;
    }
    #shopMainContent #profile_page {
        flex-direction: column;
    }
    #shopMainContent #profile_page #profile-info-table tr {
        display: inline-flex;
        flex-direction: column;
        width: 49%;
    }
    #shopMainContent #profile-tab .section-header {
        margin-left: 30px;
    }
    #shopMainContent #profile-tab .nav-link {
        margin-left: 30px;
        padding-bottom: 0px;
    }
    #shopMainContent #profile-avatar-block {
        text-align: center;
    }
    #shopMainContent #profile-avatar-block>div {
        margin-bottom: 20px;
    }

    #events_grid .event-card .card-head,
    #event_tickets_grid .event-card .card-head {
        padding: 32px 16px 16px 16px;
        text-align: -webkit-center;
    }

    #events_grid .event-card .event_badge,
    #event_tickets_grid .event-card .event_badge {
        white-space: initial;
        text-align: center;
        display: inline-block;
        width: fit-content;
        margin: 0px 0px 10px 0px!important;
        padding: 6px;
    }

    #events_grid .event-card .event_badge {
        margin-right: 0px!important;
    }
    #modal .event_badge {
        white-space: initial;
        margin: 0px 0px 10px 0px!important;
    }

    #events_grid .event-card .tickets-price,
    #event_tickets_grid .event-card .tickets-price {
        position: relative!important;
        font-size: 23px;
        text-align: center;
        display: block;
        top: auto;
        right: auto;
    }

    #events_grid .event-card .speaker_carousel .speaker-preview {
        margin: auto;
        display: block;
    }

    #events_grid .event-card .speaker_carousel .col,
    #event_tickets_grid .event-card .speaker_carousel .col {
        padding: 20px!important;
    }

    #events_grid .event-card .speaker_carousel .carousel-control-next,
    #events_grid .event-card .speaker_carousel .carousel-control-prev {
        width: 15%;
    }

    #modal .event_badge .ticket_info .ticket_info_item {
        text-align: center;
    }
    #modal .event_speakers .speaker_name {
        word-wrap: break-word;
    }

    #events_grid .event-card .ticket_place,
    #event_tickets_grid .event-card .ticket_place {
        display: inline-block;
        font-size: 16px;
    }

    #events_grid .event-card .ticket_status,
    #event_tickets_grid .event-card .ticket_status {
        position: initial;
        display: inline-block;
        font-size: 16px;
    }

    #event_tickets_grid .event-card .ticket_status {
        margin-top: 4px;
    }

    #events_grid .event-card .event_date {
        margin-top: 10px;
        font-size: 16px;
    }
    #event_tickets_grid .event-card .event_date {
        margin-top: 0px;
        font-size: 16px;
    }
    #event_tickets_grid .event-card .event_address {
        margin-top: 6px;
    }

    #event_tickets_grid .event-card .ticket_details {
        padding: 12px;
    }

    #event_tickets_grid .event-card .ticket_qr_block {
        display: block;
        width: 100%;
        text-align: center;
    }

    #events_grid .event-card .card-head .event-header-top {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
    }

    #modal .discount_info {
        font-size: 14px;
    }
}


/* mobile end */


/* 125% begin */

@media (-webkit-min-device-pixel-ratio: 1.25) {
    #shopMainContent .card .card-body .img-bottom-right {
        /* right: 10px; */
        /* bottom: 50px; */
    }
    #shopMainContent #rent-block .card .card-body .img-right {
        height: 90%;
    }
    #shopMainContent #rent-block .card .card-body p {
        font-size: 11px;
    }
    #shopMainContent.product-page .product-card .product-add-to-cart .product-le {
        padding: 5px 12px 5px 12px;
    }
    .shop-page .modal-footer #cart_total_le_value {
        vertical-align: 2px;
        padding: 7px 12px 3px 12px;
    }
    #shop_orders_statistics .chart-pie {
        min-width: 200px;
    }
    #promos .card-body .promo-header h2 {
        font-size: 28px;
    }
    #promos .promo-card .card-body.best_manager_bonus {
        background-position-y: 22%;
        background-position-x: 24px;
    }
    #promos .promo-status .promo-status-data {
        font-size: 12px;
        padding-left: 0px;
    }
    #promos .promo-status .promo-status-title {
        font-size: 12px;
        padding-left: 0px;
    }
}


/* 125% end */