:root {
    --main-color: #FF0000;
    --main-hover-color: #FF0000;
    --main-focus-color: #FF0000;
    /*--main-focus-color:  #E23A87 */
    --text-color: #333;
    --title-color: #333;
    --body-bacground: #fff;
    --footer-bacground: #fff;
    --border-radius: 6px;
    --color-error: #FA4343;
    --color-success: #14BF2F;
    --color-checking: #A92AD6;
    --color-white: #fff;
    --color-black: #303030;
    --main-bacground: #fff;
}

* {
    word-wrap: break-word;
}

body {
    font-family: "Rubik-Medium";
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color);
    background-color: var(--body-bacground);
    overflow-x: hidden;
    padding-right: 0 !important;
}

.content {
    position: relative;
}

a {
    color: #303030;
}

a:hover {
    text-decoration: none;
    color: #303030;
}

::-webkit-scrollbar-track {
    background-color: #edffff;
    box-shadow: inset 0 0 5px #d6fffe;
    cursor: pointer;
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: var(--main-color);
    height: 100px;
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 10px;
    cursor: pointer;
}

/* header styles */
.header {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.25);
}

.header-bg {
    background-color: #ECEEEF;
}

.header.header-bg {
    box-shadow: none;
}

.header.header-shadow {
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.15);
}

.collapse.navbar-collapse {
    justify-content: flex-end;
}

.navbar, .navbar-brand {
    padding: 0;
}

.navbar-brand-guest {
    display: none !important;
}

.navbar-collapse-header {
    display: none;
}

.navbar-brand {
    min-width: 70px;
    height: 56px;
    margin-right: 20px;
    display: flex;

    /*background-image: url('/images/expo/desktop-logo.png');*/
    /*background-size: contain;*/
    /*background-position: left;*/
    /*background-repeat: no-repeat;*/
    /*margin-top: -14px;*/
}

.navbar-toggler-icon {
    min-width: 30px;
    width: 30px;
    height: 30px;
}

.navbar-toggler-icon.navbar-toggler-close {
    min-width: 50px;
    width: 50px;
    height: 50px;
}

.navbar-toggler-icon {
    background-image: url("../images/icons/burger-icon.svg");
}

.line-row {
    display: flex;
    width: 100%;
    align-items: center;
}

.header-line-row .row-link svg {
    display: none;
}

.row-link {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;

    letter-spacing: 0.02em;

    color: #333333;
    cursor: pointer;
    background: transparent;
    transition: 0.3s all;

    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 10px 13px;
    text-align: center;

    white-space: nowrap;
    position: relative;

    height: 65px;
    justify-content: center;

    border-bottom: 2px solid transparent;
    margin-right: 5px;
}

.row-link:hover {
    /*background: var(--main-color);*/
    color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
}

.row-link:hover svg path {
    fill: #fff;
}

.row-link.active {
    /*background: var(--main-color);*/
    color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
}

.row-link.active svg path {
    fill: #fff;
}

.row-link svg {
    min-width: 24px;
    max-width: 24px;
    width: 24px;
}

.row-link:last-child {
    margin-right: 0;
}

.flex-fill {
    background-color: var(--body-bacground);
}

.flex-fill.flex-fill-guest {
    background-image: url("/images/login-bg.png");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
}
.fotologo img{
    width: 100%;
}

.btn {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: 0.3s all;
    color: #FFFFFF;
    border-radius: 0;
}

.btn:focus {
    box-shadow: none;
}

.btn-login {
    max-width: 200px;
    height: 50px;
    background: var(--main-color) !important;
    margin-bottom: 10px;
}

.btn-register {
    max-width: 100%;
    background-color: var(--main-color) !important;
}

.vost-cod {
    padding-top: 15px;
    text-align: center;
}

.vost-cod a {
    color: var(--main-color);
    font-size: 16px;
    text-decoration: underline;
    font-family: Rubik-Regular;
    font-weight: 400;
}


.btn-login:hover {
    color: #fff;
    background: var(--main-hover-color);
}

.btn-login:focus {
    color: #fff;
    background: var(--main-focus-color);
}

.login-image img {
    width: 66%;
}


.form-search {
    width: 100%;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 40px;
}

.form-search-left {
    padding: 0;
    width: 100%;
}

.form-search-right {
    flex-basis: 25%;
}

.form-search-image {
    width: 100%;
    margin-top: -100px;
    position: relative;
}

.form-search-row {
    display: flex;
    justify-content: flex-start;
    max-width: 60%;

    margin: 0 auto;
}

.form-search-inner {
    width: 100%;
    height: 50px;
    padding: 14px 20px 14px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #FFFFFF;
    background-image: url('/images/icons/search-icon.svg');
    background-repeat: no-repeat;
    background-position: left 15px center;
    -webkit-background-size: 16px;
    background-size: 16px;
    margin-right: 10px;
    border: 1px solid #CACCD9;

    color: #909090;
    border-radius: 6px;
}

.form-search-title {
    font-family: Benzin-Semibold;
    font-weight: 600;
    font-size: 45px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 15px;

    color: #DC9428;
}

.form-search-zag {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    color: #bbbcbf;
    font-size: 22px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.form-search-description {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #303030
}

.align-left {
    text-align: left !important;
}

.section {
    padding: 40px 0 0;
    /*background-color: var(--body-bacground);*/
}

.section-index {
    padding-top: 50px;
    padding-bottom: 60px;
}

.section-index.section-index-auth {
    background-image: url('../images/login-bg.png');
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 610px;
}

.section-second {
    padding: 70px 0 70px;
}

.section-second-image {
    margin-bottom: 20px;
}

.section-question {
    padding: 40px 0;
}

.box-address {
    min-height: 180px;
    padding: 40px;

    background-position: bottom right;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    margin-bottom: 20px;
    position: relative;

    border-radius: 30px;
}

.box-address.section-box-1 {
    /*background-image: url('../images/address/section-1.png');*/
    background-color: #fff;
}

.box-address.section-box-2 {
    /*background-image: url('../images/address/section-2.png');*/
    background-color: #fff;
}

.section-box-img {
    position: absolute;
    right: 40px;
    bottom: 20px;
    width: 144px;
    height: 146px;
}

.text-address {
    font-family: Rubik-SemiBold;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;

    color: #0C2146;

    display: flex;
    flex-wrap: wrap;

    width: 60%;
}

.address-copy, .asc-code-copy {
    margin-left: auto;
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid var(--main-color);
    color: #fff;
    height: 45px;
    width: 170px;
    background: var(--main-color);

    border-radius: var(--border-radius);
}

.text-address span {
    font-weight: 300;
}

.localad-img {
    display: block;
    margin: 0 auto;
}

.ascad-img {
    display: block;
    margin: 0 auto;
    padding-top: 40px;
}

.card-address {
    margin-bottom: 100px;
}

.input-search {
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    margin-right: 10px;

    flex: 1 1 100%;

    caret-color: var(--main-color);

    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;

    color: #303030;
}

.input-search::placeholder {
    font-family: Rubik-Regular !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #303030;
}

.input-search:-webkit-autofill,
.input-search:-webkit-autofill:hover,
.input-search:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: none;
    transition: background-color 5000s;
}

.input-search:hover, .input-search:focus, .input-search:active {
    outline: none;
    border: none;
}

.input-search::placeholder {
    font-family: Gilroy-Light;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;

    color: #909090;
}

.btn-search {
    border: none;
    min-width: 140px;
    max-width: 140px;
    height: 50px;

    border-radius: 6px !important;
}

.btn-search:hover {
    background-color: var(--main-hover-color);
}

.btn-search:after, .btn-search:focus {
    background-color: var(--main-focus-color);
}

.form-search-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card {
    cursor: pointer;
    border: none;
    transition: 0.3s all ease;
    background: #F8F8F8;
    overflow: hidden;
    filter: none;

    border-radius: 10px;
}

