/* theme.css */


/* celestra color scheme */
:root {
--body: #FFF;
--body-font-size: 15px;
--navbar-font-size: 14px;
--navbar-line: #FFF;
--navbar-color: #000;
--navbar-color-hover: #F26126;
--navbar-bg: #FFF;
--navbar-bg-hover: #FFF;
--primary: #F26126;
--secondary: #383AD1;
--light-plus: #ebebeb;
--light-plus-hover: #d4d4d4;
--light: #f5f5f5;
--dark: #000000;
--success: #359F58;
--info: #21A3F2;
--warning: #F27C26;
--danger: #E61238;
--default: #383AD1;
--card-bg: #ffffff;
}
html, body {font-size: 15px;}
body, h1, h2, h3, h4, h5, h6 {color:#000000; font-family: 'Inter', sans-serif;}
.nav-item {font-size: 14px;}
.bg-body {background-color:#FFF  !important;}
.bg-navbar {background-color:#FFF; color:#000; font-size: 14px;}
.nav-item > a {color:#000 !important;}
.nav-item.active, .nav-item:hover, .nav-item:focus {background-color: #FFF;}a.logo, a.logo:hover, a.logo:visited, a.logo:active {color:#000;}
.btn-header {border-color:#000 !important; color:#000 !important;} 
.btn-header:hover {border-color:#000 !important; color:#FFF !important; background-color:#000;} 
.btn-header-outline {border-color:#000 !important; color:#000 !important;} 
.btn-header-outline:hover {border-color:#000 !important; color:#FFF !important; background-color:#000;} 
.bg-footer {background-color:#000000;}
A, .btn-link {color:#F26126;}
A:hover, .btn-link:hover {color:#da5722;}
A, .btn-link {color:#383AD1;}
A:hover, .btn-link:hover {color:#2325B4;}
/*.nav-item.active, .nav-item:hover, .nav-item:focus {background-color: #212121;}*/
.nav-item.active>A{color:#000000DE!important;}
/*
.item-block, .card, .bg-card {border:1px solid #F5F5F5;}
.item-block, .card, .bg-card {background:#f5f5f5; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
*/
.footer {background-color: #212121; color: #fff;}
.footer A, .btn-link {
    color: #fff;
}

.bg-info-2, .btn-info-2 {
    background-color: #EBEBFA !important;
    border-color: #EBEBFA !important;
}

.btn-info-2, .btn-info-2:hover {
    color: #383AD1;
}
 .btn-check:focus + .btn, .btn:focus {color: #fff;} 
 .btn-check:focus + .btn.btn-light, .btn.btn-light:focus {color: #000000;} 
 .btn-check:focus + .btn.btn-trans, .btn.btn-trans:focus {color: #000000;} 
.bg-primary {  color: #fff;  border-color:#F26126 !important; background-color:#F26126 !important}
a.bg-primary:hover {  color: #fff;  border-color:#da5722 !important; background-color:#da5722 !important}
.text-primary {color:#F26126 !important;}
.link-primary {color:#F26126 !important;}
.link-primary:hover {color:#F26126 !important;}
.btn-primary { color: #fff;  border-color:#F26126 !important; background-color:#F26126 !important}
.btn-primary:hover { color: #fff; border-color:#da5722 !important; background-color:#da5722 !important}
.btn-primary.active { color: #fff;  border-color:#da5722 !important; background-color:#da5722 !important}
.btn-outline-primary {border-color:#F26126 !important; color: color: primary;  !important;} 
.btn-outline-primary:hover
                    , .btn-outline-primary:active
                    , .btn-outline-primary.active
                    , .btn-outline-primary.dropdown-toggle.show { color: #fff;  border-color:#da5722 !important; background-color:#da5722 !important}
.bg-secondary {  color: #fff;  border-color:#383AD1 !important; background-color:#383AD1 !important}
a.bg-secondary:hover {  color: #fff;  border-color:#3234bc !important; background-color:#3234bc !important}
.text-secondary {color:#383AD1 !important;}
.link-secondary {color:#383AD1 !important;}
.link-secondary:hover {color:#383AD1 !important;}
.btn-secondary { color: #fff;  border-color:#383AD1 !important; background-color:#383AD1 !important}
.btn-secondary:hover { color: #fff; border-color:#3234bc !important; background-color:#3234bc !important}
.btn-secondary.active { color: #fff;  border-color:#3234bc !important; background-color:#3234bc !important}
.btn-outline-secondary {border-color:#383AD1 !important; color: color: secondary;  !important;} 
.btn-outline-secondary:hover
                    , .btn-outline-secondary:active
                    , .btn-outline-secondary.active
                    , .btn-outline-secondary.dropdown-toggle.show { color: #fff;  border-color:#3234bc !important; background-color:#3234bc !important}
.bg-light {  color:#000000; border-color:#f5f5f5 !important; background-color:#f5f5f5 !important}
a.bg-light:hover {  color:#000000; border-color:#dddddd !important; background-color:#dddddd !important}
.text-light {color:#f5f5f5 !important;}
.link-light {color:#f5f5f5 !important;}
.link-light:hover {color:#f5f5f5 !important;}
.btn-light { color:#000000; border-color:#f5f5f5 !important; background-color:#f5f5f5 !important}
.btn-light:hover { color:#000000;border-color:#dddddd !important; background-color:#dddddd !important}
.btn-light.active { color:#000000; border-color:#dddddd !important; background-color:#dddddd !important}
.btn-outline-light {border-color:#f5f5f5 !important; color: color:#000000; !important;} 
.btn-outline-light:hover
                    , .btn-outline-light:active
                    , .btn-outline-light.active
                    , .btn-outline-light.dropdown-toggle.show { color:#000000; border-color:#dddddd !important; background-color:#dddddd !important}
.cke_toolgroup,.cke_combo_button,a.cke_path_item { color:#000000; box-shadow:none !important;border: 0 !important; background:#f5f5f5 !important}
.cke_combo_button:not(.cke_button_disabled):hover,.cke_button:not(.cke_button_disabled):hover,a.cke_path_item:hover { color:#000000; box-shadow:none !important; border: 0 !important; background:#dddddd !important}
.cke_toolgroup.active,.cke_button_on,.cke_combo_on .cke_combo_button,.cke_combo_on .cke_button { color:#000000; box-shadow:none !important; border-color:#dddddd !important; background:#dddddd !important}
.cke_top, .cke_bottom{background: #f5f5f5 !important;}

.user-My .marker {border-color:#ebebeb !important; background-color:#ebebeb !important}
.user-My .btn-light {border-color:#ebebeb !important; background-color:#ebebeb !important}
.user-My .btn-light:hover {border-color:#d4d4d4 !important; background-color:#d4d4d4 !important}
.user-My .btn-light.active {border-color:#d4d4d4 !important; background-color:#d4d4d4 !important}


.bg-dark {  color: #fff;  border-color:#000000 !important; background-color:#000000 !important}
a.bg-dark:hover {  color: #fff;  border-color:#000000 !important; background-color:#000000 !important}
.text-dark {color:#000000 !important;}
.link-dark {color:#000000 !important;}
.link-dark:hover {color:#000000 !important;}
.btn-dark { color: #fff;  border-color:#000000 !important; background-color:#000000 !important}
.btn-dark:hover { color: #fff; border-color:#000000 !important; background-color:#000000 !important}
.btn-dark.active { color: #fff;  border-color:#000000 !important; background-color:#000000 !important}
.btn-outline-dark {border-color:#000000 !important; color: color: dark;  !important;} 
.btn-outline-dark:hover
                    , .btn-outline-dark:active
                    , .btn-outline-dark.active
                    , .btn-outline-dark.dropdown-toggle.show { color: #fff;  border-color:#000000 !important; background-color:#000000 !important}
.bg-success {  color: #fff;  border-color:#359F58 !important; background-color:#359F58 !important}
a.bg-success:hover {  color: #fff;  border-color:#308f4f !important; background-color:#308f4f !important}
.text-success {color:#359F58 !important;}
.link-success {color:#359F58 !important;}
.link-success:hover {color:#359F58 !important;}
.btn-success { color: #fff;  border-color:#359F58 !important; background-color:#359F58 !important}
.btn-success:hover { color: #fff; border-color:#308f4f !important; background-color:#308f4f !important}
.btn-success.active { color: #fff;  border-color:#308f4f !important; background-color:#308f4f !important}
.btn-outline-success {border-color:#359F58 !important; color: color: success;  !important;} 
.btn-outline-success:hover
                    , .btn-outline-success:active
                    , .btn-outline-success.active
                    , .btn-outline-success.dropdown-toggle.show { color: #fff;  border-color:#308f4f !important; background-color:#308f4f !important}
.bg-info {  color:#000000; border-color:#21A3F2 !important; background-color:#21A3F2 !important}
a.bg-info:hover {  color:#000000; border-color:#1e93da !important; background-color:#1e93da !important}
.text-info {color:#21A3F2 !important;}
.link-info {color:#21A3F2 !important;}
.link-info:hover {color:#21A3F2 !important;}
.btn-info { color:#000000; border-color:#21A3F2 !important; background-color:#21A3F2 !important}
.btn-info:hover { color:#000000;border-color:#1e93da !important; background-color:#1e93da !important}
.btn-info.active { color:#000000; border-color:#1e93da !important; background-color:#1e93da !important}
.btn-outline-info {border-color:#21A3F2 !important; color: color:#000000; !important;} 
.btn-outline-info:hover
                    , .btn-outline-info:active
                    , .btn-outline-info.active
                    , .btn-outline-info.dropdown-toggle.show { color:#000000; border-color:#1e93da !important; background-color:#1e93da !important}
.bg-warning {  color: #fff;  border-color:#F27C26 !important; background-color:#F27C26 !important}
a.bg-warning:hover {  color: #fff;  border-color:#da7022 !important; background-color:#da7022 !important}
.text-warning {color:#F27C26 !important;}
.link-warning {color:#F27C26 !important;}
.link-warning:hover {color:#F27C26 !important;}
.btn-warning { color: #fff;  border-color:#F27C26 !important; background-color:#F27C26 !important}
.btn-warning:hover { color: #fff; border-color:#da7022 !important; background-color:#da7022 !important}
.btn-warning.active { color: #fff;  border-color:#da7022 !important; background-color:#da7022 !important}
.btn-outline-warning {border-color:#F27C26 !important; color: color: warning;  !important;} 
.btn-outline-warning:hover
                    , .btn-outline-warning:active
                    , .btn-outline-warning.active
                    , .btn-outline-warning.dropdown-toggle.show { color: #fff;  border-color:#da7022 !important; background-color:#da7022 !important}
.bg-danger {  color: #fff;  border-color:#E61238 !important; background-color:#E61238 !important}
a.bg-danger:hover {  color: #fff;  border-color:#cf1032 !important; background-color:#cf1032 !important}
.text-danger {color:#E61238 !important;}
.link-danger {color:#E61238 !important;}
.link-danger:hover {color:#E61238 !important;}
.btn-danger { color: #fff;  border-color:#E61238 !important; background-color:#E61238 !important}
.btn-danger:hover { color: #fff; border-color:#cf1032 !important; background-color:#cf1032 !important}
.btn-danger.active { color: #fff;  border-color:#cf1032 !important; background-color:#cf1032 !important}
.btn-outline-danger {border-color:#E61238 !important; color: color: danger;  !important;} 
.btn-outline-danger:hover
                    , .btn-outline-danger:active
                    , .btn-outline-danger.active
                    , .btn-outline-danger.dropdown-toggle.show { color: #fff;  border-color:#cf1032 !important; background-color:#cf1032 !important}
.bg-default {  color: #fff;  border-color:#383AD1 !important; background-color:#383AD1 !important}
a.bg-default:hover {  color: #fff;  border-color:#3234bc !important; background-color:#3234bc !important}
.text-default {color:#383AD1 !important;}
.link-default {color:#383AD1 !important;}
.link-default:hover {color:#383AD1 !important;}
.btn-default { color: #fff;  border-color:#383AD1 !important; background-color:#383AD1 !important}
.btn-default:hover { color: #fff; border-color:#3234bc !important; background-color:#3234bc !important}
.btn-default.active { color: #fff;  border-color:#3234bc !important; background-color:#3234bc !important}
.btn-outline-default {border-color:#383AD1 !important; color: color: default;  !important;} 
.btn-outline-default:hover
                    , .btn-outline-default:active
                    , .btn-outline-default.active
                    , .btn-outline-default.dropdown-toggle.show { color: #fff;  border-color:#3234bc !important; background-color:#3234bc !important}
 .highlighted{color: #fff !important;border-color:#ffca2c !important;background-color: #ffca2c !important;} 
.reverse-spinner-single {
  position: relative;
/*
  height: 100px;
  width: 100px;
*/
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;


}


@-webkit-keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}
a.logo img {
    max-width: 100px;
    min-height: 1.25rem;
}
.nav-pills .nav-link.active {
    background-color: var(--default);
}
.card-shadow {
    box-shadow: 0px 5px 33.6px rgba(0, 0, 0, 0.08);
    flex-direction: column !important;
    text-align: left;
}
.btn:disabled{
    opacity: unset;
    background-color: #B7B8EE !important;
    border-color: #B7B8EE !important;
}
.js-popup-form-dynamic .modal-right-psb.modal-right .modal-body,
.js-popup-form-dynamic .modal-right-psb.modal-right .form-body{
    max-height: unset !important;
    height: unset !important;
}
main#AJAX_MAIN {
    margin-bottom: 360px;
}

.cursor-pointer {
    cursor: pointer;
}

a.card_link,
span.card_link {
    display: flex;
    padding: 7px 12px;
    background: rgba(245, 243, 255, 1);
    border-radius: 12px;
    width: fit-content;
    color: #383AD1;
    pointer-events: auto;
}

a.card-container-link__item:hover,
span.card-container-link__item:hover {
    background-color: rgba(235, 235, 250, 1);
}

.custom-card {
    box-shadow: 0px 5px 33.6px rgba(0, 0, 0, 0.08);
    flex-direction: column !important;
    text-align: left;
}

.min-height-card {
    min-height: 336px;
}

.custom-card .fs-5 {
    font-size: 20px !important;
    color: rgba(0, 0, 0, 0.87);
}

.custom-card-free:before {
    content: "Бесплатно";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    display: flex;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    background-color: rgba(53, 159, 88, 1);
    padding: 2px 12px;
    color: #FFF;
}

.custom-card-special:before {
    content: "Специальные условия";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    display: flex;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    background-color: rgba(132, 134, 226, 1);
    padding: 2px 12px;
    color: #FFF;
}

.custom-card .card-text {
    color: rgba(0, 0, 0, 0.54);
}

.custom-card-disable {
    background: rgba(245, 243, 255, 1) !important;
}

/*.custom-card-disable::after {*/
/*    content: "";*/
/*    background: url(/download/?ant=1744023605&file=%2F2025%2F04%2F07%2Fcastle.svg) no-repeat;*/
/*    position: absolute;*/
/*    right: 24px;*/
/*    top: 24px;*/
/*    width: 12px;*/
/*    height: 16px;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*}*/
.card-after-icon {
    display: none;
}

.card_container:has(.custom-card-disable) .card-after-icon {
    display: block;
    position: absolute;
    left: 20px;
    width: 87%;
    height: 100%;
    cursor: pointer;
    z-index: 10;
    border: unset;
    background: unset;
}

.card_container:has(.custom-card-disable) .card-after-icon:after {
    content: "";
    background: url(/download/?ant=1744023605&file=%2F2025%2F04%2F07%2Fcastle.svg) no-repeat;
    width: 12px;
    height: 16px;
    right: 24px;
    top: 24px;
    position: absolute;
}

.card_container:has(.custom-card-disable) .card-after-icon:hover:after {
    background: url(/download/?ant=1744637604&file=%2F2025%2F04%2F14%2Fblue-castle.svg) no-repeat;
}

/*.card_container:has(.card-after-icon) .custom-card-disable:hover{*/
/*    background: #EBEBFA !important;*/
/*}*/
.card-after-icon:hover+.custom-card-disable,
.card-after-icon:hover+.custom-card-disable span.card_link,
.custom-card-active:hover,
span.card_link:hover {
    background: #EBEBFA !important;
}

.model-disable-link {
    z-index: 10;
}

/*.custom-card-active:after {*/
/*    content: "";*/
/*    background: url(/download/?file=/2025/04/01/modal-success.png) no-repeat center / contain;*/
/*    position: absolute;*/
/*    right: 24px;*/
/*    top: 24px;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*}*/

.modal-footer div {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
button.accordion-button {
    background-color: transparent;
}

.sidebar .sidebar-nav .nav-item a {
    font-size: 14px;
}

a.logo img {
    max-width: 140px;
}

.gray-background {
    background-color: #F7F7F8;
}
.light-gray-color{
    color: #0000008A;
}
.faq-block {
    margin: 0 -44px;
}

.tariff-faq-block .nav-tabs-faq .nav-item:hover {
    background-color: unset;
}

.tariff-card-img {
    max-width: 120px;
    width: 100%;
    margin-top: -55px;
}

.nav-tabs-faq .nav-tabs {
    border-bottom: unset;
    gap: 8px;
}
.nav-tabs-faq .nav-tabs li{
    margin-bottom: 0;
}
.nav-tabs-faq .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.nav-tabs-faq .nav-tabs .nav-link {
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 8px !important;
}

.accordion-button:not(.collapsed),
.accordion-body {
    background-color: unset !important;
}

.accordion-button{
    line-height: 24px;
    font-size: 16px;
    text-transform: unset;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #8486E2;
}

.custom-tooltip {
    font-size: 12px;
    color: #383AD1;
    width: max-content;
}

.tariff-bg-linear {
    width: 100%;
    display: inline-block;
    padding: 2px;
    border-radius: 12px;
    background: linear-gradient(90deg, #FFD74B, #FF974B, #D04CFF, #484BFF);
}

.border-bottom {
    border-bottom: unset !important;
}

/*.tree-nav .tree-frame.tree-frame-0{*/
/*    margin-top: 24px;*/
/*}*/
.mb-130 {
    margin-bottom: 130px;
}

body[data-interface-id="977112"] .header {
    border-bottom: 1px solid #5A5B6A29;
}

.content-container-mw {
    max-width: 920px;
    margin: 0 auto;
}

.content-container-mw .gx-4 {
    --bs-gutter-x: 30px;
}

/*.sidebar-nav{*/
/*    border-top: 1px solid #5A5B6A29;*/
/*}*/
.header-main {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px;
}

.header-main .m-auto {
    margin: unset !important;
}

.header-main .dropdown-menu {
    border-top: 1px solid var(--bs-dropdown-border-color);
    border-top-right-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important;
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F5F5F5;
    opacity: 0.5;
    border-radius: 16px;
    pointer-events: none;
}

img.img-castle {
    position: absolute;
    right: 15px;
    top: 15px;
}

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

.br-10 {
    border-radius: 10px;
}

.br-12 {
    border-radius: 12px !important;
}

.br-16 {
    border-radius: 16px !important;
}

.breadcrumbs-h:has(.content-container-mw) {
    background-color: #f0f0f0;
}

.breadcrumbs-h-show {
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: -28px;
}

.breadcrumbs-h {
    margin: 25px auto 0;
    max-width: 1010px;
    width: 100%;
}

.breadcrumbs-h-show h2,
.breadcrumbs-h h2 {
    font-size: 14px;
    color: #0000008A;
    font-weight: 400;
}

.breadcrumbs-h-show.py-3,
.breadcrumbs-h.py-3 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tree-item:nth-of-type(1)+.tree-item a {
    border-bottom: 1px solid #0000001F;
    padding-bottom: 32px !important;
    margin-bottom: 8px;
}

.tree-nav.sidebar-nav.tree-modern .tree-item {
    padding-left: 40px;
}

.tree-nav .tree-item .ps-4 {
    padding-left: 0 !important;
}

.tree-nav .nav-item.active {
    font-weight: 600;
}

.header-main {
    height: 72px;
}

.input__block {
    gap: 24px
}

.auth__options {
    display: flex;
    justify-content: space-between;
}

.btn-h-lg {
    height: 48px;
}

.btn-lg-form {
    height: 60px;
}

.card__container .g-4 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
}

.card__img {
    width: 56px;
    height: 56px;
}
.fs-16{
    font-size: 16px!important;
}
.form-content .fs-3 {
    font-size: 28px !important;
}

/*.form__container {*/
/*    margin-top: 100px;*/
/*    margin-bottom: 80px;*/
/*}*/

.form__container-auth .text-muted,
.pincode input[type="number"] {
    color: #000 !important;
}

.form-container-reg {
    max-width: 520px;
    width: 100%;
}

.form-container-bg {
    padding: 40px 24px;
    border-radius: 12px;
}

/* banner service */
/*.banner__container{*/
/*    border-radius: 20px*/
/*}*/
.banner-card-container img {
    max-width: 205px;
    left: 25px;
    bottom: 0;
}

.banner__container-contaent .col {
    padding: 0;
}

.banner__container-img img {
    max-width: 280px;
    width: 100%
}

.banner-card-container {
    width: 100%;
    max-width: 200px;
}

.banner-linear-gradient {
    background: linear-gradient(70deg, rgba(255, 230, 193, 1), rgba(255, 222, 254, 1), rgba(226, 192, 255, 1));
}

/* END banner service */

/* banner partner */
.promo-timer-text {
    background: linear-gradient(45deg, #EC3D73, #9339EA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.linear-pink-blue-border {
    display: inline-block;
    padding: 1px;
    border-radius: 12px;
    background: linear-gradient(90deg, #EC3D73, #9339EA);
}

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

.promo-timer {
    padding: 4px 12px;
    background: linear-gradient(45deg, #FFE6C1, #FFDEFE, #E2C0FF);
    border-radius: 8px;
    max-width: fit-content;
}


img.banner-logo {
    max-width: 40px;
}

.banner-bg {
    background: linear-gradient(45deg, #F3F1FF, #DBF2FF);
}

.banner-card-img {
    width: 100%;
    max-width: 200px;
}

/* END banner partner */

.fw-medium {
    font-weight: 500;
}

.bg-warm-light {
    background-color: #FCF1E5
}

.form__confirm .form-control {
    background: unset;
}

.form__confirm .form-control:focus,
.register-form .form-contro {
    border: unset !important;
}

.form-input-code:has(.form__confirm-input:not(:placeholder-shown))::before {
    display: none;
}

.form__confirm-input:valid+ ::before {
    display: none;
}

.bg-img {
    position: absolute;
    z-index: -1;
    max-width: 1100px;
    width: 100%;
}

.bg-img-top {
    top: 50%;
    transform: translateY(-50%);
}

.container-tariff-bg .bg-img {
    z-index: 0;
}

.container-tariff-bg:before {
    content: "";
    background: url(download/?file=/2025/04/10/bg-auth-1.png) no-repeat;
    width: 80%;
    height: 80%;
    position: absolute;
    background-size: contain;
    right: 0;
    top: 20%;
}

.bg-auth .form-control {
    background: #F5F5F5;
    border: unset !important;
}

.container .flex-grow-1 {
    max-width: 100%;
}

.register-form .form-control:focus {
    outline: 1px solid rgba(0, 0, 0, .3) !important;
}

.form-input-code:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #0000006B;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-input-code {
    position: relative;
}

.pincode input[type="number"].form-control {
    font-size: 40px;
    padding: unset;
}

.pincode {
    justify-content: center;
    background-color: #F5F5F5;
    width: 100%;
    max-width: 311px;
}

#timer_box .link-warning {
    color: #383AD1 !important;
}

header .dropdown .btn-header {
    border: unset;
    border-color: #F5F5F5 !important;
    background-color: #F5F5F5 !important;
}

header .dropdown .btn-header:hover {
    color: #212121 !important;
    border-color: #dddddd !important;
    background-color: #dddddd !important;
}

.accordion-button {
    gap: 16px;
}

.card-modal-content-item .modal-header {
    position: absolute;
    top: 8px;
    right: 16px;
    z-index: 1;
}

.modal:not(.lightbox):not(#listingModeOptions):not(.listing-mode-options) .card-modal-content-item .modal-body {
    max-height: 100%
}

.container-form-fields .form-control:focus {
    border: unset !important;
    background: #F5F5F5;
}

.popover-body {
    font-size: 12px;
    color: #0000008A;
}

.popover.bs-popover-auto {
    max-width: 318px;
    width: max-content;
}

.modal-dialog-card {
    max-width: 620px;
}

.modal-body-content {
    display: flex;
    gap: 32px;
    flex-direction: column;
    margin-bottom: 36px;
}

.modal-body-content__item ul {
    margin-bottom: 0;
}

.modal-body-content__item-icon {
    margin-left: 38px;
}

.modal-body-content__item-icon:before {
    content: "";
    position: absolute;
    width: 18px;
    left: -30px;
    height: 18px;
}
.modal-body .modal-title{
    white-space: normal;
}
.statistic-icon:before {
    background: url(/download/?ant=1742472116&file=%2F2025%2F03%2F20%2Fstatistic.svg);
    background-size: 100% 100%;
}

.limit_setting-icon:before {
    background: url(/download/?ant=1742472833&file=%2F2025%2F03%2F20%2Flimit_setting.svg);
    background-size: 100% 100%;
}

.megaphone-icon:before {
    background: url(/download/?ant=1742472802&file=%2F2025%2F03%2F20%2Fmegaphone.svg);
    background-size: 100% 100%;
}

header .d-xl-none .nav-toggler {
    display: none
}

/*modal-container*/
.modal-form_container.offcanvas.offcanvas-end,
.card_container .offcanvas.offcanvas-end {
    width: 100% !important;
    max-width: 520px;
}
.modal-right-psb .btn-close,
.modal-form_container .custom-close,
.card_container .custom-close {
    background: none;
    border: none;
    padding: 2px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 12px 32px rgba(90, 91, 106, 0.08), 0px 4px 16px rgba(58, 58, 68, 0.16);
}

.modal-right-psb .modal-content,
.card_container .offcanvas-body {
    padding: 40px;
}

.modal-form_container .offcanvas-body {
    padding: 40px;
}

body[data-interface-id="977112"].bg-body {
    position: relative;
}

/*body[data-interface-id="977112"] .bg-footer {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: 1031;*/
/*    color: rgba(255, 255, 255, 0.87);*/
/*}*/

body[data-interface-id="977112"] .bg-footer a {
    color: rgba(255, 255, 255, 0.87);
}

.bg-auth .bg-footer,
.bg-auth .bg-footer a {
    color: rgba(255, 255, 255, 0.87);
}

.bg-auth .form-container-bg {
    margin-bottom: 180px;
    margin-top: 135px;
}

.bg-footer .row {
    flex-direction: column-reverse;
}

.bg-footer .col-lg-4 {
    width: 100%;
}

.main-footer-phone__other-phones .row {
    flex-direction: column;
    gap: 4px;
    justify-content: space-between;
}

.main {
    padding-top: 80px;
}

.main-footer-phone__other-phones {
    flex-direction: row;
    display: flex;
    justify-content: center;
    gap: 80px;
}

.copyright-footer {
    max-width: 488px;
    margin: 0 auto;
}

.fs-20 {
    font-size: 20px;
}

.promo-popup ol {
    padding-left: 1rem;
}

.fs-small {
    font-size: 14px;
    line-height: 24px;
}
.fs-large {
    font-size: 28px;
}
.tariff-card-list-item-img {
    width: 32px;
    height: 32px;
}

.fs-smaller {
    font-size: 12px;
}

/*end modal-container*/
/*.bg-auth:before {*/
/*    background: url(download/?file=/2025/04/09/bg-auth.png) no-repeat;*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 75%;*/
/*    max-width: 1000px;*/
/*    top: 55%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    background-position: center;*/
/*    background-size: 95% 101%;*/
/*    z-index: -1;*/
/*}*/

.bg-auth .container {
    padding: 0 25px;
}

#timer_box .text-secondary {
    display: none;
}

#timer_box .text-warning {
    color: #383AD1 !important;
}

/* Partner */
.copy-icon {
    gap: 8px
}

.copy-icon:before {
    content: "";
    background: url(/download/?file=/2025/04/04/copy.png) no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain;
    position: absolute;
    left: 4px;
}
.copy-icon-banner:before {
    left: 18px;
}
.pr-lg {
    padding-right: 44px !important;
}
.text-custom-blue {
  color: #383AD1 !important;
}
.banner-partner-advertisement:before {
    content: "Реклама";
    position: absolute;
    font-size: 10px;
    display: flex;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #B7B8EE;
    padding: 2px 12px;
    color: #FFF;
}

/*.btn-promo-hover:hover {*/
/*    box-shadow: 0px 8px 16px #5A5B6A29, 0px 4px 8px #3A3A4429;*/
/*    border-color: unset;*/
/*    background-color: #EBEBFA;*/
/*}*/

.btn-promo-hover {
    border: unset;
}

.bottom-right:before {
    bottom: 0;
    right: 0
}

/*.default-btn-lg {*/
/*    padding: 16px 24px;*/
/*    height: 48px;*/
/*}*/
.btn-promo-banner{
    padding: 12px 20px 12px 47px;
}
.btn-promo {
    padding: 12px 20px 12px 32px;
}

.active-promo {
    padding: 12px 0;
}

.btn-promo-border {
    border: 1px solid #B7B8EE;
}

.btn-promo-bg-white {
    background-color: #FFF;
}

.r-180 {
    rotate: 180deg;
}

.btn-promo-bg-light-blue {
    /*background: linear-gradient(0, #E3EDFF, #F5F3FF);*/
    background: unset;
}

.btn-bg-purple {
    background: #8486E2;
}

.nav-tabs-faq .nav-tabs .nav-link.active {
    color: #FFF;
    background-color: #383AD1;
}

.tariff-faq-block .nav-tabs {
    background-color: #F5F5F5;
    width: fit-content;
    border-radius: 8px;
    flex-wrap: nowrap;
}

.tariff-faq-block .nav-tabs .nav-link {
    background-color: transparent;
    border: unset;
    padding-right: 12px;
    padding-left: 12px;
}

.tariff-faq-block .nav-tabs .nav-link.active {
    background: linear-gradient(0, #E3EDFF, #F5F3FF);
    color: #000000DE;
    font-weight: 600;
    box-shadow: 0px 2px 8px 0px #5A5B6A1F, 0px 1px 4px #3A3A441F;
}

.tariff-faq-block .accordion-item {
    box-shadow: 0 0 24px #0C0D6C1F;
    padding: 20px;
}

.tariff-faq-block .accordion-header {
    width: 100%;
}

.tariff-faq-block .accordion-body {
    border-top: unset;
    padding-top: unset;
}

.tariff-faq-block .accordion-body-item {
    padding: 20px;
}

.tariff-faq-block .linear-pink-blue-border .accordion-body-item {
    padding: 20px 42px;
}

.tariff-faq-block ul {
    padding-left: 0;
}

.tariff-faq-block .accordion-item {
    max-width: 760px;
}

.tariff-faq-block .accordion-body .gap-5 {
    gap: 0 3rem !important;
}

.tariff-btn-group .btn {
    padding: 18px 40px;
}

.form-content .form-control.ui-placeholder__input {
    padding-top: 1.5rem !important;
    height: 64px;
}

#btn_view_password {
    top: 6px;
    height: fit-content;
}

.form-content input[name="password"] {
    padding-right: 45px;
    padding-bottom: 14px !important;
}
#form959157 .modal-footer a{
    border: unset !important;
    background-color: unset !important;
    color: #383AD1 !important;
}
#form959157 .modal-footer{
    padding-left: 0;
    flex-direction: row-reverse;
}
#last-change-password{
    font-size: 12px;
    margin-top: 8px;
    margin-left: 14px;
}
#form959157 #btn-save{
    padding: 10px 24px;
    border-radius: 12px;
}
.form-content .form-control:focus,
.modal-right-psb .form-control:focus,
#form823019 input:focus,
#form823019 textarea:focus{
    background-color: #F5F3FF !important;
}
.placeholder-fake {
    top: 1.65rem;
}

.modal-right-psb .placeholder-fake--top,
.placeholder-fake--top{
    top: .45rem;
    color: #383AD1;
}
/*.form-content label{*/
/*    color: #383AD1;*/
/*}*/


.form-content .col-xl-6 {
    max-width: 608px;
    width: 100%;
}

  
ul li{margin-bottom: 0.5rem;}

ul li::marker {
    color: #00000033;
    font-size: 1.5em;
    line-height:1;
}

.accordion-buttom-promo .promo-timer {
    margin-left: auto;
    margin-right: 24px;
}

.accordion-buttom-promo.accordion-button::after {
    margin-left: unset;
}

.ml-24 {
    margin-left: 24px;
}

/* END Partner */
/*Вернуть*/
.bg-auth {
    background: linear-gradient(90deg, #F3F1FF, #DBF2FF);
}
.form-container-bg{
    background-color: #FFF;
}
/*popapp my-service*/
.custom-tooltip-card {
    position: absolute;
    right: 25px;
    top: 52px;
    background: #383AD1 !important;
    padding: 12px 16px;
    color: #FFF !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 100;
}

.custom-tooltip-card::before {
    content: "";
    position: absolute;
    top: -10px;
    border-width: 0 8px 10px 8px;
    border-style: solid;
    border-color: transparent transparent #383AD1 transparent;
    right: 14px;
}

.custom-tooltip-card.show {
    display: block;
}

/*end popapp my-service*/
/*Баннер вместе выгодно*/
.linear-gradient-insurance{
    background: linear-gradient(180deg, #FFEBE4, #F5F3FF)!important
}
.banner-linear-gradient-light-blue{
    background: linear-gradient(180deg, #F3F1FF, #DBF2FF)!important
}
/*Баннер действующий*/
.banner-linear-gradient-light-pink {
    background: linear-gradient(180deg, #F5F3FF, #F1E5FF)!important
}

.banner-valid .banner-card-container {
    max-width: 150px;
}

/*END Баннер действующий*/
/*sidebar*/
.sidebar-header {
    padding-left: 40px !important;
    height: 72px;
    position: fixed;
    top: 0;
    left: 0;
    width: 50vw !important;
    z-index: 10;
}

.sidebar-nav {
    max-width: 260px;
    width: 100% !important;
    margin-top: 100px !important;
}

body.width-1280 {
    max-width: 1280px;
    margin: 0 auto;
}

body.width-1280 .sidebar {
    left: unset;
}

body.width-1280 .header.header {
    left: 0;
}

.bg-navbar {
    background-color: unset
}

body[data-interface-id="977112"] .bg-footer {
    position: absolute;
    bottom: 0;
    z-index: 1031;
    color: rgba(255, 255, 255, 0.87);
    left: calc(-50vw + 50%);
    width: calc(100vw - 6px) !important;
}
.sidebar{
    z-index: 1021;
}
/*end sidebar*/

/*load file*/
#form823019 .container-form,
#form823019.form-fields-inline .container-form>.form-body{
    width: 100%;
}
#form823019 .container-form textarea.form-control,
.modal-right-psb .form-control,
#form823019 input[type='email']{
    min-height: 64px;
    background-color: #F5F5F5;
    border: unset !important;
}
#form823019 .form-floating:focus-within label{
    color: #383AD1!important;
}
#form823019 .form-floating>label{
    top: 5px;
}
#form823019 .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 2rem;
}
#form823019 .fieldset-floating-file{
    padding: 0;
}
#form823019 .input-group button.btn-default{
    display: none;
}
#form823019 .file-fieldset legend {
    position: absolute;
    z-index: 1;
    width: 100% !important;
    margin-top: 120px;
    text-align: center !important;
}
#form823019 .form-control{
    border-radius: var(--input-border-radius);
    min-height: 160px;
    border: 2px dashed #00000033 !important;
    background: #F5F5F5;
}
#form823019 .input-group label.btn-default{
    position: absolute;
    left: 3px;
    top: 2px;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    color: #000;
    padding-top: 50px;
    background-color: unset !important;
    border: unset !important;
}
form#form823019{
    width: 100%;
}
#form823019 .file-fieldset{
    position: relative;
}
#form823019 .fieldset-floating-file{
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
}
#form823019 .custom-tooltip:hover{
    background: unset;
    color: #383AD1;
    border-bottom: 1px dashed #8486E2;
}
#form823019 .custom-tooltip-btn{
    padding: 0;
}
#form823019 .btn-sm{
    max-width: unset;
}
#form823019 .forms-parameters > div{
    margin-bottom: 40px;
}
#form823019 .forms-parameters div:nth-child(3){
    margin-bottom: 0;
}
#form823019 .bg-light{
    background-color: unset!important;
}
#form823019.form-fields-inline .container-form>fieldset button{
    max-width: 166px;
    width: 100%;
    height: 60px;
    font-size: 16px;
}
#form823019.form-fields-inline .container-form>fieldset{
    width: 100%;
}
#form823019 .item-block{
    padding-top: 0;
}

#form823019 .fieldset-floating-file > div ol{
    position: absolute;
    top: 60px;
    left: 20px;
    z-index: 2;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    max-width: 93%;
}
#form823019 .bi-upload::before{
    content: "\F2C0";
    font-size: 20px;
}
#form823019 .fieldset-floating-file > div ol li{
    background: white !important;
        border-radius: 12px;
}
#form823019 .fieldset-floating-file > div .dragged-input-group{
    max-width: 112px;
    min-height: 118px;
    
}
#form823019 .fieldset-floating-file > div .dragged-input-group span.sort-target,
#form823019 .fieldset-floating-file > div .dragged-input-group a.btn{
    background: white !important;
    border: unset !important;
}
#form823019:has(ol > li) #form823019 .file-fieldset legend{
    display: none;
}
#form823019 .fieldset-floating-file > div .dragged-input-group a.btn{
    position: absolute;
    right: 8px;
    top: 8px;
    background: #0000006B !important;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
    color: #FFF;
}
#form823019 .fieldset-floating-file > div .dragged-input-group span.sort-target{
    margin-top: auto;
}
#form823019 .form-floating>.form-control:not(:placeholder-shown)~label{
    transform: unset;
}
#form823019 .form-floating>.form-control.not-empty~label,
#form823019 .form-floating>.form-control:focus~label{
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}
#form823019 .form-floating .form-control ~ label {
  transition: all 0.3s ease;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control.not-empty ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}
/*load file End*/

/*change password*/

#form822997 fieldset {
    position: relative;
}
#form822997 fieldset:not(.fieldset-inline)>div{
    width: 100%;
}

#form822997 .form-control{
    margin-bottom: 20px;
    padding-top: 30px;
    background-color: #F5F5F5;
    border: unset !important;
}
#form822997 fieldset:has(.form-control:visible):last-of-type .form-control {
    margin-bottom: 0px;
}
#form822997 .form-control:focus{
    background-color: #F5F3FF !important;
}
#form822997 fieldset:focus-within > legend{
    color:#383AD1 !important;
}
#form822997 fieldset > legend {
    font-size: 12px;
    padding: 0 4px;
    width: max-content;
    color: #0000008A;
    pointer-events: none;
    margin-bottom: -24px;
    position: relative;
    padding: 10px 0 0 12px;
    z-index: 2;
}
#form822997 .input-group input{
    margin-bottom: 0;
}
#form822997 .input-group button:before{
    content: "";
    background: url(/download/?ant=1747322745&file=%2F2025%2F05%2F15%2Fedit-password-icon.svg);
    position: absolute;
    background-size: contain;
    width: 16px;
    height: 16px;
    left: 0;
}
#form822997 input:not([type="file"],[type="checkbox"],[type="radio"]):read-only{
    color: #0000006B;
    opacity: 1;
}
#form822997 .input-group button{
    background: unset !important;
    border: unset !important;
    color: #383AD1 !important;
    font-weight: 500;
    font-size: 14px;
    max-width: 227px;
    width: 100%;
    padding: 0;
    text-align: left;
    padding-left: 28px;
}
#form822997 .input-group{
    gap: 16px;
}
#form822997 .listing-footer .bg-light{
    background: unset!important;
}
#form822997 #btn-save{
    padding: 18px 40px;
    border-radius: 12px;
}
.modal-right-psb{
    max-width: 520px;
    width: 100%;
    margin: 0 0 0 auto;
}
.light-blue-bg{
    background: #E5F1FC;
}
.notification-container{
    padding: 24px;
    border-radius: 12px;
}
.modal-right-psb .btn-close-modal{
    padding: 0;
    border: unset;
}
.modal-right-psb .btn-close-modal:hover{
    background-color: unset;
}
.modal-right-psb .btn-lg{
    padding: 10px 24px;
}
.modal-right-psb .modal-header{
    border: unset;
    padding-bottom: 20px;
    padding-left: 0;
}
.modal-right-psb .btn-close {
  background: transparent url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='1%201%2014%2014'%3E%3Cpath%20d='M4%204L12%2012M12%204L4%2012'%20stroke='black'%20stroke-width='2'/%3E%3C/svg%3E") center/1em auto no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
}
.modal-right-psb .modal-body{
    padding: 0;
}
.modal-right-psb .modal-content{
    padding-top: 60px;
}
.modal-right-psb .text-uppercase {
    text-transform: unset !important;
}
/*change password End*/

.text-muted-light{
    color: #0000008A;
}
.dropdown-hint{
    box-shadow: 0 4px 12px #00000014, 0 0 8px #3A3A4414;
}
.content-success a{
    max-width: 143px;
    width: 100%;
    border-radius: 12px;
}
#AJAX_MAIN .content-width > .container{
    display: none;
}
textarea.form-control {
    overflow: hidden;
    resize: none;
}
.icon-fire:after{
    content: "";
    background: url(/download/?file=/2025/05/07/fire-icon.png);
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background-size: cover;
    display: inline-block;
}
@media(max-width: 992px) {
    .content-container-mw.container-tariff-bg:before {
        display: none
    }
    .tariff-faq-block ul#faqTab {
        overflow-y: hidden;
        white-space: nowrap;
    }
    .tariff-faq-block .nav-item {
        flex: 0 0 auto;
    }
    
    /*sidebar menu*/
    #sidebar.bg-navbar{
        background-color: var(--body);
    }
    #sidebar.sidebar{
        max-width: 300px;
        width: 100%;
        z-index: 9999;
        box-shadow: 0 4px 20px #151B2E33;
    }
    #sidebar .btn-close{
        left: 250px;
        top: 16px;
    }
    /*sidebar menu End*/
    
}

@media(max-width: 768px) {
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .banner__container .banner-card-container {
        display: none
    }
    .
    .card__container .g-4 {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 40px;
    }

    .tariff-faq-block ul#faqTab {
        width: 100%;
    }

    .banner-card-container img {
        display: none;
    }

    .faq-block {
        margin: -15px;
        padding: 15px;
    }

    .banner__container.align-items-center {
        align-items: flex-start !important;
    }

    .banner__container-img {
        display: none;
    }

    .card_container:has(.custom-card-disable) .card-after-icon {
        width: 94%;
    }
}

@media (min-width: 768px) {
    .banner__container .col-md-6 {
        width: 44%;
    }
}

@media (max-width: 575px) {
    .col-sm-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    footer .my-4 {
        margin-top: -15px !important;
    }

    .bg-auth .row.justify-content-between.mt-4 .col-4 {
        width: 50%;
    }

    form .btn:not(.d-block) {
        max-width: 100%;
    }

    header .d-sm-flex {
        display: flex !important;
    }
}

/*ShMV*/
.breadcrumbs-h{display:none !important;}


/*вместе выгодно*/
 
 
 /**/
.banner-linear-gradient-light-blue{
        background: linear-gradient(90deg, #F3F1FF, #DBF2FF) !important;
    }
    .linear-gradient-insurance{
        background: linear-gradient(180deg, #FFEBE4, #F5F3FF) !important;
    }
    .fw-medium{
        font-weight: 500;
    }
    .fs-12{
        font-size: 12px;
    }
    .fs-14{
        font-size: 14px;
    }
    .fs-20{
        font-size: 20px;
    }
    .p-4-override {
        padding: 40px;
    }
    .gap-40 {
        gap: 40px;
    }
.form-control-link input {
    border: unset !important;
    border-bottom: 1px solid #0000001F !important;
    border-radius: unset;
}
.form-control-link input:disabled{
    background-color: unset;
    padding-left: 0;
}
.form-control-link .placeholder-fake--top{
    left: 0;
}
.right-bottom{
    right: 0;
    bottom: 0;
}
.z-index-1{
    z-index: 1;
}

.mb-70{
    margin-bottom: 70px;
}
.mb-80{
    margin-bottom: 80px;
}
.mb-120{
    margin-bottom: 120px;
}
.bookmarks {
    display: none;
}