.card:hover {
    fill: none;
}

.card-text {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #9FA4AD;
}

.card-text-title {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;

    color: #363636;
    margin-bottom: 0;
}

.card-text-title2 {
    font-family: Rubik-SemiBold;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #333;
}

.card-text-description {
    color: #333;
    font-family: Rubik-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.semibold {
    font-family: Rubik-SemiBold !important;
    font-style: normal;
    font-weight: 600;
}

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

.card-text-title a {
    font-size: 18px;
    line-height: 19px;
    display: flex;
    align-items: center;

    /* Text color */

    color: #363636;

    font-style: normal;
    font-weight: 600;
}


.card-product {
    margin-bottom: 25px;
}


.card-product:hover {
    filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.05));
}

.card-product:focus .card-body {
    background: #EBEBEB;
}


.card-product .product-image {
    display: block;
    border: none;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

.card-product .title {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;

    color: var(--title-color);
}

.card-product .text {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;

    color: var(--text-color);
    margin-bottom: 5px;
}

.card-news .btn-link {
    display: inline-block;
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    margin-top: 15px;
    color: var(--main-color);
    transition: 0.3s all;
    border-bottom: 1px solid transparent;
    text-decoration-line: none;
    padding-bottom: 3px;

    max-width: max-content;
    min-width: max-content;
}

.card-news .btn-link:hover, .card-product .btn-link:focus {
    text-decoration-line: none;
    border-color: transparent;
    border-bottom: 1px solid var(--main-color);
    color: var(--main-color);
    background-color: transparent;

    max-width: max-content;
    min-width: max-content;
}

.card-status {
    background: var(--color-white);
    border-radius: var(--border-radius);
    width: 100%;
    height: 5px;
}

.card-status-block {
    margin-bottom: 15px;
    border-radius: 0;
}

.card.card-parcel {
    margin-bottom: 15px;
    background: #FFF;
    box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.05);
}

.card-parcel .card-body {
    padding: 12px;
    background: #F8F8F8;
}

.btn-open {
    max-width: 205px;
    margin-left: auto;
    min-height: 40px !important;
    height: 40px !important;
}

.card-status.success {
    background: var(--color-success);
}

.card-success-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    margin: 0;

    color: var(--color-success);
}

.card-status.checking {
    background: var(--color-checking);
}

.card-checking-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    margin: 0;

    color: var(--color-checking);
}

.card-status.error {
    background: var(--color-error);
}

.card-error-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    margin: 0;

    color: var(--color-error);
}

.card-parcel-one {
    /*max-width: 440px;*/
    /*margin-left: auto;*/
    /*margin-right: 30px;*/
    padding: 0;
    background-color: transparent;
}

.card.card-stepper-info {
    margin-bottom: 10px;
    background: #F7F7F7;
    border-radius: var(--border-radius);
    padding: 5px 5px 5px 50px;
}

.card-stepper-info.active {
    background: #E3FFE6;
    border: 1px solid #0BD61F;
}

.card-stepper-info .card-body .row {
    align-items: center;
}


.card.card-stepper-info:last-child {
    margin-bottom: 0;
}

.card-stepper-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;

    color: #000000;
}

.card-stepper-title-active {
    color: #0BD61F;
}

.card-stepper-date {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #676767;
    margin-bottom: 5px;
}

.card-stepper-location {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;

    color: #4019CC;
}

.card-stepper-text {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #676767;
}

.stepper-block {
    display: flex;
    margin-top: 10px;
    position: relative;
}

.stepper-line-block {
    margin-right: 10px;
    position: absolute;
    z-index: 2;
    top: 28px;
    left: 20px;
}

.stepper-line-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.stepper-dot {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #F9F9F9;
    border: 2px solid #0BD61F;
}

.stepper-dot.not-active {
    border: 2px solid #E7E7E7;
}

.stepper-dot.success {
    background-color: #fff;
    background-image: url('/images/icons/stepper-success.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.stepper-dot.active {
    background-color: #0BD61F;
    background-image: url('/images/icons/stepper-active.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.stepper-line {
    background: #0BD61F;
    width: 2px;
    height: 67px;
}

.stepper-line.not-active {
    background: #E7E7E7;
}

.btn-back {
    width: 160px;
    height: 50px;

    background: #EAF1FF;
    color: #272727;
    border: 1px solid #EAF1FF;
}

.section-header {
    margin-bottom: 30px;
}

.section-header-link {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: #333333;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: .3s all;
}

.section-header-link:hover {
    transition: .3s all;
    color: #272727;
    border-bottom: 1px solid var(--main-color);
}

.section-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-back:hover {
    color: #fff;
    border-color: #272727;
}

.btn-back:focus {
    color: #fff;
    border-color: #272727;
}

.btn-back svg {
    min-width: 24px;
    width: 24px;
    margin-right: 10px;
}

.btn-back svg path {
    stroke: #272727;
}

/* swiper */

.slides-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background: #fff;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    border-radius: 10px;
    overflow: hidden;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.swiper {
    width: 100%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper {
    height: 500px;
    width: 100%;
}

.mySwiper .swiper-zoom-container {
    height: 100%;
    width: 100%;
    background-color: var(--body-bacground);
}

.mySwiper img {
    border-radius: 20px;
}

.thumbsSlider {
    box-sizing: border-box;
    max-height: 440px;
    min-height: 440px;
    height: 100%;
}

.swiper-zoom-container > img {
    object-fit: contain !important
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    left: 50%;
    transform: rotate(90deg);
    transform-origin: left center;
}

.swiper-button-prev {
    top: 0;
}

.swiper-button-next {
    top: auto;
    bottom: 4px;
}

.swiper-thumbsSlider-wrapper {
    margin-right: 20px;
    max-width: 160px;
    width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    left: 17%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px;
    color: #303030;
}

.product-title {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;

    color: #000000;
    margin-bottom: 20px;
}

.product-article {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;

    color: #676767;
}

.product-item-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

    color: #676767;
}

.product-items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.product-item {
    margin-right: 10px;
    margin-bottom: 10px;
}

.product-item input[type=radio] {
    display: none;
}

.product-item .product-label {
    cursor: pointer;
    user-select: none;
    padding: 0 15px;

    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

    text-align: center;
    color: #303030;
    margin-bottom: 0;
    transition: 0.3s all;

    min-width: 40px;
    width: max-content;
    min-height: 40px;
    max-height: 40px;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--color-white);
    border: 1px solid #C9C9C9;
    border-radius: var(--border-radius);
}

.product-color-items .product-item .product-label {
    min-width: 100px;
}

/* Checked */
.product-item input[type=radio]:checked + .product-label {
    background: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: var(--border-radius);
    color: var(--color-white);
}

input[type=radio]:checked .product-item {
    background: red;
}

.product-item .product-label:hover {
    background: var(--color-black);
    color: #fff;
}

.product-row-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.product-row-item {
    margin-right: 30px;
    margin-bottom: 10px;
}

.product-quantity-wrapper {
    min-width: 170px;
    width: max-content;
    min-height: 40px;
    height: 40px;

    border-radius: var(--border-radius);
    border: 1px solid #C9C9C9;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-count {
    display: flex;
    align-items: center;
    justify-content: center;

    background: #303030;
    border: 1px solid #333333;
    border-radius: var(--border-radius);

    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;

    min-width: 60px;
    width: 100%;
    height: 40px;
    margin: 0 3px;
    padding: 0 10px 7px;
}

.btn-quantity {
    min-width: 60px;
    width: 60px;
    height: 40px;
    transition: 0.3s all;
}

.btn-quantity:hover {
    background-color: #303030;
}

.btn-quantity:hover svg rect {
    stroke: white;
}

.btn-quantity:focus {
    box-shadow: none;
}

.product-price {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 37px;

    color: #000000;
}


.btn-default {
    width: 100%;
    min-height: 50px;
    height: 50px;
    background: var(--main-color);
    gap: 10px;
    border-radius: var(--border-radius);
}

.btn-default:hover {
    color: #fff;
    background: var(--main-color);
}

.btn-default:focus {
    color: #fff;
    box-shadow: none;
    background: var(--main-color);
}

.btn-default-outline {
    width: 100%;
    min-height: 50px;
    height: 50px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    background-color: transparent;
}

.btn-default-outline:hover {
    color: #fff;
    background: var(--main-hover-color);
}

.btn-default-outline:focus {
    color: #fff;
    box-shadow: none;
    background: var(--main-focus-color);
}

.btn-cart, .btn-order {
    width: 190px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.btn-groups {
    display: flex;
    align-items: center;
}

.card-body-line {
    border-top-color: #C4C4C4;
    margin: 60px 0 40px;
}

.product-details {
    margin-bottom: 30px;
}

.product-detail-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;

    color: #000000;
}

.product-detail-description {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;

    color: #000000;

    overflow-x: auto;
}

.product-detail-description::-webkit-scrollbar-track {
    background-color: #edffff;
    box-shadow: inset 0 0 5px #d6fffe;
    cursor: pointer;
}

.product-detail-description::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--main-color);
    height: 100px;
    cursor: pointer;
}

.product-detail-description::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    cursor: pointer;
}


/* swiper end */

/*
scascacsaascascascscascascscccccccccccccccc
*/

.auth-image {
    display: block;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 100%;
}

.auth-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.auth-button svg {
    margin-right: 10px;
}

.auth-button {
    background: var(--main-color);
    border-radius: 2px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;

    color: #FFFFFF;

    cursor: pointer;
    padding: 11px 14px;
    box-sizing: border-box;
    width: 156px;
}

.auth-button:hover {
    background: var(--main-color);
}

.auth-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;

    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.auth-btn svg {
    margin-right: 10px;
    transition: .4s all ease;
}

.auth-btn:hover {
    text-decoration-line: none;
    transition: .4s all ease;
    color: #C4C4C4;
}

.auth-btn:hover svg path {
    transition: .4s all ease;
    fill: #C4C4C4;
}

.auth-mobile-links {
    display: none;
}

.dropdown-groups {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-cart {
    margin-right: 30px;
    margin-left: 30px;
}

.dropdown-cart .cart-result {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    letter-spacing: 0.02em;

    color: #676767;
}

/*.dropdown-cart-menu {*/
/*    min-width: 300px;*/
/*}*/

.dropdown-cart-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px;
    margin-bottom: 5px;
    transition: 0.3s all;
    border-radius: var(--border-radius);
}

.dropdown-cart-item:hover {
    background-color: var(--main-hover-color);
}

.dropdown-cart-item:hover * {
    color: #fff;
}

.dropdown-cart-item-image {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-right: 15px;
    border-radius: var(--border-radius);
    object-fit: cover;
}

.dropdown-item-content {
    width: 100%;
}

.dropdown-item-title {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

    color: #303030;
}

.dropdown-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.dropdown-item-left,
.dropdown-item-right {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #303030;
}

.dropdown-item-link {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 5px;
    color: var(--main-color);
    border-bottom: 1px solid transparent;
    transition: 0.3s all;
}

.dropdown-item-link:hover {
    color: var(--main-hover-color);
    border-color: var(--main-hover-color);
}

.dropdown-item-link:focus, .dropdown-item-link:active {
    color: var(--main-focus-color);
    border-color: var(--main-focus-color);
}


.dropdown-toggle,
.dropdown-item,
.dropdown-item.active {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    border-radius: 0;
    color: #333333;
    cursor: pointer;
}

.dropdown.show .dropdown-toggle::after {
    transition: 0.4s ease all;
    transform: rotate(180deg);
}

.dropdown-toggle::after {
    all: unset;
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: center;
    content: "";
    width: 15px;
    height: 8px;
    background-image: url('/images/icons/dropdown-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    transition: 0.4s ease all;
    padding: 1px;
}

.dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0 0 130px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: var(--border-radius);
    min-width: 3rem;
    padding: 0.6rem;
    margin: 1.5rem 0 0;
}

.dropdown-item {
    margin-bottom: 5px;
}

.dropdown-item {
    color: #333333;
    padding: 0.65rem 1.5rem;
    border-radius: 8px;
    transition: 0.3s all;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 0;
}

.dropdown-item:hover {
    background-color: var(--main-hover-color);
    border-radius: 0;
}

.dropdown-item:focus {
    background-color: var(--main-focus-color);
    border-radius: 0;
}

.dropdown-item:focus .dropdown-item-svg path,
.dropdown-item:hover .dropdown-item-svg path {
    stroke: #fff;
}

.dropdown-item-svg {
    margin-right: 10px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: var(--main-color);
}

.dropdown-item.active .dropdown-item-svg path {
    stroke: #fff;
}

.dropdown-item.dropdown-item-logout:hover, .dropdown-item.dropdown-item-logout:focus {
    background-color: var(--color-error);
}


.dropdown-image {
    min-width: 35px;
    max-width: 35px;
    width: 35px;
    height: 35px;
    margin-right: 0.5em;
    border-radius: 100%;
    object-fit: cover;
    overflow: hidden;
}

.dropdown-item-image {
    min-width: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    /*margin-left: 0.8em;*/
}


/* auth modal */

.modal-header {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

    color: #000000;
    padding: 0;
    margin-bottom: 30px;
}

.modal-body {
    padding: 21px 30px;
}

.modal-content {
    border: none;
}

.modal-open .modal {
    background: rgba(0, 0, 0, .3);
}

.modal-header .close {
    margin: 0;
    min-width: 24px;
    width: 24px;
    height: 24px;

    background: #B4B4B4;
    border-radius: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: unset;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: unset;
    background-color: var(--main-hover-color);
}

.modal-header .close svg {
    min-width: 9px;
    width: 9px;
    min-height: 9px;
}

.modal-body-small-text {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;

    text-align: center;
    color: #606060;
    margin: 20px auto;
}

.reset-password {
    width: max-content;
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: var(--main-color);

    margin: 30px auto 0;
    border-bottom: 1px solid transparent;
    transition: 0.3s all;
    cursor: pointer;
}

.reset-password:hover {
    border-bottom: 1px solid var(--main-color);
}

.form-group {
    margin-bottom: 10px;
}

.form-group label {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #909090;
}

.form-control {
    height: 50px;
    background: #F3F5F6;
    border: 1px solid #CACCD9;
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #909090;

    padding: 0 15px;
    transition: 0.3s all;
    caret-color: var(--main-color);
    border-radius: var(--border-radius);
}

.form-control::placeholder {
    font-family: Rubik-Regular !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #909090;
}


/*select.form-control */

/*select.form-control:after*/


textarea.form-control {
    padding: 10px 15px;
}

.form-control:hover {
    border-color: var(--main-hover-color)
}

.form-control:focus,
.form-control:active {
    border-color: var(--main-focus-color);
    background: #fff;
    box-shadow: none;
}

.form-control::placeholder {
    font-family: Gilroy-Light;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;

    color: #909090;
}

.invalid-feedback {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: var(--color-error);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--color-error);
}

/* cabinet start */

.section-header-title {
    font-family: Rubik-SemiBold;
    font-weight: 700;
    margin: 0;
    font-size: 36px;
    line-height: normal;
    text-align: left;
    color: #252525;
}

.section-header-title2 {
    font-family: Rubik-Bold;
    text-align: left;
    color: #252525;
    font-size: 35px;
}

.section-header-subtitle {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #000000;
    margin-top: 10px;
}

.card-body-title {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;

    color: #303030;
    margin-bottom: 20px;
}

.card-body-row {
    padding: 6px 0;
}

.cabinet-subtitle {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;

    color: #909090;
}

.cabinet-text {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #303030;
}

.form-group-mobile {
    margin-bottom: 0;
}

.btn-edit {
    max-width: 220px;
    margin-top: 15px;
    border-radius: 6px
}

.btn-logout {
    margin-top: 15px;
    max-width: 220px;
}

.card-cabinet {
    margin-bottom: 20px;
    background-color: #fff;
}


.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox + label, .custom-checkbox + label > a {
    display: inline-flex;
    align-items: center;
    user-select: none;

    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 115%;

    color: var(--main-color);
    cursor: pointer;
    transition: none;
}

.custom-checkbox + label > a {
    transition: 0.3s all;
    border-bottom: 1px solid transparent;
}

.custom-checkbox + label > a:hover {
    border-bottom: 1px solid var(--main-color);
    text-decoration-line: none;
}

.custom-checkbox + label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid var(--main-color);
    border-radius: 3px;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked + label::before {
    border-color: var(--main-color);
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 3.99992L3.58 6.82992L9.25 1.16992' stroke='%23FD2015' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: var(--main-color);
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before {
    background-color: transparent;
    border-color: var(--main-color);
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus + label::before {
    /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
    border-color: var(--main-color);
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
    background-color: #e9ecef;
}

.svgSuccessContainer, .svgErrorContainer {
    display: block;
    position: relative;
    margin: 0 auto;

    width: 120px;
    min-width: 120px;
    height: 120px;
}

.no-border {
    border: 0 !important;
}

.swal2-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;

    color: #000000;
}

.swal-modal .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2em;
    height: 1.2em;
    transition: color 0.1s ease-out;
    border: none;
    outline: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 40px;
    cursor: pointer;
}

.swal2-close:focus {
    box-shadow: none;
}

.swal-modal .swal2-close:hover {
    color: #f27474;
}

.product-detail-description table {
    width: 100% !important;
    border: 1px solid #C4C4C4;

    table-layout: auto;
}

.product-detail-description tr:first-child td {
    background-color: #303030;
    border: none;

    font-family: Rubik-Regular !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;

    color: #FFFFFF;
    white-space: nowrap;
}

.product-detail-description tr:not(:first-child) td {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;

    color: #000000;
}

.product-detail-description th, td {
    padding: 16px;
}


.card-cart {
    margin-bottom: 5px;
    position: relative;
}

.cart-list-left {
    display: flex;
    flex-wrap: wrap;
}

.cart-list-img {
    max-width: 130px;
    width: 100%;
    height: 150px;

    margin-right: 15px;

    border-radius: 10px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-list-content {
    display: flex;
    flex-direction: column;
}

.cart-list-title {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #000000;
    margin-bottom: 5px;
    transition: 0.3s all;
}

.cart-list-title:hover, .cart-list-title:active, .cart-list-title:focus {
    color: var(--main-color);
}


.cart-list-text {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #676767;
    margin-bottom: 5px;
}

.cart-list-footer-content {
    margin-top: auto;
}

.cart-list-footer {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #000000;
    margin-bottom: 5px;
}

.cart-list-footer span {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #676767;
}


.cart-list-qty-wrapper {
    display: flex;
    align-items: center;
}

.cart-list-middle, .cart-list-right, .cart-list-end {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-list-price {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    text-align: center;

    color: #000000;
}

.cart-list-remove {
    min-width: 30px;
    width: 30px;
    height: 30px;
    background: #F6F6F6;

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: 0.3s all;
}

.cart-list-remove:hover {
    background: #1949A5;
}

.cart-list-remove:hover svg rect {
    fill: #fff;
}

.btn-cart-qty {
    width: 30px;
    min-width: 30px;
    height: 30px;

    background: #F7F7F7;
    border-radius: 100%;
    transition: 0.3s all;
}

.btn-cart-qty svg {
    min-width: min-content;
}

.btn-cart-qty:hover {
    background: #1949A5;
}

.btn-cart-qty:hover svg rect {
    fill: #fff;
}

.cart-list-product-count {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;

    color: #000000;
    margin: 0 15px;
}

.card-cart-header-text {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #000000;
}
.dswq{
    width: 24px;
    fill: #CCCFD6;
}

.card-cart-header-text.count, .card-cart-header-text.price {
    text-align: center;
}

.card-cart-header-line {
    border-top: 1px solid #C4C4C4;
}

.auth-block {
    margin-top: 30px;
    padding: 30px 40px 30px;

    background: #FFF;
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.15);
    border-radius: 30px;

    min-width: 440px;
}

.nav-tabs {
    border-bottom: none;
    position: relative;

    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.nav-tabs::after {
    width: 100%;
    height: 1px;
    background-color: #CCCFD6;
    content: '';
    display: block;
    bottom: 0;
    position: absolute;
}

.section-index-title {
    color: #333;
    text-align: center;
    font-family: Rubik-Bold;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    text-align: left;
}

.section-index-subtitle {
    color: #333;
    font-family: Rubik-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 0;

    max-width: 286px;
}

.nav-link {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;

    color: #78867F;
}

.nav-tabs .nav-link {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    border: none;
    border-bottom: 2px solid transparent;
    background-color: transparent;

    font-family: Rubik-Regular;
    font-size: 14px;
}

.nav-tabs .nav-item.show .nav-link {
    border-bottom: 4px solid transparent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--main-color);
    background-color: transparent;
    border-bottom: 4px solid var(--main-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active svg path {
    stroke: var(--main-color);
}

.nav-item.not-hover .nav-link {
    border: none;
}

.nav-tabs .nav-link {
    border-bottom: 4px solid transparent;
}

.payment {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 40px;

    gap: 20px;
}

.login-form {
    padding-top: 20px;
}

.auth-row {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.auth-row .btn-login {
    width: 100%;
    max-width: 100%;
}


.auth-row .form-group {
    width: 100%;
}

.auth-row .form-control {
    min-width: 250px;
}

.register-form {
    padding-top: 30px;
}

.payment-card {
    width: 330px;
}

.payment-card img {
    width: 100%;
}

.payment-info {
    flex-basis: 60%;
}

.payment-title {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;

    color: #445473;
    margin-bottom: 10px;
}

.payment-row {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

.payment-subtitle {
    font-family: 'Rubik-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 23px;
    color: #979797;
}

.payment-phone {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 700;

    color: #333333;
    font-size: 24px;
    text-align: center;
}

.payment-text {
    font-family: Rubik-Regular, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;

    color: #9FA4AD;
    margin-bottom: 20px;
    padding-top: 15px;
}


.btn-payment {
    max-width: 400px;
}

.btn-send-check {
    margin-top: 30px;
}

.task-file {
    margin-bottom: 10px;
}

.task-file label {
    margin-bottom: unset;
}

.task-file .input-file .text {
    font-family: Rubik-Regular;
    font-size: 16px;
    color: var(--main-color);
}

.form-payment {
    max-width: 300px;
}

.task-file .input-file {
    background: #EEEEEE;

    border: 1px solid #C4C4C4;

    box-sizing: border-box;

    border-radius: var(--border-radius);

    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;

    width: 100%;
    height: 50px;

    font-family: Rubik-Regular;

    font-size: 16px;
    color: var(--main-color);
    margin-bottom: unset;
    cursor: pointer;
}

.task-file .input-file svg {
    margin-right: 10px;
}

.task-file-uploaded {
    padding: 5px 10px 5px 15px;
    margin-bottom: 10px;

    background: #EEEEEE;
    border-radius: var(--border-radius);
    display: none;
}

.task-file-uploaded .file {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.task-file-uploaded .file span:not(.text) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    font-family: Rubik-Medium;

    font-size: 16px;
    line-height: 130%;

    color: var(--main-color);
}

.task-file-uploaded .file span.text {
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.task-file-uploaded .file span.right {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    height: 40px;

    background: #FFE9E9;
    border-radius: var(--border-radius);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: 0.3s all;
}

.task-file-uploaded .file span.right:hover {
    background: var(--color-error);
}

.task-file-uploaded .file span.right:hover svg path {
    stroke: #fff;
}

.task-file-uploaded .file span.left svg {
    margin-right: 10px;
}

.task-file-uploaded .file span.right svg {
    cursor: pointer;
}

.card-status-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.svgCheckingContainer {
    display: inline-block;
    position: relative;

    width: 34px;
    min-width: 34px;
    height: 34px;
}

.card-status-svg-container {
    display: inline-block;
    position: relative;

    min-width: min-content;
    height: min-content;
    margin-right: 8px;
}

.checking-header {
    display: flex;
    align-items: center;
}


.card-status-header-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;
    color: #000000;

    display: flex;
    align-items: center;
}

.card-status-header-title.checking {
    color: var(--color-checking);
}

.card-status-header-title.error {
    color: var(--color-error);
}

.card-status-header-title.success {
    color: var(--color-success);
}

.card-status-header-page-link {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 145%;

    color: var(--main-color);
}

.card-status-header-page-link span {
    border-bottom: 1px solid #fff;
    transition: 0.3s all;
    padding-bottom: 2px;
}

.card-status-header-page-link:hover span {
    color: var(--main-hover-color);
    border-bottom: 1px solid var(--main-hover-color);
}

.card-status-header-page-link:focus span {
    color: var(--main-focus-color);
    border-bottom: 1px solid var(--main-focus-color);
}

.card-status-header-page-link svg {
    width: min-content;
    margin-left: 5px;
}

.card-status-body-image {
    width: 100%;
    min-height: 150px;
    max-height: 150px;
    height: 100%;

    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    border-radius: var(--border-radius);
}


.card-status-body-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.card-status-body-product-title {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #000000;
    margin-bottom: 5px;
    margin-right: 20px;
}

.card-status-body-product-article {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #676767;
    margin-bottom: 5px;
}

.card-status-body-product-info {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;

    color: #000000;
    margin-bottom: 5px;
}

.card-status-body-product-info span {
    color: #676767;
}

.card-body-display-row {
    width: 100%;
    display: flex;
    align-items: center;
}

.card-body-display-row .btn-edit {
    margin-right: 15px;
    margin-top: 5px;
}


.card-news .date {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;

    color: #A5A7B0;
    margin-bottom: 10px;
}

.card-news .title {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;

    color: #2A64D6;
    margin-bottom: 10px;
    display: inline-block;
}

.card-news .subtitle {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;

    color: #65676E;
    margin-bottom: 0;
}

.card-news {
    border-radius: var(--border-radius);
}

.card-news .news-image {
    width: 100%;
    height: 190px;
    min-height: 190px;
    max-height: 190px;
    object-fit: cover;
}

.btn-news-link {
    max-width: 200px;
}

.btn-news-link svg {
    margin-left: 10px;
}

.btn-news-link:hover svg path {
    fill: #fff
}

.asc-code-left {
    width: 100%;
    height: 100%;
    padding: 25px;
    background-color: #1F1F1F;
    background-image: url('/images/bg-key.png');
    background-position: center right -80px;
    -webkit-background-size: 60%;
    background-size: 60%;
    background-repeat: no-repeat;
    border-radius: 6px;
    overflow: hidden;
}

.asc-code-left.asc-code-left-success {
    background-position: top -130px right !important;
    background-size: 28% !important;
}

.asc-code-row {
    display: flex;
    align-items: center;
}

.btn-send {
    margin-top: 10px;
    width: 180px;
    height: 40px;
}

.asc-code-left-title {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;

    color: #FFFFFF;
    margin-bottom: 0;
}

.asc-code-text {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;

    color: #AFAFAF;
}

.asc-code-price {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;

    color: #46FF05;
    margin-bottom: 0;
}

.asc-code-header {
    margin-left: 10px;
}

.asc-code-phone {
    font-family: Gilroy-Bold;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;

    color: #333333;
}

.asc-code-number {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 38px;

    color: #46FF05;
    margin-right: 15px;
}

/*.asc-code-copy:hover svg path {*/
/*    stroke: var(--main-color);*/
/*}*/

.asc-code-copy.asc-code-copy-success {
    color: #46FF05;
}

.asc-code-copy.asc-code-copy-success path {
    stroke: #46FF05;
}

/*.address-copy:hover svg path {*/
/*    stroke: var(--main-color);*/
/*}*/

.address-copy.address-copy-success {
    color: #46FF05;
}

.address-copy.address-copy-success path {
    stroke: #46FF05;
}

.card-lesson {
    background-color: #F2F2F2;
    background-image: url('/images/bg-lesson.svg');
    background-position: right -23px bottom -1px;
    background-repeat: no-repeat;
    background-size: 30%;
    border-radius: 6px;
}

.card-body-lesson-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 26px;
    color: var(--main-color);
    margin-bottom: 10px;
    border-bottom: 1px solid transparent;
}

.card-body-lesson-title:hover {
    color: var(--main-hover-color);
    border-bottom-color: var(--main-hover-color);
}

.card-body-lesson-description {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;

    color: #979797;
}

.text {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;

    color: #303030;
}

.lesson-documents-ul {
    list-style-type: none;
    margin: 15px 0;
    width: 100%;
    padding: 0;
}


.lesson-document-li {
    padding: 20px;
    background: #F5F5F5;
    border-radius: 6px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.lesson-document-download {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;

    color: var(--main-color);
    border-bottom: 1px solid transparent;
    transition: 0.4s all;
}

.lesson-document-download:hover {
    color: var(--main-hover-color);
    border-bottom: 1px solid var(--main-hover-color);
}

.buttons {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.buttons a {
    margin-bottom: 5px;
    margin-right: 5px;
}

.lesson-video {
    /*height: auto;*/
}

.btn-link {
    max-width: 220px;
    min-width: 220px;
}

.btn-link:hover {
    transition: 0.4s all ease;
    background-color: var(--main-hover-color);
    border-color: var(--main-hover-color);
    color: #fff;
    text-decoration: none;
}

.btn-link:hover svg path {
    stroke: #fff;
}

.parcel-mini-block {
    padding: 10px 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*padding: 10px 15px;*/
    /*background-color: #F7F7F7;*/
    /*border: 1px solid #EAEAEA;*/
    /*border-radius: 10px;/*/
}

.parcel-mini-block.parcel-track-number {
    background-repeat: no-repeat;
    background-position: bottom -15px right 20px;
    background-image: url("/images/icons/track-number.svg");
    background-size: contain;
}

.parcel-mini-block.parcel-track-phone {
    background-repeat: no-repeat;
    background-position: bottom -15px right 20px;
    background-image: url("/images/icons/parcel-phone.svg");
    background-size: contain;
}

.stepper-information {
    width: 100%;
}

.btn-add-track {
    min-height: 50px !important;
    height: 50px !important;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn-archive {
    min-height: 50px !important;
    height: 50px !important;
    margin-right: 10px;
    margin-bottom: 10px;
    background: transparent;
    color: var(--main-color);
    transition: 0.3s all;
    border: 1px solid var(--main-color);;
}

.btn-archive:hover, .btn-archive:focus, .btn-archive:active {
    color: #fff;
    border: 1px solid var(--main-color);
    background: var(--main-color);
}

.btn-archives {
    color: #0F1012;
    background: #FFC52F;
}

.btn-archives:hover, .btn-archives:focus, .btn-archives:active {
    color: #0F1012;
    background: #ecb639;
}

.dropdown-item.dropdown-item-archive:hover,
.dropdown-item.dropdown-item-archive:focus {
    background-color: #FFC52F;
    color: #0F1012;
}

.dropdown-item.dropdown-item-archive:hover svg path,
.dropdown-item.dropdown-item-archive:focus svg path {
    stroke: #0F1012;
}

.btn-completed {
    min-height: 40px !important;
    height: 40px !important;
    background: var(--color-success);
    color: #fff;
    transition: 0.3s all;
    max-width: 205px;
}

.btn-completed:hover, .btn-completed:focus, .btn-completed:active {
    color: #fff;
    background: #1c9a31;
}

.btn-not-completed {
    min-height: 40px !important;
    height: 40px !important;
    background: var(--color-error);
    color: #fff;
    transition: 0.3s all;
    max-width: 205px;
    margin-right: 10px;
}

.btn-not-completed:hover, .btn-not-completed:focus, .btn-not-completed:active {
    color: #fff;
    background: #d02b2b;
}

/* accordion start*/
.accordion {
    width: 100%;
    padding: 0 0 55px;
}

.accordion-item {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 2px;

    background: #FFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #fff;
}

.accordion-heading {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;

    color: #333333;
}

.accordion-heading.acc-open {
    background: transparent;
}

.accordion-body.acc-open {
    background: transparent;
}

.accordion-heading svg {
    min-width: 24px;
    min-height: 24px;
    transform: rotate(0);
    transition: 0.4s all;

    margin-right: 10px;
}

.accordion-heading.acc-open svg {
    transition: 0.4s all;
    transform: rotate(90deg);
}

.accordion-heading.acc-open svg rect {
    fill: #fff;
}

.accordion-body {
    padding: 0 20px 30px;

    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #7B7B7B;

    background: #FFFFFF;
}

/* accordion end */

.main-page-logo {
    width: 70%;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-position: right 14px center;
    padding-right: 23px;

    position: relative;
}

select.form-control:before {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 15px;
    pointer-events: none;
}


.btn-auth {
    font-family: Rubik-Medium;
    font-weight: 500;
    max-width: 140px;
    background: #FFFFFF;
    color: var(--main-focus-color);
    /*border: 1px solid var(--main-focus-color);*/
    border-radius: var(--border-radius);
}

.btn-auth:hover, .btn-auth:focus {
    background: #fff;
    color: var(--main-focus-color);
}

/*.btn-auth:hover svg path {*/
/*    fill:  var(--main-focus-color);*/
/*}*/

/*select.form-control:after {*/
/*    content: '';*/

/*    background-image: url('/images/icons/select-icon.svg');*/
/*    background-repeat: no-repeat;*/
/*    background-size: 16px 20px;*/

/*    width: 24px;*/
/*    height: 24px;*/
/*    display: block;*/
/*    position: absolute;*/

/*    right: 0;*/
/*    top: 0;*/
/*}*/

/*select.form-control:active select.form-control:after,*/
/*select.form-control:focus select.form-control:after {*/
/*    transform: rotate(45deg);*/
/*}*/

.dropdown-batys {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;

    color: var(--main-color);

    height: 46px;
    /*border: 1px solid var(--main-color);*/
    border-radius: var(--border-radius);

    padding: 10px 25px;
}

.card-cabinet-one {
    padding: 30px 20px;
    display: flex;
    align-items: center;
    background-color: #fff;

    border-radius: 20px;
    /*background: var(--white, #FFF);*/
    /*box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.05);*/

    flex-direction: column;
}

.card-cabinet-wrapper {
    background-color: #fff;
    border-radius: var(--border-radius);
    margin-bottom: 20px;
}

.card-cabinet-wrapper-password {
    border-radius: var(--border-radius);
    padding: 20px;
}

.card-cabinet-one-image {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBEFF6;

    border-radius: 100%;

    margin-bottom: 15px;
}

/*.block-1 {*/
/*background-image: url('../images/cabinet/block1.png');*/
/*background-repeat: no-repeat;*/
/*background-position: right bottom;*/
/*-webkit-background-size: cover;*/
/*background-size: cover;*/
/*}*/

/*.block-2 {*/
/*background-image: url('../images/cabinet/block2.png');*/
/*background-repeat: no-repeat;*/
/*background-position: right bottom;*/
/*-webkit-background-size: cover;*/
/*background-size: cover;*/
/*}*/

/*.block-3 {*/
/*    background-image: url('../images/cabinet/block3.png');*/
/*    background-repeat: no-repeat;*/
/*    background-position: right bottom;*/
/*    -webkit-background-size: cover;*/
/*    background-size: cover;*/
/*}*/

.cabinet-card-title {
    color: #9FA4AD;
    margin-bottom: 5px;

    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    text-align: center;
}

.cabinet-card-desc {
    color: #333333;
    margin-bottom: 0;
    text-align: center;
}

.cabinet-card-image {
    width: 40px;
    height: 40px;

    margin-right: 15px;
    margin-left: 15px;
}

.parcel-btn {
    max-width: 191px;
    height: 50px;
    color: var(--main-color);

    border: 1px solid var(--main-color);
    background-color: transparent;
    border-radius: 30px;
}

.parcel-btn svg path {
    stroke: var(--main-color);
}

.parcel-btn:hover {
    background-color: var(--main-hover-color);
    color: #fff;
}

.parcel-btn:hover svg path {
    stroke: #fff;
}

/*.card-text-title.first {*/
/*    border-left: 1px solid #252525;*/
/*    padding-left: 10px;*/
/*}*/


.calculation-title {
    font-family: Rubik-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #333333;
}

.calculation-row {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.calculation-row .form-group {
    width: 100%;
    margin-bottom: 0;
}

.calculation-row .form-control {
    height: 46px;
    color: #333333;
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
}

.calculation-title {
    width: 50%;
}

.calculation-input {
    width: 100%;
    font-size: 16px;
}

.calculation-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.calculation-result {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #333333;
}

.calculation-column .calculation-title {
    width: 100%;
    text-align: center;
}

.calculation-column.calculation-column-payment {
    align-items: flex-start;
    margin-bottom: 0;
}

.calculation-column-title {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #252525;
}

.calculation-column-text {
    font-family: Rubik-Medium;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #333333;
}

.card-calculation {
    background-color: #fff;
    padding: 30px;
}

.card-calculation .form-group {
    color: #333333;
}


.copy-text {
    margin-left: 8px;
}

.copy-text svg {
    margin-bottom: 8px;
}

.copy-text.copy-text-success svg path {
    stroke: #0BD61F;
}

/*.card-parcel .card-body.myparcel {*/
/*    background: #F2F4FB !important;*/
/*}*/

.welcome {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;

    margin-bottom: 30px;
}

.welcome-image {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.welcome-content {
    display: flex;
    flex-direction: column;
}

.welcome-title {
    color: #333;
    font-family: Rubik-Bold;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.welcome-description {
    color: #52635E;
    font-family: Rubik-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.access-card {
    background: var(--white, #FFF);
    border-radius: 0;
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.15);
    height: 100%;
}


.access-card-body {
    width: 100%;
    display: flex;
    padding: 25px;
}

.access-content {
    display: flex;
    flex-direction: column;
}

.access-image {
    margin-right: 10px;
}

.access-title {
    color: #333;
    font-family: Rubik-Bold;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.access-description {
    color: #52635E;
    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.access-btn {
    width: 246px;
    border-radius: 30px;
}

.parcel-status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    gap: 5px;

    border-radius: 28px;
    background: #EFEFEF;

    font-family: Rubik-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #333;
}

.parcel-status.success {
    background: #DEFFE1;
}

.parcel-status.completed {
    background: #0BD61F;
    color: #FFF;
}

.myparcel-btn {
    background: transparent;
    color: #52635E;
    border-right: 6px;
}

.myparcel-btn:hover {
    background: transparent;
    color: #52635E;
}

.card.card-parcel.card-parcel-hover .card-body.myparcel {
    background-color: #fff;
}

.card.card-parcel.card-parcel-hover .card-status-body {
    background-color: #fff;
}

.card-parcel-hover {
    border: 1px solid #fff;
}

.card-parcel-hover:hover {
    border: 1px solid var(--main-color);
}

.card-parcel-hover:hover .myparcel-btn {
    background: var(--main-color);
    color: #fff;
}

.card-parcel-hover:hover .myparcel-btn svg path {
    stroke: #fff;
}

.card.card-parcel-one {
    background: none;
    box-shadow: none;
    padding: 0;
}

.card.card-parcel-one .card-status-body {
    padding: 0;
}

.card.card-stepper-info, .card.card-stepper-info .card-body {
    background: #fff;
}

.card.card-stepper-info.active, .card.card-stepper-info.active .card-body {
    background: #E3FFE6;
}

.parcel-icons {
    margin-top: 20px;
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.btn.parcel-icon-primary {
    max-width: 180px;
}

.btn.parcel-icon-danger {
    background: #E71D1D;
    max-width: 220px;
}

.pagination .page-item {
    margin-right: 10px;
}

.pagination .page-item:last-child {
    margin-right: 0;
}


.page-item .page-link:first-child {
    border: none !important;
}

.page-item .page-link:last-child {
    border: none !important;
}

.page-item.disabled .page-link {
    background-color: transparent;
}

.page-item .page-link {
    background: none;
    color: #333;

    font-family: Rubik-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

    width: 36px;
    border: 1px solid var(--main-color);
}


.header-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;

    margin-bottom: 20px;
}

.btn.btn-default.btn-back {
    margin-right: 10px;
    width: 120px;
    background-color: transparent;
    border: 1px solid var(--main-color);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn.btn-default.btn-back:hover {
    background-color: var(--main-color);
    color: #fff;
}

.btn.btn-default.btn-back svg {
    margin-right: 0;
}

.btn.btn-default.btn-back svg path {
    stroke: var(--main-color);
}

.btn.btn-default.btn-back:hover svg path {
    stroke: #fff;
}

.btn.btn-default.btn-back span {
    color: var(--main-color);
}

.btn.btn-default.btn-back:hover span {
    color: #fff;
}

.header-navigation-lists {
    display: flex;
    align-items: center;
}

.header-navigation-list {
    color: var(--main-color);
    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 10px;
}

.header-navigation-list:hover {
    color: var(--main-hover-color);
}

.header-navigation-list-symbol {
    color: rgba(82, 99, 94, 1);
    margin-right: 10px;

    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header-navigation-list-text {
    color: rgba(82, 99, 94, 1);

    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-groups-center {
    justify-content: center;
}

.btn-groups-space-between {
    gap: 10px;
    justify-content: space-between;
}

.section-header-navigation {
    display: flex;
    margin-bottom: 20px;

    border-bottom: 1px solid #CCCFD6;
}

.btn-add-track {
    margin-right: 0;
    border-radius: 6px;
    background-color: var(--main-color) !important;
    margin-bottom: 0;
    margin-top: 0;
}

.section-header-navigation-link {
    color: #7B7B7B;
    text-align: center;
    font-family: Rubik-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    padding: 14px 20px;
    margin-right: 5px;
    border-bottom: 2px solid transparent;
}

.section-header-navigation-link.active {
    color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
}

.section-header-navigation-link:hover {
    color: var(--main-color);
    border-bottom: 2px solid #FF0000;
}

.section-header-navigation-link:last-child {
    margin-right: 0;
}

.product-card {
    border-radius: 16px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.product-card .card-body {
    padding: 0;
}

.product-header {
    gap: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 12px 25px;

    border-radius: 16px 16px 0 0;
    background: #E8EFFA;
}

.product-header-content {
    width: 100%;
    flex-direction: column;
}

.product-header-title {
    color: #272727;
    font-family: Rubik-Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 0;
    word-break: break-all;
}

.product-header-status {
    color: #fff;
    font-family: Rubik-Regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.product-header-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.product-header-action {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
    background: transparent;
    transition: 0.3s ease all;
}

.product-header-action:hover {
    background: rgba(255, 255, 255, 0.50);
}

.product-body-title {
    color: #333;
    font-family: Rubik-SemiBold;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    margin-bottom: 15px;
}

.product-body-content {
    width: 100%;
    padding: 15px;

    border: #F0F3F4;
    background: #FFF;
}

.product-steppers {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 15px;
}


.product-stepper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-stepper-status {
    min-width: 24px;
    width: 24px;
    height: 24px;
    padding: 0;
}

.product-stepper-content {
    display: flex;
    flex-direction: column;
}

/*.dropdown-menu-right {*/
/*    max-width: 270px;*/
/*    min-width: 270px;*/
/*}*/

.service {
    flex-direction: column;
    padding: 24px;
    margin-top: 20px;
}

.service p {
    color: #303030;
    font-family: Rubik-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-radius: var(--border-radius);
    padding: 10px 12px;
    border: 1px solid #F1F1F1;
    background: #F2F4FB;

    margin-bottom: 0;
}


.dropdown.dropdown-mobile .dropdown-toggle {
    padding: 6px;
    /*border-radius: 10px;*/
    /*background: linear-gradient(141deg, #14256D 0%, #8C00FB 100%);*/
    /*box-shadow: 0 6px 10px 0 rgba(20, 37, 109, 0.40);*/
}


.navbar-toggler.collapsed {
    padding: 5px;

    /*border-radius: 10px;*/
    /*background: linear-gradient(141deg, #14256D 0%, #8C00FB 100%);*/
    /*box-shadow: 0 6px 10px 0 rgba(20, 37, 109, 0.40);*/
}

.swal2-styled.swal2-confirm {
    border-radius: 10px;
    background: #0BD61F;
    box-shadow: 0 24px 34px 0 rgba(11, 214, 31, 0.30);
}

.swal2-popup {
    border-radius: 10px;
    background: #FFF;
}

.card.card-filials {
    border-radius: 0 0 10px 10px;
    border-top: 1px solid var(--main-color);
}

.filials-title {
    color: #35263D;
    font-family: Rubik-SemiBold;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.filials-description {
    color: #7D7D7D;
    font-family: Rubik-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.filials-phones {
    display: flex;
    align-items: center;
    gap: 15px;
}

.filials-phones a {
    color: #272727;
    font-family: Rubik-SemiBold;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.section-index-image {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    margin-bottom: 10px;
}

.section-index-image img {
    width: 85%;
}

.dropdown.dropdown-language {
    padding: 10px 10px;

    border-radius: 10px;
    background: transparent;
}

.dropdown.dropdown-language {
    margin-left: 10px;
}

.dropdown.dropdown-language .dropdown-toggle .dropdown-item-image {
    margin-right: 5px;
}

.dropdown-menu.dropdown-menu-right.show .dropdown-item span {
    margin-right: 5px;
}

.dropdown-menu.dropdown-menu-left.show .dropdown-item span {
    margin-right: 5px;
}

.dropdown-language .dropdown-menu.dropdown-menu-right .dropdown-item span {
    color: #272626;
}

.dropdown-language .dropdown-menu.dropdown-menu-left .dropdown-item span {
    color: #272626;
}

.dropdown-language .dropdown-menu.dropdown-menu-right .dropdown-item:hover span {
    color: #fff;
}

.dropdown-language .dropdown-menu.dropdown-menu-left .dropdown-item:hover span {
    color: #fff;
}

.dropdown-language .dropdown-menu.dropdown-menu-right .dropdown-item.active span {
    color: #fff;
}

.dropdown-language .dropdown-menu.dropdown-menu-left .dropdown-item.active span {
    color: #fff;
}

.dropdown.dropdown-language .dropdown-toggle span {
    margin-right: 5px;
}

.dropdown.dropdown-language .dropdown-toggle .dropdown-item-image {
    margin-right: 0;
}

.row-link.mobile-row-link {
    display: none;
}

.navbar-toggler .dropdown-language {
    margin-left: 0;
}

.section-main-header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;

    background: transparent;

    margin-top: 40px;
}

.footer-logo {
    width: 30%;
}

.card.card-index {
    height: 100%;
    box-shadow: none;

    padding-top: 30px;
    background-color: transparent;
    background-image: url('/images/blocks/image-1.png');
    background-repeat: no-repeat;
    background-position: center right;
    -webkit-background-size: cover;
    background-size: cover;

    border-radius: 40px;
}

.card.card-index.card-index-dark{
    background-image: url('/images/blocks/image-2.png');
}

.card.card-index .card-body {
    padding: 30px;

    background: transparent;
    box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.05);
}

.card-icon {
    position: relative;
    margin-bottom: 10px;
    height: 80px;
}

.card-icon img {
    position: absolute;
    width: 162px;
    height: 156px;
    top: -80px;
    right: 60px;
    display: block;
}

.card-icon.card-icon-dark {
    background-color: #EBEFF6;
}

.card-icon.card-icon-blue {
    background-color: #fff;
}

.card-index-title {
    color: #333;
    font-family: Rubik-Bold;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    margin-bottom: 10px;
}

.card-index-title.card-index-title-dark {
    color: #272727;
}

.card-index-text {
    color: #7B7B7B;
    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 10px;
    text-align: left;

    max-width: 290px;
}

.card-index-text.card-index-text-dark {
    color: #7B7B7B;
}

.card-index-link {
    color: #fff;
    font-family: Rubik-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    text-align: center;

    display: flex;
    max-width: 200px;
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 20px 0;
    border-radius: 16px;
    background-color: var(--main-color);
}

.card-index-link.card-index-link-dark {
    color: #fff;
}

.card-index-link.card-index-link-dark svg path {
    stroke: #fff;
}

.card-index-link:hover {
    color: #fff;
}

.card-index-link.card-index-link-dark:hover {
    color: #fff;
}

.card-question {
    background: #333;
    border-radius: 0;
    box-shadow: 0 4px 74px 0 rgba(0, 0, 0, 0.15);
}

.card-question .card-body {
    padding: 30px 45px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.card-question-title {
    color: #FFF;
    font-family: Rubik-Medium;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    text-align: center;
    margin-bottom: 30px;
}

.card-question-title-dark {
    color: #333;
}

.card-question .card-question-title {
    width: 100%;
    flex-basis: 100%;
}


.card-question-image {
    flex-basis: 25%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.card-question-image img {
    display: block;
}

.card-question-text {
    color: #FFF;
    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    flex-basis: 75%;
}

.card-question-secondary {
    border-radius: 20px;
    background: #EBEFF6;
}

.card-question-secondary .card-body {
    padding: 30px;
}

.card-secondary-title {
    color: #333;
    text-align: center;
    font-family: Rubik-Medium;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.card-secondary-text {
    color: #333;
    text-align: center;
    font-family: Rubik-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card-question-cities {
    color: #333;
    font-family: Rubik-Medium;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    margin-bottom: 20px;
    margin-top: 30px;
}

.card-question-description {
    color: #333;
    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.card-features {
    border-radius: 20px;
    height: 100%;

}

.card-features .card-body {
    padding: 35px 15px;
}

.card-features-1 {
    background: #F0F5FF;
}

.card-features-2 {
    background: rgba(132, 59, 225, 0.10);
}

.card-features-3 {
    background: rgba(65, 234, 112, 0.10);
}

.card-features-4 {
    background: rgba(234, 95, 65, 0.10);
}

.card-features-5 {
    background: rgba(234, 65, 126, 0.10);
}

.card-features-6 {
    background: rgba(66, 144, 39, 0.10);
}

.card-features-7 {
    background: rgba(108, 112, 206, 0.10);
}

.card-features-8 {
    background: rgba(240, 189, 9, 0.10);
}

.card-features-image {
    width: fit-content;
    border-radius: 10px;
    padding: 10px;
    margin: 0 auto 15px;
}

.card-features-text {
    color: #333;
    text-align: center;
    font-family: Rubik-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.features-image-1 {
    box-shadow: 0 4px 14px 0 rgba(65, 96, 234, 0.40);
    background: var(--main-color, #FF0000);
}

.features-image-2 {
    background: #843BE1;
    box-shadow: 0 4px 14px 0 rgba(132, 59, 225, 0.40);
}

.features-image-3 {
    background: #41EA70;
    box-shadow: 0 4px 14px 0 rgba(65, 234, 112, 0.40);
}

.features-image-4 {
    background: #EA5F41;
    box-shadow: 0 4px 14px 0 rgba(234, 95, 65, 0.40);
}

.features-image-5 {
    background: #EA417E;
    box-shadow: 0 4px 14px 0 rgba(234, 65, 126, 0.40);
}

.features-image-6 {
    background: #429027;
    box-shadow: 0 4px 14px 0 rgba(66, 144, 39, 0.40);
}

.features-image-7 {
    background: #6C70CE;
    box-shadow: 0 4px 14px 0 rgba(108, 112, 206, 0.40);
}

.features-image-8 {
    background: #F0BD09;
    box-shadow: 0 4px 14px 0 rgba(240, 189, 9, 0.40);
}

.auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 10px;
}

.section-header-title {
    margin-bottom: 10px;
}

.section-header-icon {
    border-radius: 10px;
    background: #CDE0FC;
    min-width: 60px;
    width: 60px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.card-rate {
    background: #FFF;
}

.rate-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.rate-left {
    display: flex;
    align-items: center;
}

.rate-img {
    margin-right: 20px;

    min-width: 54px;
    width: 54px;
    min-height: 54px;
    position: relative;
}

.rate-img img {
    width: 78px;
    top: -6px;
    position: absolute;
}

.rate-title {
    color: #0C2146;
    text-align: center;
    font-family: Rubik-Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rate-right {
    display: flex;

    margin: 0 auto;
    width: 100%;
    justify-content: center;
}

.rate-one {
    display: flex;
    flex-direction: column;

    margin-right: 30px;
}

.rate-one:last-child {
    margin-right: 0;
}

.rate-title {
    display: flex;
    align-items: center;
}

.rate-title span {
    color: #0C2146;
    font-family: Rubik-Bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.rate-one .rate-title {
    margin-bottom: 10px;
}

.rate-one .rate-title img {
    margin-right: 10px;
    width: 34px;
    min-width: 34px;
}

.rate-input {
    max-width: 120px;

    border-radius: 4px;
    border: 1px solid #DFDAF0;
    background: #F0F4FD;
}

.rate-input-result {
    background: #EFEFEF;
    border: 1px solid #EFEFEF;
}

.rate-content {
    position: relative;
}

.rate-content span {
    color: #0BD61F;
    font-family: Rubik-Bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    position: absolute;
    top: 32%;
    left: 9%;
}

.rate-input {
    font-size: 16px;
    color: #0C2146
}

.rate-input-result::placeholder {
    color: #0C2146
}

.form-control.rate-input-result[readonly] {
    background: #EFEFEF;
    border: 1px solid #EFEFEF;
}

.form-control.rate-input-result[readonly]::placeholder {
    color: #0C2146
}

.form-control.rate-input-result:hover,
.form-control.rate-input-result:focus,
.form-control.rate-input-result:active {
    background: #EFEFEF;
    border: 1px solid #EFEFEF;
}


.rate-input-result-percent {
    padding-left: 60px;
    padding-right: 0;
    min-width: 150px;
}

.main-logo {
    max-height: 300px;
    height: 300px;
    max-width: 422px;
    width: 422px;
    background-image: url('/images/expo/mobile-main-logo.png');
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.main-content {
    margin-right: 80px;
    margin-left: 50px;
}

.main-image {
    width: 50px;
    min-width: 50px;

    margin: 0 auto 20px;
}

.main-image img {
    width: 100%;
}