:root {
    --main-color: #7755d4;
    scroll-behavior: unset!important
}
::-webkit-scrollbar-track {
    border-radius: clamp(5px,2.5vw,15px);
    background-color: #d5d5d5
}
::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
    height: 7px
}
::-webkit-scrollbar-thumb {
    border-radius: clamp(5px,2.5vw,15px);
    background-color: var(--main-color)
}
::selection {
    background: #ffe958;
    color: #000
}
[v-cloak] {
    display: none
}
.disabled {
    opacity: .35;
    user-select: none;
    pointer-events: none
}
input[type=date] {
    position: relative;
    z-index: 1
}
input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1
}
sup {
    top: -.5em;
    line-height: 1.6;
    font-size: clamp(.575rem,.730989rem + .292926vw,1.3625rem);
    display: block
}
img {
    pointer-events: none
}
* {
    letter-spacing: -.2px;
    font-family: Raleway,sans-serif;
    accent-color: var(--main-color);
    font-variant-numeric: lining-nums
}
body {
    background: #fff;
    color: #3b3059
}
a {
    color: inherit;
    text-decoration: none
}
#fixedMenu ul li:hover a:not([href]) {
    color: #fff!important
}
a:hover {
    color: var(--main-color)
}
p {
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    color: #3b3059;
    line-height: 1.55;
    font-weight: 500;
    letter-spacing: -.3px
}
p:empty {
    display: none
}
p:not(:empty):empty {
    display: none
}
p[style*="text-align: justify"] {
    text-align: inherit!important
}
.rs-client-thumb img {
    filter: grayscale(0);
    height: clamp(30px,2.5vw,40px)
}
.rs-client-thumb img:hover {
    filter: grayscale(1)
}
.rs-client-meta-text {
    line-height: 1
}
.rs-client-meta-text p {
    color: #727991;
    margin-bottom: 0;
    text-align: left;
    font-weight: 500;
    line-height: 1.3;
    font-size: clamp(.75rem,.705989rem + .192926vw,.9375rem)
}
.rs-client-meta-text p span {
    color: var(--main-color);
    font-weight: 600;
    background: #e2e0ed;
    padding: 2px 7px;
    border-radius: 5px
}
.rs-banner-shape-two {
    width: 130px;
    inset-inline-start: 26%;
    position: absolute;
    bottom: 170px
}
h1 {
    line-height: 1.04;
    text-align: left;
    color: #3b3059;
    font-size: clamp(1.875rem,1.28818rem + 2.57235vw,4.175rem);
    margin-bottom: 20px;
    text-transform: inherit;
    vertical-align: middle;
    width: 99%;
    letter-spacing: -.04em;
    font-weight: 600
}
.h2-with-text h2 {
    margin-bottom: clamp(15px,1.5vw,20px)
}
.h2-with-text p {
    font-weight: 500;
    color: rgba(59,48,89,.73);
    text-wrap: balance;
    font-size: clamp(.9375rem,.878818rem + .257235vw,1.1875rem)
}
.h2-with-text p a {
    color: var(--main-color);
    text-decoration: underline
}
.h2-with-text {
    margin-bottom: clamp(15px,2.5vw,40px);
    max-width: 100%;
    width: 100%
}
.white-block .h2-with-text {
    margin-bottom: clamp(15px,1.5vw,30px);
    max-width: 100%;
    width: 100%
}
.white-block .h2-with-text p {
    text-wrap: wrap
}
h2 {
    font-weight: 600;
    line-height: 1.04;
    text-align: left;
    color: #3b3059;
    text-wrap: balance;
    display: block;
    word-break: normal;
    overflow-wrap: normal;
    white-space-collapse: collapse;
    hyphens: auto;
    letter-spacing: -.04em;
    margin-bottom: clamp(15px,1.5vw,40px);
    font-size: clamp(1.75rem,1.06318rem + 2.37235vw,3.75rem);
}
.viol-h2 {
    color: var(--main-color)
}
.viol-section {
    position: relative;
    border-radius: clamp(15px,1.5vw,20px);
    padding: clamp(15px,7.5vw,80px);
    background: linear-gradient(229deg,#5d5bd0 0,#451880 100%)
}
h4 {
    font-weight: 600;
    color: #3b3059;
    font-size: clamp(1.3875rem,1.27212rem + .512821vw,1.6875rem)
}
dl,ol,ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}
.start-section-static-page .text p:last-of-type {
    margin-bottom: 0
}
h3 {
    font-weight: 700;
    margin-bottom: clamp(15px,2.5vw,30px);
    color: #3b3059;
    font-size: clamp(1.375rem,1.11442rem + 2.20256vw,2.5375rem);
    line-height: 1.04;
    letter-spacing: -.04em
}
h4 {
    font-weight: 600;
    margin-bottom: clamp(15px,2.5vw,30px);
    color: #3b3059;
    font-size: clamp(1.3875rem,1.15673rem + 1.02564vw,1.4875rem);
    line-height: 1.1;
    letter-spacing: -.03em
}
ul li {
    list-style-type: none
}
.unstyled {
    padding: 0
}
section {
    margin: 15px auto clamp(15px,3.5vw,55px)
}
section:first-child {
    margin-top: 0
}
.usluga-block .option small{
    font-size:12px;
}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    max-width: 1520px;
    padding: 0 15px;
    position: relative
}
.navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    gap: 15px
}
.brand {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: start;
    color: inherit;
    text-decoration: none;
    gap: 5px
}
.brand img {
    width: clamp(85px,6vw,155px)
}
.burger-menu {
    cursor: pointer;
    padding: 0;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 5px;
    position: relative;
    font-size: 13px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600
}
.burger-menu i {
    color: #3b3059;
    font-size: clamp(1.0625rem,.990385rem + .320513vw,1.375rem)
}
.programm-block .ribbon-top-right {
    font-weight: 500;
    color: #38364e;
    background: #eff1f6;
    padding: 5px 15px;
    border-radius: clamp(5px,2.5vw,15px);
    font-size: 14px;
    width: max-content;
    margin-bottom: 5px
}
img,video {
    display: block;
    max-width: 100%;
    object-fit: cover
}
.brand-name {
    font-family: Unbounded,sans-serif;
    line-height: 1;
    text-align: left;
    font-size: clamp(1.0625rem,.990385rem + .320513vw,1.175rem);
    font-weight: 600;
    color: #3b3059;
    display: flex;
    flex-direction: column;
    gap: 2px
}
.podpis {
    font-size: 12px;
    color: #687189;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    text-transform: math-auto
}
.dropdown-toggle {
    color: #3b3059;
    white-space: nowrap;
    font-family: inherit;
    line-height: 1.5;
    transition: .2s;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase
}
.dropdown-toggle:hover {
    color: var(--main-color);
    transition: .2s
}
.call-button-2 {
    font-size: clamp(1.04rem,.753818rem + .457235vw,1.4625rem);
    font-weight: 700;
    gap: 10px;
    color: #3b3059;
    overflow: hidden;
    line-height: 1;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    background: rgba(255,255,255,0);
    transition: .2s;
    padding: clamp(13px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}
.banner-order .call-button-2 {
    background: #ffe871;
    line-height: 1;
    color: #6d5304;
    font-weight: 500;
}
.call-button-2:hover {
    background: #8668d9;
    color: #fff
}
.call-button-2:hover img {
    filter: brightness(200.5)
}
.call-button-2 img {
    width: 25px;
    height: 25px
}
.form-side-section__button .call-button {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 7px;
    justify-content: center;
    align-items: center;
    text-transform: math-auto;
    font-weight: 600;
    transition: .2s linear;
    border-radius: clamp(5px,1.5vw,15px);
    width: max-content;
    cursor: pointer;
    z-index: 1;
    padding: clamp(10px,1.5vw,10px) clamp(10px,1.5vw,20px);
    line-height: 1;
    color: #fff;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem);
    background: var(--main-color)
}
.call-button {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 7px;
    justify-content: center;
    align-items: center;
    text-transform: math-auto;
    font-weight: 600;
    transition: .2s linear;
    border-radius: clamp(5px,2.5vw,15px);
    width: max-content;
    cursor: pointer;
    z-index: 1;
    padding: clamp(12px,1.5vw,13px) clamp(10px,1.5vw,20px);
    line-height: 1;
    color: #fff;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem);
    background: var(--main-color);
    /* background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important; */
}
.call-button.dop {
    padding: clamp(10px,1.5vw,15px) clamp(10px,1.5vw,30px)
}
.call-button img {
    width: 28px;
    height: 28px;
    filter: brightness(0)
}
.call-button::before {
    content: "";
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    background: linear-gradient(to left,transparent 0,#fff 40%,#fff 60%,transparent 100%);
    transform: translate(-100%,-25%) rotate(10deg);
    animation: 3s ease 0s infinite normal none running blick
}
.call-button:focus,.call-button:hover {
    transform: translateY(-3px);
    box-shadow: rgba(61,71,91,.24) 0 15px 20px;
    color: #fff
}
.call-button:focus::before,.call-button:hover::before {
    transform: translateX(20em) skewX(-45deg);
    transition: .85s .15s
}
@keyframes blick {
    0% {
        transform: translate(-100%,-25%) rotate(10deg)
    }
    100%,20% {
        transform: translate(100%,-25%) rotate(10deg)
    }
}
main {
    flex: 1 1 0%
}
#middle {
    margin: 0 15px
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    z-index: 11;
    transition: opacity .5s,visibility .5s
}
.overlay.visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}
.title-container {
    width: 100%;
    max-height: 100%;
    display: flex;
    margin-bottom: 15px;
    height: auto;
    flex-direction: column
}
.title-containert {
    width: 100%;
    max-height: 100%;
    display: flex;
    height: auto;
    flex-direction: column;
    margin-bottom: 10px
}
.sub-title {
    font-size: 13px;
    background: rgba(255,255,255,.17);
    width: max-content;
    padding: 7px 15px;
    border-radius: 9px;
    color: #ffe958;
    font-weight: 600
}
.auto-title {
    line-height: 1;
    margin: 0 0 15px;
    color: #3b3059;
    text-wrap: balance;
    font-weight: 700;
    word-break: normal;
    overflow-wrap: normal;
    white-space-collapse: collapse;
    hyphens: none;
    letter-spacing: -.04em
}
.auto-title.ready {
    line-height: 1;
    margin: 0 0 15px;
    text-wrap: balance;
    font-weight: 700;
    word-break: normal;
    overflow-wrap: normal;
    white-space-collapse: collapse;
    hyphens: none;
    letter-spacing: -.04em
}
.auto-titlet {
    line-height: 1;
    text-wrap: balance;
    font-weight: 700;
    word-break: normal;
    overflow-wrap: normal;
    white-space-collapse: collapse;
    hyphens: none;
    letter-spacing: -.04em;
    position: relative;
    text-align: center;
    color: #3b3059;
    width: 100%;
    margin: 0 auto;
    font-size: clamp(2.5125rem,2.02568rem + 2.27235vw,5.1125rem);
}
.auto-titlet.none svg {
    position: absolute;
    width: 100%;
    height: clamp(30px,4.5vw,60px);
    left: 0;
    bottom: -3px;
    z-index: -1
}
.auto-titlet.none svg path {
    stroke: var(--main-color);
    stroke-width: 9;
    fill: none;
    animation: 10s ease 0s infinite normal none running underline;
    opacity: 0
}
.auto-titlet.none svg path+path {
    animation-delay: .5s
}
@keyframes underline {
    0% {
        stroke-dasharray: 0,1500;
        opacity: 1
    }
    15% {
        stroke-dasharray: 1500,1500
    }
    85% {
        opacity: 1
    }
    90% {
        stroke-dasharray: 1500,1500;
        opacity: 0
    }
    100% {
        stroke-dasharray: 0,1500;
        opacity: 0
    }
}
.auto-titlet.none {
    color: var(--main-color)
}
.pre-title {
    font-size: clamp(.75rem,.720659rem + .128617vw,.875rem);
    width: max-content;
    padding: 8px 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5px;
    background: rgb(33 33 33 / 8%);
    border-radius: clamp(5px,1.5vw,10px);
    display: flex;
    color: #5a5a5a;
}
.auto-titlet span {
    color: #ffe958
}
.place-layout .contents {
    z-index: 1;
    display: flex;
    grid-template-columns: clamp(300px,80vw,840px) clamp(300px,36vw,430px);
    gap: clamp(10px,1vw,15px);
    flex-direction: column
}
.place-layout {
    display: grid;
    grid-template-columns: clamp(300px,60vw,880px) 1fr;
    gap: 40px
}
.program-layout {
    display: grid;
    grid-template-columns: 1700px;
    gap: 40px
}
.program-layout .auto-title {
    font-size: 5rem;
    line-height: 1.04;
    margin: 0;
    color: #3b3059;
    overflow-wrap: break-word;
    letter-spacing: -1px
}
.image-place {
    z-index: 0
}
.image-place .image-container {
    position: absolute;
    width: clamp(320px,40vw,720px);
    z-index: 1
}
.start-section-z4 .image-place .image-container {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    width: clamp(350px,40vw,550px);
    height: clamp(350px,40vw,490px);
    transform: translate(20%,0);
    opacity: .09;
    z-index: -1;
    right: 0;
    display: block
}
.start-section-z4 .image-place .image-container {
    opacity: 1;
    width: clamp(350px,40vw,470px);
    height: auto;
    z-index: 4124;
    right: -20px;
    top: 0
}
.image-inner {
    transition: transform .2s;
    will-change: transform
}
@-webkit-keyframes scaleIn {
    100% {
        transform: scale(1)
    }
}
@keyframes scaleIn {
    100% {
        transform: scale(1)
    }
}
@-webkit-keyframes slideIn {
    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}
@keyframes slideIn {
    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}
.play-toggle {
    position: absolute;
    cursor: pointer;
    top: 560px;
    left: 190px;
    z-index: 1
}
.play-toggle .play-circle,.play-toggle .play-circle::after,.play-toggle .play-circle::before,.play-toggle span {
    display: inline-block;
    vertical-align: middle
}
.play-toggle span {
    color: #fff;
    margin-left: 1rem;
    line-height: 1;
    font-size: 1rem;
    margin-top: 1rem;
    text-align: left;
    transition: transform 350ms
}
.play-toggle span i,.play-toggle span strong {
    display: inline-block;
    opacity: 0;
    transform: translate3d(-1rem,0,0);
    animation: .4s ease 0s 1 normal forwards running slideIn
}
.play-toggle span i {
    color: #fff;
    animation-delay: .7s;
    font-size: 15px
}
.play-toggle span strong {
    font-size: 22px;
    font-weight: 700;
    animation-delay: 750ms
}
.play-toggle .play-circle,.play-toggle .play-circle::after,.play-toggle .play-circle::before {
    position: relative;
    height: clamp(55px,4.5vw,77px);
    width: clamp(55px,4.5vw,77px);
    background: #ffe958;
    border-radius: 50%;
    transform: scale(0);
    animation: .5s cubic-bezier(.075,.82,.165,1) .5s 1 normal forwards running scaleIn;
    display: flex;
    align-items: center;
    justify-content: center
}
.play-toggle .play-circle img {
    width: 40px;
    height: 40px;
    z-index: 2;
    position: relative
}
.play-toggle .play-circle::after,.play-toggle .play-circle::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    opacity: .08
}
.play-toggle .play-circle::before {
    height: 8rem;
    width: 8rem;
    margin-left: -4rem;
    margin-top: -4rem
}
.play-toggle .play-circle::after {
    height: 12rem;
    width: 12rem;
    margin-left: -6rem;
    margin-top: -6rem
}
.play-toggle .play-icon {
    position: absolute;
    inset: 0;
    background: #ffde40;
    border-radius: 50%;
    box-shadow: rgba(0,0,0,.3) 0 3px 24px;
    transition: transform 350ms
}
.play-toggle .play-icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%,-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #283138;
    border-bottom: 10px solid transparent
}
@media (hover: hover) {
    .play-toggle:hover .play-icon {
        transform:scale(1.1)
    }
    .play-toggle:hover span {
        transform: translateX(.3rem)
    }
}
#fixedMenu {
    display: none
}
#fixedMenu .fixed-menu-inner {
    height: 90%;
    overflow: hidden auto;
    display: grid;
    grid-template-columns: 280px 3fr 1fr;
    width: 100%;
    gap: 15px;
    max-width: 1520px;
    margin: 0 auto;
    background: #fff;
    padding: 0;
    border-radius: clamp(15px,1.5vw,20px);
    overscroll-behavior: none
}
#fixedMenu.active {
    padding: clamp(0px, 2.5vw,15px);
    overflow-y: auto;
    height: calc(-100px + 100vh);
    position: fixed;
    top: 105px;
    background: #f5f6fe;
    width: 100%;
    z-index: 345325;
    display: block
}
.menu-title {
    font-size: 50px
}
.menu-left {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: clamp(10px,1.5vw,25px);
    border-right: 1px solid #edeffb
}
.menu-left .call-button {
    width: 100%;
    margin-top: 15px
}
.menu-left .podbor-button {
    width: 100%
}
.menu-caption {
    padding: 11px 15px;
    position: relative;
    cursor: pointer;
    transition: .2s linear
}
.menu-icon-cont {
    display: flex;
    align-items: center;
    gap: 6px;
}
.menu-caption .menu-icon-cont i {
    font-size: 14px;
    padding: 5px;
    border: 1px #7755d40a solid;
    background: #7755d40f;
    border-radius: 7px;
    color: #7755d4;
}
.menu-caption i {
    font-size: 10px
}
.menu-caption span {
    position: absolute;
    right: 10px;
    font-size: 10px;
    top: -5px;
    padding: 5px 7px;
    border-radius: 300px 300px 300px 0;
    background: #ffe871;
    line-height: 1;
    font-weight: 700;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #816204
}
.menu-caption.active,.menu-caption:hover {
    background: #f5f6fe;
    color: #3b3059;
    transition: .2s linear;
    border: 1px solid rgba(59,48,89,0);
    border-radius: clamp(5px,1.5vw,10px)
}
.menu-right {
    flex-grow: 1;
    overflow: auto;
    width: 100%
}
.menu-list {
    display: none
}
.content {
    z-index: 1
}
.content.active .menu-list {
    border-radius: clamp(15px,1.5vw,20px);
    gap: 10px;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding: clamp(10px,1.5vw,25px) 10px
}
.menu-contacts {
    padding: clamp(10px,1.5vw,25px)
}
.menu-contacts .welcome-contact-banner {
    background: #f5f6fe;
    padding: clamp(20px,1.5vw,25px);
    border-radius: clamp(15px,1.5vw,20px);
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    position: relative;
    overflow: hidden;
    display: flex;
    height: 100%;
    gap: 15px;
    flex-direction: column;
    justify-content: space-between
}
.menu-contacts .welcome-contact-banner strong {
    color: #3b3059;
    font-size: clamp(0.875rem, 0.8456591639871383rem + 0.12861736334405144vw, .94rem);
}
.content.active .menu-list li {
    flex: 0 0 32%;
    transition: .2s linear;
    border-radius: clamp(5px,1.5vw,10px);
    outline: #e2e5f9 solid 1px;
}
#letterFilter,#sortOption,#universityLetterFilter,#universitySortOption {
    width: 100%;
    padding: 13px 25px;
    border-radius: 15px;
    border: 1px solid #dde0eb;
    margin: 0;
    color: #7a85a7;
    font-weight: 600;
    background: url("data:image/svg+xml;utf8,<svg fill='%23525c77' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 10px center/16px no-repeat #fff;
    appearance: none;
    cursor: pointer
}
.menu-toggle {
    cursor: pointer
}
.menu-caption,.menu-caption a {
    font-size: 16px;
    color: rgb(59 48 89 / 90%);
    display: flex;
    font-weight: 600;
    line-height: 1;
    background: rgba(245,246,254,0);
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgb(59 48 89 / 6%);
    border-radius: clamp(5px,1.5vw,10px)
}
#fixedMenu ul li a {
    display: flex;
    gap: 1px;
    transition: .2s linear;
    line-height: 1.2;
    color: #3b3059;
    align-items: flex-start;
    font-weight: 600;
    padding: 10px 15px;
    flex-direction: column;
    font-size: 15px;
}
#fixedMenu ul li a span {
    font-size: 12px;
    font-weight: 500;
    color: #8a93a2;
    letter-spacing: .1px;
}
#fixedMenu ul li a img {
    flex-shrink: 0;
    height: 40px;
    background: #fff;
    padding: 5px;
    border-radius: 300px;
    width: 40px;
    display: flex;
    transform: translateX(0);
    align-items: center;
    justify-content: center;
    transition: .2s linear
}
#fixedMenu ul li:hover {
    color: #fff;
    background: var(--main-color);
    transition: .2s linear
}
#fixedMenu ul li:hover span {
    color: #fff;
    transition: .2s linear
}
#fixedMenu ul li:hover a {
    color: #fff;
    transition: .2s linear
}
.socials-absolute {
    display: flex;
    gap: 10px;
    font-size: 20px;
    align-items: center
}
.socials-absolute img {
    width: 35px
}
.phone-container span {
    display: flex;
    gap: 10px;
    border-radius: clamp(5px,1.5vw,15px);
    background: #f5f6fe;
    justify-content: center;
    align-items: center;
    padding: clamp(7px,1.5vw,10px) clamp(7px,1.5vw,15px);
    text-transform: math-auto;
    font-weight: 500;
    transition: .2s linear;
    width: max-content;
    cursor: pointer;
    z-index: 1;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem)
}
.phone-container span img {
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    width: clamp(20px,1.5vw,23px);
    height: clamp(20px,1.5vw,23px);
}
.phone-container span:hover {
    transition: .2s linear;
    background: #edeffb
}
.phone-container span .fa-phone {
    display: none
}
.phone-container {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    display: flex;
    align-items: center;
    color: var(--main-color)
}
.phone-podpis {
    margin-top: 5px;
    white-space: normal;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #8590ad
}
.additional-phone {
    position: absolute;
    left: 0;
    top: 120%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s,visibility .2s;
    white-space: nowrap;
    z-index: 666656;
    box-shadow: rgba(0,0,0,.13) 1px 20px 50px;
    padding: 15px;
    border-radius: 0 20px 20px;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    min-width: clamp(190px,12.5vw,230px)
}
.additional-phone .contacts_podd {
    display: flex;
    gap: 4px
}
.additional-phone .contacts_podd li img {
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    width: clamp(25px,2.5vw,28px);
    height: clamp(25px,2.5vw,28px)
}
.additional-phone .contacts_podd li img:hover {
    filter: invert(53%) sepia(32%) saturate(573%) hue-rotate(200deg) brightness(88%) contrast(84%)
}
.additional-phone.show {
    opacity: 1;
    visibility: visible
}
.additional-phone a {
    font-size: clamp(.875rem,.830989rem + .192926vw,1.0625rem);
    color: #3b3059;
    margin-bottom: 4px;
    transition: .2s linear;
    font-weight: 600
}
.additional-phone a:hover {
    transition: .2s linear;
    color: #2196f3
}
.additional-phone .socials-absolute {
    gap: 7px;
    margin-top: 5px;
    display: flex
}
.additional-phone .socials-absolute a {
    font-size: 31px;
    transition: .2s linear
}
.additional-phone .socials-absolute a:hover {
    color: #2196f3;
    transition: .2s linear
}
.call-icon {
    cursor: pointer;
    height: 28px;
    width: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    font-size: 12px;
    background: rgba(247,247,247,0);
    color: #484848;
    margin-right: 5px;
    border: 1px solid #000
}
.phone-icon {
    margin-left: 0;
    cursor: pointer;
    height: 10px;
    width: 10px;
    background: rgba(247,247,247,0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    font-size: 10px;
    vertical-align: 2px
}
.sub-caption-header {
    display: none
}
.menu-container-fr {
    width: 100%
}
header {
    background-color: #fff;
    color: #515060;
    z-index: 20;
    position: sticky;
    top: 0;
    left: 0;
    transition: left .2s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #edeffb
}
header .contacs {
    display: flex;
    margin-bottom: 0;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: relative;
    flex-direction: column
}
header .contacs a {
    font-size: clamp(1.125rem,1.06632rem + .257235vw,1.075rem);
    transition: .2s linear;
    font-weight: 500;
    line-height: 1.4
}
header .contacs a:hover {
    color: var(--main-color);
    transition: .2s linear
}
header .contacs a:hover img {
    filter: invert(42%) sepia(93%) saturate(4294%) hue-rotate(240deg) brightness(90%) contrast(82%)
}
.header-container {
    margin: 0 auto;
    grid-template-columns: 360px minmax(0,1fr) 360px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1520px;
    position: relative;
    flex-wrap: nowrap;
    gap: clamp(5px,1.5vw,10px);
    padding: clamp(8px,1vw,10px) clamp(5px,1.5vw,15px);
}
.logo {
    width: 160px;
    text-decoration: none;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: clamp(1.0625rem,.990385rem + .320513vw,1.375rem);
    font-weight: 600
}
.logo img {
    width: 40px
}
.phone-container {
    flex: 1 1 0%;
    justify-content: flex-start
}
.additional-phone {
    display: flex
}
.menu {
    text-align: left;
    position: relative;
    padding-top: clamp(5px,1.5vw,10px);
    transition: left .2s;
    margin: 0 auto;
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-color: #f7f7f7 #fff;
    padding-bottom: clamp(5px,1.5vw,10px);
    border-top: 1px solid #edeffb
}
.menu .obj {
    display: flex;
    list-style: none;
    max-width: 1520px;
    flex-flow: row;
    font-size: 20px;
    font-weight: 400;
    background: #fff;
    z-index: 4;
    gap: 5px;
    justify-content: start;
    padding: clamp(0px, 1vw, 0px) clamp(8px, 2.5vw, 15px);
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-color: #f7f7f7 #fff
}
.menu .obj li {
    cursor: pointer
}
.menu .obj li a {
    padding: clamp(7px,1.5vw,10px) clamp(10px,1.5vw,15px);
    align-items: center;
    border-radius: 10px;
    display: flex;
    cursor: pointer;
    line-height: 1;
    justify-content: space-between;
    min-width: max-content;
    flex-direction: row;
    gap: 5px;
    transition: .2s linear;
    background: #f5f6fe;
    border: 1px solid #edeffb;
    font-weight: 600;
    font-size: clamp(.8375rem,.808159rem + .128617vw,.9325rem);
    color: #606874!important
}
.menu .obj li .vipad {
    padding: clamp(7px,1.5vw,10px) clamp(10px,1.5vw,15px);
    align-items: center;
    border-radius: clamp(5px,1.5vw,60px);
    display: flex;
    cursor: pointer;
    line-height: 1;
    justify-content: space-between;
    min-width: max-content;
    flex-direction: row;
    color: #738197;
    gap: 5px;
    transition: .2s linear;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    font-weight: 600;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9625rem)
}
.menu .obj li a.active {
    background: var(--main-color);
    transition: .2s linear;
    text-decoration: none;
    color: #fff!important
}
.menu .obj li a.active i {
    color: #fff;
    transform: rotate(180deg);
    transition: .2s linear
}
.menu .obj .dropdown-menu li a {
    display: flex;
    transition: .2s linear;
    text-decoration: none;
    align-items: center;
    padding: 10px 25px;
    width: 100%;
    height: 100%;
    text-align: center;
    justify-content: center;
    background: #f7f7f7;
    gap: 10px;
    font-weight: 600;
    color: #3b3059;
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    border: 1px solid #f7f7f7
}
.menu .obj .dropdown-menu li a:hover {
    color: #fff;
    background: var(--main-color);
    transition: .2s linear
}
.menu .obj li a:hover {
    background: var(--main-color);
    border: 1px solid #7755d4;
    transition: .2s linear;
    color: #fff!important
}
.menu .obj li a:hover i {
    transition: .2s linear;
    color: #fff!important
}
.menu .obj li a i {
    color: var(--main-color);
    transform: rotate(0);
    font-size: 12px;
    transition: .2s linear
}
.dropdown-menu.show {
    transform: translate(-50%);
    box-shadow: rgba(66,66,66,.25) 0 17px 30px;
    position: fixed;
    top: 0;
    left: 50%;
    background: #fff;
    display: flex;
    align-items: flex-start;
    min-width: 86%;
    z-index: 187;
    padding: clamp(15px,2.5vw,30px);
    flex-wrap: wrap;
    gap: 15px;
    max-height: 300px;
    min-height: 200px;
    overflow: hidden auto;
    justify-content: center;
    max-width: 100%;
    height: 100%;
    border: 1px solid #d2d8ef;
    border-radius: clamp(15px,2.5vw,15px);
    scrollbar-color: #7755d4 #fff
}
.dropdown-menu.show .dropper {
    background: #fff;
    display: flex;
    align-items: flex-start;
    min-width: 100%;
    z-index: 1000;
    flex-wrap: wrap;
    gap: clamp(5px,1.5vw,10px);
    overflow-y: auto;
    justify-content: start;
    max-width: 100%;
    padding: 0
}
.dropdown-menu.show li {
    cursor: pointer;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: clamp(5px,2.5vw,15px);
    flex: 1 1 260px
}
.dropdown-menu li a {
    padding: 4px 10px;
    width: 100%;
    display: block;
    color: #504d6e;
    font-weight: 600;
    font-size: 14px
}
.dropdown-menu li a:hover {
    color: var(--main-color)
}
.dropdown {
    position: relative
}
.price-calc {
    font-size: 21px;
    font-weight: 700;
    font-size: clamp(1.3125rem, 1.1511254019292605rem + 0.707395498392283vw, 2rem);
}
.price-calc .valute-desk {
    font-size: 20px
}
.uadv_title-main {
    font-size: 40px;
    font-weight: 700;
    color: #673ed5
}
.menu-toggle {
    cursor: pointer;
    z-index: 2;
    display: flex;
    gap: 5px;
    transition: .2s linear;
    font-weight: 600;
    border-radius: clamp(5px,2.5vw,15px);
    background: #edeffb;
    justify-content: center;
    align-items: center;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem);
    padding: clamp(7px,1.5vw,10px) clamp(7px,1.5vw,20px);
    color: var(--main-color);
    min-width: clamp(100px,9.5vw,140px)
}
.menu-toggle img {
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    width: clamp(20px,1.5vw,25px);
    height: clamp(20px,1.5vw,25px)
}
.menu-toggle:hover {
    transition: .2s linear;
    background: #edeffb
}
.menu-toggle span {
    gap: 5px;
    font-weight: 600;
    font-size: clamp(.8rem,.871154rem + .128205vw,1.025rem);
    color: #5f6b7c!important
}
.menu-toggle i {
    font-size: 20px;
    width: 24px;
    color: #3b3059
}
header.active {
    left: 0;
    z-index: 9999;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    width: 100%
}
.buttons-header {
    display: flex;
    gap: 10px
}
.top-header {
    background: #fff;
    border-bottom: 1px solid #f7f7f7
}
.login-button {
    display: flex;
    border-radius: clamp(5px,2.5vw,15px);
    background: #f5f6fe;
    justify-content: center;
    align-items: center;
    padding: clamp(7px,1.5vw,10px) clamp(7px,1.5vw,15px);
    text-transform: math-auto;
    transition: .2s linear;
    cursor: pointer;
    z-index: 1;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem);
    width: 100%;
    font-weight: 600;
    color: #738197;
    gap: 5px
}
.login-button:hover {
    transform: translateY(-3px);
    box-shadow: rgba(51,49,70,.24) 0 15px 20px;
    color: #727991
}
.login-button img {
    width: 24px;
    height: 24px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    width: clamp(19px, 1.5vw, 25px);
    height: clamp(19px, 1.5vw, 25px);
}
.podbor-button img {
    filter: brightness(14.5);
    width: clamp(20px,1.5vw,23px);
    height: clamp(20px,1.5vw,23px);
}
.call-button img {
    width: clamp(20px,1.5vw,23px);
    height: clamp(20px,1.5vw,23px);
    filter: brightness(14.5)
}
.start-section-z4 .call-button img {
    width: 25px;
    height: 25px;
    filter: brightness(200)
}
.podbor-button {
    margin-top: 0;
    border-radius: clamp(5px,2.5vw,15px);
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
    text-align: center;
    text-transform: math-auto;
    font-weight: 600;
    transition: .2s linear;
    width: max-content;
    cursor: pointer;
    z-index: 1;
    padding: clamp(12px,1.5vw,13px) clamp(10px,1.5vw,20px);
    line-height: 1;
    color: #fff;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem);
    background: var(--main-color);
    /* background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important; */
}
.podbor-button:hover {
    transform: translateY(-3px);
    color: #fff;
    box-shadow: rgba(51,49,70,.24) 0 15px 20px
}
.col-12:last-child .row {
    margin-bottom: 0!important
}
.cookies {
    position: fixed;
    height: auto;
    bottom: 0;
    background: #fff;
    color: #333247;
    line-height: 1.2;
    font-size: clamp(.875rem,.816318rem + .257235vw,1.125rem);
    z-index: 312;
    display: none;
    transform: translate(-50%,-4%);
    padding: 20px;
    border-radius: clamp(15px,1.5vw,20px);
    max-width: 450px;
    width: 98%;
    right: auto;
    left: 50%;
    text-align: center;
    border: 1px solid #dedede
}
.cookies button {
    margin: 10px auto 0;
    padding: clamp(12px,1vw,22px) clamp(30px,2.5vw,50px);
    cursor: pointer;
    color: #fff;
    background: var(--main-color);
    font-size: 17px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: clamp(5px,2.5vw,15px);
    overflow: hidden;
    line-height: 1;
    position: relative;
    transition: .2s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-family: Unbounded,sans-serif;
    font-weight: 400
}
.callbuttonabsolute {
    position: fixed;
    display: block;
    bottom: clamp(10px,23.5vw,20px);
    z-index: 6;
    left: clamp(10px,2.5vw,15px)
}
.pulse {
    color: #fff;
    font-size: 24px;
    transition: background-color .2s;
    width: clamp(45px,3.5vw,75px);
    height: clamp(45px,3.5vw,75px);
    border-radius: 50%;
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}
.pulse-button::after,.pulse-button::before {
    content: "";
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    animation: 2s ease-in-out 0s infinite normal none running calling
}
.pulse-button i {
    font-size: 23px;
    color: #fff
}
.pulse-button::after {
    animation: 2s ease-in-out .35s infinite normal none running calling
}
@keyframes calling {
    0% {
        width: calc(100%);
        height: calc(100%);
        opacity: 1
    }
    100% {
        width: calc(100% + 60px);
        height: calc(100% + 60px);
        opacity: 0
    }
}
.pulse-button {
    color: #fff;
    font-size: 24px;
    box-shadow: rgba(0,0,0,.31) 0 26px 37px;
    transition: background-color .2s;
    width: clamp(45px,3.5vw,60px);
    height: clamp(45px,3.5vw,60px);
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}
.contact-panel {
    position: fixed;
    bottom: 160px;
    left: 30px;
    background: #fff;
    padding: 30px 20px 20px;
    border-radius: 12px;
    box-shadow: rgba(0,0,0,.3) 0 10px 30px;
    display: none;
    flex-direction: column;
    gap: 10px;
    z-index: 10
}
.contact-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer
}
.contact-link img {
    width: 30px;
    font-weight: 700
}
.contact-link:hover {
    color: #007bff
}
.pulse-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    color: #000;
    border-radius: 50%;
    padding: 3px 8px;
    font-size: 28px;
    font-weight: 700;
    cursor: pointer;
    z-index: 10;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}
.pulse-close div {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 55px;
    font-weight: 300
}
.pulse-button {
    position: relative;
    cursor: pointer
}
.close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 50px;
    background: 0 0;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    cursor: pointer;
    color: #3b3059;
    line-height: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}
.defa {
    height: 100%;
    background: var(--main-color);
    padding: 20px;
    border-radius: 30px;
    overflow: hidden
}
.start-section-z4 {
    width: 100%;
    z-index: 1;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-radius: clamp(15px,2.5vw,50px);
    position: relative;
    background: #edeffb;
    color: #fff;
    min-height: 570px;
    padding: clamp(15px,4.5vw,60px);
    overflow: hidden;
    margin-top: 30px
}
.start-section-z4 .buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: #fff;
    width: max-content;
    padding: 10px;
    border-radius: 30px;
    align-items: center;
    margin: 0 auto
}
.start-section-z4:first-child {
    margin-top: 10px
}
.start-section-z4 .place-layout {
    display: flex;
    grid-template-columns: clamp(300px,80vw,840px) clamp(300px,36vw,430px);
    gap: clamp(10px,1vw,30px);
    flex-direction: column
}
.rating-yand {
    background: #f6f6f6;
    width: 100%;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}
.start-section-z4 .text {
    width: 75%;
    font-size: clamp(1rem,.897307rem + .450161vw,1.3375rem);
    font-weight: 500;
    z-index: 1;
    position: relative;
    color: #3b3059;
    opacity: 1;
    margin: 0 auto;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 25px;
}
.buttons-container {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 10px
}
.start-section-z4 .call-button {
    font-size: clamp(1.04rem,.753818rem + .457235vw,1.4625rem);
    font-weight: 700;
    gap: 10px;
    color: #fff;
    overflow: hidden;
    line-height: 1;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    background: var(--main-color);
    transition: .2s;
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    text-align: center;
    justify-content: center;
    box-shadow: rgba(123,105,226,.39) 0 10px 40px 0
}
@keyframes move {
    100% {
        transform: translate3d(0,0,1px) rotate(360deg)
    }
}
.main-home-fishki {
    margin-bottom: 30px;
    z-index: 2;
    position: relative
}
.main-home-fishki-mob {
    display: none
}
.quick-section .fishki {
    justify-content: space-between;
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    gap: clamp(5px,1.5vw,10px)
}
.fishki {
    justify-content: space-between;
    padding: 0;
    flex-wrap: wrap;
    width: 65%;
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    gap: clamp(5px,1.5vw,10px)
}
.fishki>:last-child:nth-child(2n+1) {
    grid-column: span 2;
    background: #ecedf0
}
.fishki img {
    width: 28px;
    height: 28px;
    filter: brightness(14.5)
}
.fishki li {
    flex-flow: column wrap;
    gap: 5px;
    font-size: clamp(.7rem,.810659rem + .0486174vw,1.225rem);
    font-weight: 500;
    background: #fff;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    color: rgba(59,48,89,.66);
    justify-content: center;
    line-height: 1.1;
    padding: clamp(10px,1.5vw,15px);
    position: relative
}
.fishki li:last-child {
    background: #fff
}
.fishki li:last-child::before {
    display: none
}
.fishki li span {
    display: flex;
    justify-content: center;
    line-height: 1;
    color: #7755d4;
    flex-direction: column;
    font-size: clamp(1.0125rem,.96041rem + 1.14341vw,1.3125rem);
    font-weight: 600;
    letter-spacing: -1px
}
.fishki li::before {
    position: absolute;
    content: "#";
    border-radius: 300px;
    background: rgba(119,85,212,.21);
    z-index: 1;
    width: clamp(25px,1.5vw,26px);
    height: clamp(25px,1.5vw,26px);
    right: 10px;
    top: 10px;
    box-shadow: rgba(119,85,212,.08) -10px 0;
    color: #8060d6;
    justify-content: center;
    display: flex;
    align-items: center
}
.descr {
    font-size: 19px
}
.left-side,.right-side {
    font-size: 13px;
    display: flex;
    gap: 5px;
    color: #8692b8;
    font-weight: 600
}
.usluga-block {
    background: #f5f6fe;
    border-radius: clamp(15px,1.5vw,20px);
    padding: clamp(15px,2.5vw,30px) 70px clamp(15px,2.5vw,30px) clamp(15px,2.5vw,30px);
    font-weight: 700;
    position: relative;
    transform: scale(1);
    transition: .2s linear;
    min-width: 340px;
    min-height: clamp(145px,36.5vw,230px);
    cursor: pointer
}
.usluga-block svg {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: clamp(80px,11.5vw,115px)
}
.usluga-block .price-container {
    display: flex;
    gap: 9px;
    margin-top: 0;
    align-items: end;
    flex: 1 1 0%
}
.price-container small {
    color: #fff;
    font-size: clamp(.75rem,.720659rem + 1.12862vw,1.175rem);
    line-height: 1.4;
    font-weight: 400
}
.usluga-block .price-container .price-new {
    font-weight: 600;
    font-size: clamp(1.575rem,1.6283rem + .643087vw,2rem);
    line-height: 1;
    letter-spacing: -.04em;
    color: #727991;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}
.usluga-block .price-container small {
    font-size: 15px;
    color: #787ab9
}
.usluga-block .price-container .mini small {
    font-size: 12px;
    color: #787ab9
}
.usluga-block .price-container .price-old {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}
.usluga-block .price-container .price-old .mini {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: -.03em;
    color: #fff;
    text-decoration: line-through;
    margin-bottom: 1px
}
.usluga-block .price-container .price-old .text {
    color: #727991;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    font-size: clamp(.8375rem,.833489rem + .192926vw,1.025rem)
}
.usluga-block:hover {
    transform: scale(1.04);
    z-index: 1;
    transition: .2s linear;
    background: #f5f6fe
}
.quick .usluga-block:hover {
    transform: scale(1.04);
    z-index: 1;
    transition: .2s linear;
    background: #f5f6fe;
    color: #fff
}
.quick .usluga-block:hover .title {
    color: #727991
}
.quick .usluga-block .title {
    color: #727991
}
.quick .usluga-block:hover .option {
    color: #77787d
}
.quick .usluga-block:hover .option img {
    filter: none;
    opacity: .5
}
.quick .usluga-block:hover .price-container .price-new {
    color: #77787d
}
.quick .usluga-block:hover .price-container small {
    color: #77787d
}
.quick .usluga-block:hover .price-container .price-old .mini {
    color: #fff
}
.quick .usluga-block:hover .price-container .price-old .text {
    color: #77787d
}
.usluga-block:hover .service-item-img {
    position: absolute;
    width: 60px;
    top: 20px;
    right: 20px;
    z-index: -1;
    opacity: 1;
    transition: .3s linear;
    transform: rotate(10deg);
    filter: invert(49%) sepia(97%) saturate(4706%) hue-rotate(239deg) brightness(89%) contrast(85%)
}
.usluga-block .fl {
    z-index: 1;
    font-weight: 800;
    opacity: .5;
    font-size: clamp(4.375rem,1.30627rem + 6.36977vw,7.75rem);
    display: flex;
    transform: scale(1);
    transition: .2s linear;
    align-items: center;
    justify-content: center;
    text-shadow: #d9dee7 5px 10px 0;
    line-height: 1;
    position: absolute;
    right: 10px;
    bottom: 10px;
    -webkit-text-stroke: 1px #c2c8d2;
    color: #fff
}
.usluga-block .discount-show {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    font-size: 17px;
    text-align: center;
    color: #a0a8c5;
    background: #fff;
    border-radius: clamp(5px,2.5vw,10px);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    gap: 5px;
    font-weight: 600;
    padding: 9px 3px
}
.usluga-block .discount-show img {
    width: 23px;
    height: 23px;
    filter: invert(72%) sepia(20%) saturate(323%) hue-rotate(190deg) brightness(92%) contrast(87%)
}
.usluga-block .button {
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    color: #fff;
    transition: .2s;
    padding: 10px;
    font-weight: 400;
    cursor: pointer;
    border-radius: clamp(65px,3.5vw,115px);
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
    font-size: 16px;
    justify-content: center;
    font-family: Unbounded,sans-serif;
    position: absolute;
    bottom: clamp(10px,1.5vw,20px);
    right: clamp(10px,1.5vw,20px);
    width: clamp(40px,2.5vw,55px);
    height: clamp(40px,2.5vw,55px);
    background: linear-gradient(54deg,#5d5bd0 0,#8d5aff 100%)
}
.usluga-block .button:hover img {
    transform: translateX(5px);
    transition: .2s linear
}
.title-with-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px
}
.title-with-button-container h2 {
    margin-bottom: 0;
    flex: 1 1 0%
}
.title-with-button-container .button-inner {
    background: #ecedf0;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #3b3059;
    font-size: clamp(.9125rem,.753818rem + .257235vw,1.2625rem);
    transition: .2s;
    padding: clamp(5px,1.5vw,10px) clamp(15px,2.5vw,30px);
    cursor: pointer;
    border-radius: clamp(5px,1.5vw,15px);
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
    justify-content: center;
    font-weight: 600
}
.title-with-button-container .button-inner:hover {
    background: #e1e6ed
}
.title-with-button-container .button-inner img {
    width: 28px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.usluga-block .button img {
    width: 28px;
    transform: translateX(0);
    transition: .2s linear;
    filter: brightness(14.5)
}
.usluga-block .option-container img {
    width: clamp(20px,1.5vw,23px);
    height: clamp(20px,1.5vw,23px);
    opacity: .5
}
.usluga-block .option .mini {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -.03em;
    text-decoration: line-through;
    margin-bottom: 0;
    color: #f44336
}
.usluga-block {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 0%
}
.usluga-block .info {
    font-weight: 600;
    line-height: 1.3;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column
}
.services-predmet {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-height: 450px;
    overflow-y: auto;
    margin-top: 20px
}
.services-predmet a {
    padding: 15px;
    gap: 15px;
    align-items: center;
    background: rgba(255,255,255,0);
    transition: .2s linear;
    border-radius: 15px;
    line-height: 1;
    color: #7a85a7;
    font-weight: 600;
    border: 1px solid #dedede
}
.services-predmet a:hover {
    transition: .2s linear;
    background: var(--main-color);
    color: #fff
}
.usluga-block .title {
    font-size: clamp(1.3625rem,1.18915rem + .421543vw,2.575rem);
    font-weight: 600;
    margin-bottom: clamp(11px,1.5vw,20px);
    line-height: 1.08;
}
.usluga-block .option-container {
    display: flex;
    gap: 5px;
    flex-direction: column;
    margin-bottom: clamp(10px,1.5vw,20px)
}
.usluga-block .option {
    position: relative;
    align-items: center;
    border-radius: clamp(5px,2.5vw,15px);
    display: flex;
    font-size: clamp(.875rem,.830989rem + .192926vw,.9625rem);
    gap: 5px;
    margin-bottom: 0;
    text-transform: math-auto;
    font-weight: 500;
    color: #77787d
}
.ask-button {
    text-transform: math-auto;
    overflow: hidden;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    font-size: clamp(1.0125rem,1.05382rem + .257235vw,1.1625rem);
    transition: .2s linear;
    padding: clamp(15px,2.5vw,20px) clamp(15px,2.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,15px);
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    width: 100%;
    display: flex;
    background: #ffe871;
    line-height: 1;
    color: #6d5304
}
.ask-button svg {
    width: 30px;
    height: 30px
}
.ask-button svg path {
    stroke: #fff
}
.usluga-block .price i {
    border-radius: clamp(15px,1.5vw,20px);
    color: #6d717a
}
.button-submain {
    background: var(--main-color);
    border: 2px solid #7755d4;
    border-radius: clamp(5px,2.5vw,15px);
    color: #fff;
    margin: 20px 0 0;
    letter-spacing: -.3px;
    font-weight: 600;
    font-family: Onest,sans-serif;
    text-align: center;
    z-index: 2;
    position: relative;
    padding: 12px 20px;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}
.button-submain::after {
    background-color: var(--main-color);
    border: 3px solid #f4f2fd;
    border-radius: 7px;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    width: 10px;
    right: -7px
}
.button-submain::before {
    background-color: var(--main-color);
    border: 3px solid #f4f2fd;
    border-radius: 7px;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    width: 10px;
    left: -7px
}
.search-container {
    position: relative;
    margin-bottom: 25px
}
.search-container input {
    width: 100%;
    padding: 15px 50px 15px 60px;
    border-radius: clamp(5px,2.5vw,15px);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    background: #f7f7f7;
    outline: 0
}
.search-container input::placeholder {
    color: #9ca3af;
    font-size: 16px;
    justify-content: center;
    font-family: Unbounded,sans-serif;
    font-weight: 400
}
.search-container img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    transform: translateY(-50%) translate(70%);
    filter: invert(69%) sepia(13%) saturate(238%) hue-rotate(179deg) brightness(92%) contrast(91%);
    top: 50%
}
.grid-container {
    width: 100%;
    margin: auto auto 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(330px,1fr));
    gap: 15px
}
.grid-container.services {
    grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
    margin-top: 40px
}
.grid-container.garantii {
    grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
}
.grid-container.garantii .block-uadv::before {
    content: "";
    min-width: 30px;
    line-height: 1;
    margin-bottom: 0;
    display: flex;
    background: url(/img/shield.png) 0 0/cover;
    align-items: center;
    justify-content: center;
    color: #3b3059;
    border-radius: 300px;
    flex-shrink: 0;
    font-weight: 300;
    box-shadow: none;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 5px;
    width: clamp(36px,3.5vw,50px);
    height: clamp(36px,3.5vw,50px)
}
.dir-content.grid-container {
    width: 100%;
    margin: auto auto 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,auto));
    gap: 15px
}
.dir-content.grid-container .discipline-block {
    display: flex;
    font-size: 21px;
    font-weight: 600;
    background: #f5f6fe;
    padding: clamp(15px,2.5vw,20px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%;
    color: #3b3059;
    gap: 15px;
    position: relative;
    line-height: 1.2;
    min-height: 110px;
    flex-direction: column;
    transform: scale(1);
    transition: .2s linear
}
.dir-content.grid-container .discipline-block:hover {
    transform: scale(1.04);
    transition: .2s linear;
    box-shadow: #dedede 0 0 14px;
    background: #fff
}
.grid-item svg {
    position: absolute;
    bottom: -1px;
    right: 0;
    width: clamp(50px,26.5vw,100px)
}
.grid-container.about {
    width: 100%;
    margin: auto auto 10px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px
}
.grid-item.about .cls-1 {
    fill: #f5f5f6
}
.grid-item.about {
    display: flex;
    background: #edeffb;
    gap: 10px;
    min-width: 340px;
    height: auto;
    flex-direction: column
}
.grid-item.about .text {
    flex: 1 1 0%
}
.grid-item.about .text p {
    font-weight: 500;
    line-height: 1.4;
    opacity: .8;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9625rem)
}
.grid-item.about .mini-image {
    width: clamp(65px,6.5vw,90px);
    height: clamp(65px,6.5vw,90px)
}
.grid-item {
    font-size: 17px;
    font-weight: 600;
    background: #edeffb;
    border-radius: clamp(15px,1.5vw,20px);
    color: #3b3059;
    position: relative;
    grid-template-rows: min-content min-content;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 142px;
    padding: clamp(15px,2.5vw,30px);
    gap: 5px;
    min-width: 310px
}
.grid-item.advantage {
    gap: 5px;
    min-width: 310px
}
.grid-item.advantage .title {
    display: none
}
.grid-item.advantage h4 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #3b3059;
    font-size: clamp(1.3875rem,1.15673rem + 1.02564vw,1.3875rem);
    line-height: 1.1;
    letter-spacing: -.03em
}
.grid-item.advantage .text p {
    font-weight: 500;
    line-height: 1.4;
    opacity: .8;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9625rem)
}
.grid-item .mini-image {
    width: clamp(65px,6.5vw,90px);
    height: clamp(65px,6.5vw,90px)
}
.grid-item .title {
    font-weight: 600;
    margin-bottom: clamp(10px,1.5vw,15px);
    color: #3b3059;
    font-size: clamp(1.3875rem,1.15673rem + 1.02564vw,1.3875rem);
    line-height: 1.1;
    letter-spacing: -.03em
}
.grid-item .text p {
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0
}
.grid-item:hover .counter {
    transition: .2s linear;
    box-shadow: #d6dbe2 0 10px
}
.scroll-hor-container.about {
    padding-top: 0
}
.scroll-hor-container {
    display: flex;
    cursor: grab;
    user-select: none;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(1,1fr);
    gap: clamp(5px,1.5vw,10px);
    margin: 0 auto;
    overflow-x: auto;
    max-width: 1920px;
    flex-wrap: nowrap;
    width: 100%;
    transition: .2s linear;
    scrollbar-width: thin;
    scrollbar-color: #fff #fff;
    padding-bottom: clamp(10px,1.5vw,20px);
    padding-top: 10px
}
.scroll-hor-container:hover {
    transition: .2s linear;
    scrollbar-width: thin;
    scrollbar-color: #c1c3c9 #ecedf0
}
.scroll-hor-container {
    scrollbar-color: rgba(239,242,247,0) rgba(239,242,247,0)
}
.scroll-hor-container:hover {
    scrollbar-color: #c1c3c9 #ecedf0
}
.scroll-hor-container .text-content {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s;
    line-height: 1.6em;
    max-height: calc(8em);
    position: relative
}
.scroll-hor-container .toggle-button {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    height: clamp(30px,2.5vw,40px);
    width: clamp(30px,2.5vw,40px);
    border-radius: 300px;
    font-size: clamp(30px,3.5vw,40px);
    line-height: 0;
    background: var(--main-color);
    color: #fff;
    display: none;
    font-weight: 300
}
.scroll-hor-container .text-content.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible
}
.white-block {
    padding: clamp(15px,2.5vw,50px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%;
    background: #fff
}
.scroll-hor-container .text-content.expanded::after {
    opacity: 0
}
.scroll-hor-container .inner-block {
    position: relative;
    width: 100%;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    z-index: 1;
    border-radius: clamp(15px,1.5vw,30px);
    padding: clamp(20px,2.5vw,30px);
    min-width: 340px;
    text-wrap: wrap;
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    background: #f5f6fe;
    color: #fff;
    font-weight: 500;
    display: flex;
    overflow: hidden;
    flex-direction: column
}
.scroll-hor-container .inner-block img {
    width: clamp(33px,4.5vw,60px);
    position: absolute;
    left: 50%;
    height: auto;
    top: 50%;
    z-index: 2;
    filter: invert(53%) sepia(32%) saturate(573%) hue-rotate(200deg) brightness(88%) contrast(84%);
    transform: translate(-50%,-50%)
}
.icon-wrapper {
    width: 120px;
    height: 120px;
    background: rgba(198,201,216,.21);
    border-radius: 30px;
    box-shadow: #fff 7px 6px 15px inset,rgba(176,176,176,.42) -4px -4px 8px inset;
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    opacity: .5;
    align-items: center;
    justify-content: center
}
.icon-wrapper svg {
    stroke: #777;
    filter: drop-shadow(rgba(0, 0, 0, .3) 1px 1px 1px) drop-shadow(rgba(255, 255, 255, .8) -1px -1px 1px);
    top: initial!important
}
.icon-wrapper svg path {
    stroke: #dfe3f5
}
.mini-label {
    border-radius: 430px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: clamp(50px,15.5vw,70px);
    width: clamp(50px,15.5vw,60px)
}
.mini-label .indexcount {
    line-height: 1;
    color: #3b3059;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: .2s linear;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    font-size: 30px;
    font-weight: 700
}
.garantii .block-uadv {
    background: #f6f7f8;
    font-weight: 600
}
.garantii .block-uadv .cls-1 {
    fill: #fff
}
.cls-1 {
    fill: #fff
}
.tab-headers {
    display: flex;
    cursor: pointer;
    justify-content: space-between
}
.tab-headers h3 {
    margin-right: 15px;
    opacity: .7;
    letter-spacing: -1px;
    transition: opacity .2s;
    font-size: clamp(1.0875rem,.756731rem + 1.64256vw,2.0875rem);
    color: #8997b5;
    font-weight: 500;
    --corner: clamp(15px, 2.5vw, 30px);
    padding: clamp(5px,2.5vw,20px) clamp(15px,2.5vw,40px) 0;
    margin-bottom: 0;
    border-top-left-radius: clamp(15px,2.5vw,30px);
    border-top-right-radius: clamp(15px,2.5vw,30px);
    position: relative;
    display: flex;
    flex-direction: column
}
.tab-headers h3 span {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #bfc6d6;
    font-size: clamp(.75rem,.705989rem + .192926vw,.9375rem)
}
.tab-headers h3 span svg {
    filter: invert(84%) sepia(28%) saturate(115%) hue-rotate(184deg) brightness(89%) contrast(92%);
    width: clamp(16px,1.5vw,20px);
    height: clamp(16px,1.5vw,20px)
}
.tab-headers h3.active:first-child::after {
    background: #f5f6fe;
    bottom: -50px;
    left: 0;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    width: 10px;
    height: 50px;
    content: "";
    position: absolute;
    translate: none
}
.tab-headers h3.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: calc(var(--corner) * 2);
    width: calc(var(--corner) * 2);
    translate: 100% 0;
    border-radius: 0 0 0 var(--corner);
    box-shadow: calc(var(--corner)/ -2) calc(var(--corner)/ 2) 0 0 #f5f6fe
}
.tab-headers h3.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(var(--corner) * 2);
    width: calc(var(--corner) * 2);
    translate: -100% 0;
    border-radius: 0 0 0 var(--corner);
    box-shadow: calc(var(--corner)/ -2) calc(var(--corner)/ 2) 0 0 #f5f6fe;
    transform: scaleX(-1)
}
.tab-headers h3.active {
    opacity: 1;
    background: #f5f6fe;
    padding: clamp(5px,2.5vw,20px) clamp(15px,2.5vw,40px) 15px;
    margin-bottom: 0;
    border-top-left-radius: clamp(15px,2.5vw,30px);
    border-top-right-radius: clamp(15px,2.5vw,30px);
    position: relative;
    color: #3b3059;
    font-weight: 600
}
.tab-content .scroll-hor-container {
    scrollbar-color: #ecedf0 #ecedf0
}
.tab-content .scroll-hor-container:hover {
    scrollbar-color: #ecedf0 #ecedf0
}
.tab-content .scroll-hor-container .inner-block {
    position: relative;
    width: 100%;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    z-index: 1;
    border-radius: clamp(15px,1.5vw,30px);
    padding: clamp(15px,2.5vw,30px);
    min-width: 310px;
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    background: #fff;
    color: #fff;
    font-weight: 500;
    display: flex;
    flex-direction: column
}
.tab-content .scroll-hor-container .inner-block .title {
    line-height: 1.1;
    border-radius: 300px;
    display: flex;
    flex: 1 0 0%;
    margin-bottom: 15px;
    font-weight: 600;
    color: #3b3059;
    font-size: clamp(1.375rem,1.28698rem + .385852vw,1.75rem);
}
.tab-content .scroll-hor-container .inner-block p {
    font-size: clamp(.9375rem,.878818rem + .257235vw,1.0875rem);
    flex: 1 1 0%;
    font-weight: 500;
    color: #3b3059;
    opacity: 1.8;
    line-height: 1.6;
}
.tab-content .scroll-hor-container .inner-block .mini-label {
    border-radius: 430px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: clamp(50px,17.5vw,80px);
    width: clamp(50px,17.5vw,80px)
}
.tab-content .scroll-hor-container .inner-block img {
    width: clamp(45px,3.5vw,65px);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    filter: inherit;
    transform: translate(-50%,-50%)
}
.tab-content {
    display: none
}
.tab-content>.active {
    display: flex
}
.tab-content.active {
    display: block;
    background: #f5f6fe;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px)
}
.policy-minitext {
    font-size: 12px;
    text-align: center;
    display: block;
    font-weight: 600;
    line-height: 1.3;
    color: #99a5c4;
    max-width: 80%;
    margin: 10px auto 0
}
.policy-minitext a {
    color: var(--main-color)
}
.calculate-section {
    background: var(--main-color);
    padding: clamp(15px,2.5vw,50px);
    border-radius: clamp(15px,2.5vw,50px)
}
.scroll-hor-container .inner-block .title {
    line-height: 1.1;
    color: #3b3059;
    /* border-radius: 300px; */
    display: flex;
    flex-shrink: 0;
    margin-bottom: 13px;
    font-weight: 600;
    font-size: clamp(1.3375rem,1.29349rem + .192926vw,1.625rem);
}
.text-muted {
    text-decoration: line-through;
    font-weight: 600;
    color: rgba(59,48,89,.55)!important
}
.scroll-hor-container .inner-block .first-letter {
    text-shadow: rgba(119,85,212,.03) 0 3px 2px,#f5f6fe 0 -2px 1px,#fff 0 4px 4px;
    position: absolute;
    font-size: 240px;
    font-weight: 900;
    right: 20px;
    bottom: 0;
    color: transparent;
    z-index: -1;
    line-height: 210px
}
.scroll-hor-container .inner-block p {
    color: #3b3059;
    font-weight: 500;
    opacity: .8;
    font-size: clamp(.875rem,.86033rem + .0643087vw,.9375rem)
}
.block-uadv {
    display: flex;
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    background: #ecf1fa;
    padding: clamp(15px,1.5vw,30px) clamp(15px,1.5vw,30px) clamp(15px,1.5vw,30px) clamp(60px,13.5vw,70px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%;
    gap: 10px;
    color: #3b3059;
    font-weight: 500;
    position: relative;
    line-height: 1.2;
    min-height: 100px
}
.block-uadv svg {
    position: absolute;
    top: -1px;
    left: 0;
    width: clamp(60px,16.5vw,75px);
    z-index: 1;
    transform: scale(-1,-1)
}
.tab-content .inner-block svg .cls-1 {
    fill: #7755d4!important
}
.inner-block .counter-fon {
    line-height: 1;
    color: #edeffb;
    border-radius: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear;
    position: absolute;
    z-index: -1;
    font-size: 200px;
    bottom: 0;
    font-weight: 700;
    right: 0
}
.inner-block svg {
    position: absolute;
    top: -1px;
    right: 0;
    width: clamp(50px,26.5vw,120px);
    z-index: 1;
    transform: scale(1,-1)
}
.counter {
    font-size: 20px;
    line-height: 1;
    color: #6d6d6d;
    width: 55px;
    height: 55px;
    border-radius: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: .2s linear;
    background: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px
}
.block-uadv img {
    width: 70px;
    height: 70px;
    filter: invert(53%) sepia(32%) saturate(573%) hue-rotate(200deg) brightness(88%) contrast(84%)
}
.discipline-content {
    background: #f5f6fe;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    color: #3b3059;
    position: relative
}
.discipline-block {
    display: flex;
    font-size: 21px;
    font-weight: 600;
    background: #f5f6fe;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%;
    color: #3b3059;
    gap: 15px;
    position: relative;
    line-height: 1.2;
    flex-direction: column
}
.discipline-block:hover img {
    transform: translateX(10px);
    transition: .2s linear
}
.discipline-block .price {
    letter-spacing: -.02em;
    margin-top: 10px;
    white-space: nowrap;
    font-size: clamp(.8125rem,.753818rem + .257235vw,.7625rem);
    padding: 7px 15px;
    border-radius: clamp(15px,1.5vw,20px);
    line-height: 1;
    font-weight: 700;
    width: max-content;
    color: var(--main-color);
    border: 1px solid #7755d4
}
.discipline-block .top-block {
    display: flex;
    gap: 15px;
    width: 50px;
    height: 50px
}
.discipline-block .bot-block {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}
.discipline-block img {
    width: 45px;
    transform: translateX(0);
    height: 45px;
    box-shadow: rgba(188,192,206,.45) 0 7px 11px;
    padding: 10px;
    transition: .2s linear;
    border-radius: 300px;
    background: #fff
}
.block-uadv::before {
    background: #dcdcf5;
    min-width: 30px;
    font-size: 50px;
    line-height: 1;
    margin-bottom: 0;
    content: "+";
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b3059;
    border-radius: 300px;
    flex-shrink: 0;
    font-weight: 300;
    box-shadow: #fff 0 4px 4px 0 inset
}
.form-line-container {
    padding: clamp(25px,2.5vw,50px);
    color: #fff;
    border-radius: clamp(15px,1.5vw,20px);
    position: relative;
    overflow: hidden;
    background: linear-gradient(140deg,rgba(236,240,255,0) 29.68%,rgba(227,237,255,.5) 58.82%,rgba(211,220,254,.5) 74.13%,rgba(204,212,255,.5) 86.2%),#f6f7f8
}
.form-line-container .call-button {
    overflow: hidden;
    line-height: 1;
    background: #ffe958;
    border: 2px solid #ffe958;
    margin: 15px 0 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #393952;
    font-size: clamp(.8125rem,.753818rem + .357235vw,1.3625rem);
    transition: .2s;
    padding: 20px 30px;
    cursor: pointer;
    border-radius: clamp(5px,1.5vw,15px);
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    font-weight: 700
}
.form-line-container span {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
    font-size: 300px;
    color: #8036df;
    text-transform: uppercase;
    font-weight: 900;
    text-shadow: rgba(106,106,106,.03) -90px 35px 0;
    background-color: transparent;
    -webkit-text-fill-color: #f2f4ff;
    background-clip: text;
    display: flex;
    justify-content: center;
    line-height: 1
}
.form-line-container::after {
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background: url(/img/phos.png) 530px/60%;
    mask-image: linear-gradient(to left,#000 40%,rgba(0,0,0,0) 70%);
    height: 100%;
    transform: translateX(160px);
    opacity: .1;
    filter: grayscale(1)
}
.form-line-container p {
    font-size: clamp(.875rem,1.23099rem + .192926vw,1.8625rem);
    margin-bottom: 10px;
    line-height: 1.3
}
.footer-mini-container {
    background: #f5f6fe;
    padding: clamp(15px,1.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%
}
.footer-mini-container .bottom-about {
    font-size: 12px;
    color: #a0a8c5;
    font-weight: 600
}
.footer-mini-container .title-footer {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
    color: #3b3059
}
.footer-mini-container ul {
    padding-left: 0
}
.footer-mini-container a {
    font-weight: 600;
    padding-left: 0;
    margin-bottom: 8px;
    transition: .2s linear;
    display: flex;
    gap: 5px;
    align-items: center;
    color: rgba(58,80,114,.7);
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -.3px;
    text-underline-offset: 4px;
    text-decoration: underline 2px #f7f7f7;
    width: max-content
}
.footer-mini-container ul li a img {
    width: 28px;
    height: 28px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.footer-mini-container a:hover {
    color: var(--main-color);
    transition: .2s linear;
    text-underline-offset: 4px;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--main-color)
}
.footer-mini-container a.brand:hover img {
    filter: none
}
.footer-mini-container a:hover img {
    filter: invert(53%) sepia(32%) saturate(573%) hue-rotate(200deg) brightness(88%) contrast(84%)
}
footer .payment-image {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    justify-content: start
}
.top-header .payment-image img {
    height: 20px
}
footer .payment-image img {
    height: 25px
}
footer .payment-image img:hover {
    filter: invert(53%) sepia(32%) saturate(573%) hue-rotate(200deg) brightness(88%) contrast(84%)
}
.faq-section {
    max-height: 380px;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #6b5bde #f7f7f7;
    padding-right: 5px;
    margin-bottom: 0px;
}
.adress {
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    color: #3b3059;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: -.3px
}
summary {
    font-size: clamp(.875rem,.801648rem + .321543vw,1.1875rem);
    color: #2e2e2f;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 10px;
    background: #edeffb;
    padding: 15px 30px 15px 50px;
    border-radius: 15px;
    position: relative
}
summary .title {
    font-weight: 600;
    color: #3b3059;
    padding: 0
}
summary::before {
    background: #7755d4;
    min-width: 30px;
    font-size: 37px;
    line-height: 0;
    margin-bottom: 0;
    content: "+";
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 300px;
    flex-shrink: 0;
    font-weight: 300;
    position: absolute;
    left: 10px
}
details {
    margin-bottom: 5px
}
details p {
    font-weight: 500;
    padding: 0 35px;
    font-size: clamp(.875rem,.801648rem + .321543vw,1.075rem);
    color: rgba(59,48,89,.73)
}
details ul {
    font-weight: 500;
    padding: 0 30px;
    font-size: clamp(.875rem,.801648rem + .321543vw,1.075rem);
    color: rgba(59,48,89,.73)
}
details div {
    font-weight: 500;
    padding: 0 30px;
    font-size: clamp(1.035rem,.721648rem + .321543vw,1.275rem);
    color: rgba(59,48,89,.73);
    line-height: 1.2;
}
summary::before {
    transition: transform .3s;
    transform: rotate(0)
}
details[open] summary::before {
    transform: rotate(45deg)
}
summary::marker {
    display: none;
    content: ""
}
.cities-container .item img {
    position: absolute;
    opacity: .05;
    width: clamp(45px,4.5vw,65px);
    height: clamp(45px,4.5vw,65px);
    bottom: 10px;
    left: 10px
}
.cities-container .item {
    background: #edeffb;
    border-radius: clamp(15px,1.5vw,20px);
    padding: clamp(15px,2.5vw,30px);
    margin-bottom: 0;
    width: 100%;
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    position: relative;
    flex-direction: column;
    font-weight: 600;
    font-size: clamp(1.125rem,1.05165rem + .321543vw,1.4375rem);
    min-width: 160px
}
.cities-container .item::before {
    position: absolute;
    content: "+";
    border-radius: 300px;
    background: var(--main-color);
    z-index: 1;
    width: clamp(25px,2.5vw,40px);
    height: clamp(25px,2.5vw,40px);
    right: 10px;
    top: 10px;
    box-shadow: #fff clamp(-15px,2.5vw,-30px) 0;
    color: #fff;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: clamp(.8125rem,.665796rem + .643087vw,1.4375rem);
    font-size: 42px;
    font-weight: 300
}
footer .uslugi-footer {
    max-height: 370px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px
}
.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px
}
#iconSwitcher {
    width: auto;
    height: clamp(25px,2.5vw,35px);
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
footer .site-rating {
    font-size: 14px
}
footer .star {
    color: #e12620;
    font-size: 19px
}
footer .title_h i {
    color: #e12620;
    font-size: 16px
}
footer .title_h {
    font-size: 21px;
    margin-bottom: 10px
}
footer #totop {
    display: none;
    border-radius: clamp(5px,2.5vw,15px);
    cursor: pointer;
    background: #ffffffab;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    box-shadow: rgba(66,66,66,.25) 0 17px 35px;
    position: fixed;
    bottom: clamp(55px,4.5vw,35px);
    right: 50%;
    z-index: 13;
    backdrop-filter: blur(6px);
    padding: clamp(5px,1.5vw,10px);
    gap: 5px;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal;
    width: clamp(100px,7.5vw,120px);
    height: clamp(30px,4.5vw,40px);
    font-weight: 600;
    color: #545454;
    font-size: clamp(.75rem,.720659rem + .128617vw,.875rem);
    transform: translateY(0) translateX(50%);
    transition: transform .3s ease-in-out;
    letter-spacing: 1px;
}
footer #totop img {
    width: clamp(15px,2.5vw,20px);
    height: clamp(15px,2.5vw,20px);
    filter: invert(53%) sepia(32%) saturate(573%) hue-rotate(200deg) brightness(88%) contrast(84%)
}
footer .footer-wrap span {
    text-align: center;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: clamp(15px,2.5vw,15px);
    background: #fff;
    padding: 10px;
    font-size: 12px;
    color: #a0a8c5;
    font-weight: 600
}
.search-sort-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px
}
.search-sort-panel .search-panel {
    width: 100%
}
.search-sort-panel select {
    background: #fff;
    font-weight: 600;
    color: #7a85a7;
    width: 100%;
    margin: 0
}
.m-block-feedback-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    background-color: var(--main-color)
}
.m-block-feedback-wrapper.service .m-block-feedback-title {
    color: #fff;
    font-size: clamp(1.6875rem,1.57014rem + .514469vw,2.1875rem);
    line-height: 1.1;
    font-weight: 700
}
.m-block-feedback-wrapper.service .m-block-feedback-text {
    margin-top: 10px
}
.m-block-feedback-header {
    align-items: center;
    display: flex;
    gap: 10px;
    flex-direction: row
}
.m-block-feedback-icon {
    position: relative
}
.m-block-feedback-icon img {
    max-width: clamp(90px,9.5vw,130px)
}
.m-block-feedback-title {
    color: #fff;
    font-size: clamp(1.6875rem,1.57014rem + .514469vw,2.1875rem);
    line-height: 1.1;
    font-weight: 700
}
.m-block-feedback-text {
    line-height: 1.4;
    font-weight: 500;
    color: #fff;
    font-size: clamp(.9375rem,.878818rem + .257235vw,1.1875rem)
}
.m-block-feedback-buttons .m-button {
    text-align: center;
    color: #545454;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 7px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    text-transform: math-auto;
    transition: .2s linear;
    border-radius: clamp(5px,2.5vw,15px);
    cursor: pointer;
    font-size: clamp(1rem,.971154rem + .228205vw,1.325rem);
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,20px);
    width: clamp(270px,21.5vw,350px);
    background: linear-gradient(#ffec80 0,#ffd34c 100%)
}
.badge__link-to-map {
    color: #fff;
    background: linear-gradient(54deg,#5d5bd0 0,#8d5aff 100%)!important
}
.figure-main {
    position: absolute;
    top: -1px;
    right: -1px;
    width: clamp(225px,19.5vw,300px);
    transform: scale(1,-1);
    z-index: 2
}
.seo-block {
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    color: #3b3059;
    line-height: 1.5;
    font-weight: 500
}
.seo-block img {
    border-radius: clamp(15px,1.5vw,20px);
    margin-bottom: 15px
}
.seo-block ul {
    margin-bottom: 0;
    padding-left: 1rem;
    position: relative
}
.seo-block ol {
    margin-bottom: 0;
    counter-reset: section 0
}
.seo-block ol li {
    list-style: none;
    font-weight: 500;
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    display: flex;
    counter-increment: section 1;
    position: relative;
    gap: 15px;
    margin-bottom: 10px;
    align-items: flex-start
}
.seo-block ol li::before {
    font-size: clamp(.7375rem,.708159rem + .128617vw,.7625rem);
    width: clamp(20px,2.5vw,26px);
    height: clamp(20px,2.5vw,26px);
    background: #e8e7f8;
    line-height: 1;
    margin-bottom: 0;
    content: counter(section);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5047e6;
    border-radius: 408px;
    flex-shrink: 0;
    font-weight: 600
}
.seo-block {
    color: #3b3059;
    position: relative;
    padding: clamp(15px,2.5vw,30px);
    background: #f5f6fe;
    border-radius: clamp(15px,2.5vw,20px)
}
.seo-block a {
    color: var(--main-color);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px
}
.seo-block h2 {
    color: #3b3059;
    font-size: clamp(1.3625rem,1.14244rem + 1.76463vw,2.6rem);
    font-family: Raleway,sans-serif;
    text-align: left!important
}
.seo-block h3,.seo-block h4 {
    text-align: left!important
}
.seo-block ul li {
    list-style: none;
    margin-top: 15px;
    align-items: flex-start;
    padding-left: 35px;
    position: relative;
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    color: #3b3059;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: -.3px
}
.seo-block ul li:last-child {
    margin-bottom: 25px
}
.seo-block ul li::before {
    content: "";
    width: clamp(25px,1.5vw,30px);
    height: clamp(25px,1.5vw,30px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    flex-shrink: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path opacity='0.5' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%23DCDAFA'></path><path d='M8 12L10.6667 15L16 9' stroke='%235047E6' stroke-width='1.5' stroke-linecap='round'></path></svg>") center center/contain no-repeat
}
#modal {
    height: 100dvh
}
.modal.show .modal-dialog {
    transform: none;
    z-index: 412
}
.review-block {
    max-width: 270px;
    height: 400px;
    position: relative;
    overflow: hidden;
    border-radius: clamp(15px,1.5vw,20px);
    min-width: 280px;
    display: flex;
    flex-direction: column;
    background: rgb(79 57 139)
}
.review-block-first::before {
    content: "";
    height: 100%;
    position: absolute;
    left: -100px;
    width: 100px;
    z-index: 5;
    background: linear-gradient(90deg,rgba(255,255,255,0) 10%,#fff 90%)
}
.review-block-first {
    max-width: 360px;
    height: 470px;
    position: relative;
    overflow: hidden;
    border-radius: clamp(15px,1.5vw,20px);
    min-width: 320px;
    display: flex;
    flex-direction: column;
    background: #ecedf0;
    gap: 0;
    align-items: center;
    justify-content: center
}
.review-block-first .review-img {
    width: 200px;
    margin: 0 auto;
    filter: grayscale(1);
    opacity: .4;
    display: block;
    position: relative
}
.review-block-first .inner-content {
    z-index: 2;
    color: #fff;
    text-align: center
}
.review-block-first .inner-content .name {
    color: #403d58;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 5px
}
.review-block-first .inner-content .year {
    color: #7d8091;
    margin-bottom: 15px;
    font-weight: 500
}
.violet-button {
    text-align: center;
    min-height: 48px;
    line-height: 22px;
    color: #fff;
    background: var(--main-color);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 7px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    text-transform: math-auto;
    transition: .2s linear;
    border-radius: clamp(5px,2.5vw,15px);
    cursor: pointer;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem);
    padding: clamp(10px,1.5vw,10px) clamp(10px,1.5vw,20px);
    width: 270px;
    margin: 0 auto
}
.fsd {
    display: flex;
    gap: 10px;
    padding-top: 0
}
.fsd .scroll-hor-container {
    padding-top: 0
}
.review-block .liker {
    width: 42px;
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    transform: rotate(19deg);
    filter: brightness(100.5)
}
.review-block .inner-content {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    width: 270px;
    color: #fff;
    height: 220px;
    background: rgba(78,46,164,.41);
    border-radius: clamp(15px,1.5vw,20px) 0 clamp(15px,1.5vw,20px) clamp(15px,1.5vw,20px);
    padding: 20px 20px 10px;
    backdrop-filter: blur(14px);
    overflow-y: auto;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    scrollbar-color: rgba(255,231,88,0) rgba(255,255,255,0);
    scrollbar-width: thin;
    transition: .2s linear
}
.review-block .inner-content:hover {
    scroll-behavior: smooth;
    scrollbar-color: #ffe758 rgba(255,255,255,0);
    transition: .2s linear
}
.review-block .inner-content .year {
    margin-bottom: 5px;
    font-weight: 600;
    color: #ffe758;
    font-size: 14px
}
.review-block .name {
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.2;
    font-size: clamp(1.375rem,1.31632rem + .257235vw,1.325rem)
}
.review-block .stage {
    margin-bottom: 10px;
    font-size: 12px
}
.review-block .review {
    font-weight: 500;
    font-size: 14px;
    color: #fff
}
.review-block .review span {
    color: #fff!important
}
.review-block .bg-gradienter {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 270px;
    z-index: 1;
    background: linear-gradient(360deg,#7755d4 20%,rgba(255,253,204,0) 100%);
    left: 0;
    right: 0
}
.review-block .face {
    color: #fff;
    border-radius: clamp(15px,1.5vw,20px);
    position: relative;
    height: 70%;
    pointer-events: none;
    width: 200px;
    margin-left: auto
}
.instructor-slider__list p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px
}
.calculate-section2 {
    background: #f5f6fe;
    padding: clamp(20px,2.5vw,50px);
    border-radius: clamp(15px,1.5vw,30px)
}
.banner-order {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: clamp(20px,2.5vw,60px);
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: clamp(15px,2.5vw,30px);
    background: #3b3059;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
}
.banner-order__title {
    font-size: clamp(1.875rem,1.61093rem + 1.15756vw,3rem);
    line-height: 100%;
    text-align: center;
    color: #fff;
    font-weight: 700
}
.banner-order__subtitle {
    margin-top: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    color: #434852
}
.banner-order__subtitle p {
    margin: 0;
    color: #fff
}
.start-section-service .bg {
    width: 100%;
    position: absolute;
    inset: 0;
    height: 100%;
    transform: translateX(0);
    z-index: -1;
    background: 0 0/cover no-repeat rgba(39,39,39,.55)
}
.start-section-service .dd {
    height: 100%;
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 1;
    mask-image: linear-gradient(to left,#000 20%,rgba(0,0,0,0) 100%);
    background-size: 50%;
    background-image: url(https://dwujq7tr7ugze.cloudfront.net/images/v3/shapes/dot-grid.svg);
    filter: invert(1)
}
.start-section-service svg path {
    fill: #f5f5f6
}
.start-section-service svg {
    position: absolute;
    bottom: -3px;
    right: -1px;
    width: clamp(315px,38.5vw,340px);
    transform: scale(1,1);
    z-index: 12
}
.start-section-service {
    width: 100%;
    z-index: 1;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-radius: clamp(15px,3.5vw,50px);
    position: relative;
    overflow: hidden;
    padding: clamp(15px,3.5vw,50px);
    color: #3b3059;
    margin-top: 0;
    margin-bottom: clamp(15px,2.5vw,30px);
    background: #f5f6fe
}
.garantii-section {
    padding: clamp(15px,2.5vw,50px);
    border-radius: clamp(15px,1.5vw,20px);
    background: #fff
}
.vuzes-section::-webkit-scrollbar {
    width: 6px
}
.vuzes-section::-webkit-scrollbar-track {
    background: rgba(0,0,0,.05);
    border-radius: 10px
}
.vuzes-section::-webkit-scrollbar-thumb {
    background: #94833b;
    border-radius: 10px
}
.vuzes-section::-webkit-scrollbar-thumb:hover {
    background: #94833b
}
.vuzes-section {
    scrollbar-width: thin;
    scrollbar-color: #7755d4 rgba(0,0,0,.05)
}
.vuzes-section .picture-img {
    padding: clamp(15px,2.5vw,50px);
    border-radius: clamp(15px,1.5vw,20px);
    background: linear-gradient(rgba(255,235,97,.34) 0,rgba(255,212,88,.71) 100%)
}
.review-section {
    padding: clamp(15px,2.5vw,50px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%;
    background: #f5f7fa
}
.garantii-section .picture-img {
    margin-bottom: 15px
}
.start-section-service .service-call-button {
    overflow: hidden;
    line-height: 1;
    background: #edeffb;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #635b78;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    align-items: center;
    gap: 3px;
    text-align: center;
    justify-content: center;
    font-weight: 400;
    flex-direction: column;
    border: 2px solid rgba(255,255,255,0)
}
.start-section-service .service-call-button:hover {
    transform: translateY(-3px);
    box-shadow: rgba(61,71,91,.24) 0 15px 20px
}
.start-section-service .service-call-button-2 {
    overflow: hidden;
    line-height: 1;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #ffffff;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    align-items: center;
    gap: 3px;
    text-align: center;
    justify-content: center;
    font-family: Unbounded,sans-serif;
    font-weight: 400;
    flex-direction: column;
    box-shadow: rgba(212,194,101,.19) 0 10px 40px 0;
    border: 2px solid #6450ff;
    background: #5744e7;
}
.start-section-service .service-call-button-2::before {
    content: "";
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    background: linear-gradient(to left,transparent 0,#fff 40%,#fff 60%,transparent 100%);
    transform: translate(-100%,-25%) rotate(10deg);
    animation: 3s ease 0s infinite normal none running blick
}
.start-section-service .service-call-button-2:hover {
    transform: translateY(-3px);
    box-shadow: rgba(141,141,142,.24) 0 15px 20px
}
.start-section-service .place-layout {
    display: grid;
    grid-template-columns: clamp(300px,70vw,1060px) 1fr;
    gap: 30px
}
.start-section-service .place-layout.dop {
    display: grid;
    grid-template-columns: clamp(300px,70vw,1120px) 1fr;
    gap: 10px
}
.start-section-service .service-call-button-2 img {
    width: clamp(20px,3.5vw,25px);
    height: clamp(20px,3.5vw,25px);
    filter: brightness(100.5);
}
.start-section-service .service-call-button-2 small {
    font-size: 11px;
    font-weight: 600;
    border-radius: 300px;
    letter-spacing: .08em;
    color: #ffffff;
}
.start-section-service .service-call-button-2 span {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 700;
    color: #ffffff;
    font-size: clamp(1rem,.971154rem + .128205vw,1.125rem)
}
.image-service {
    margin-bottom: 0;
    position: absolute;
    width: clamp(260px,40vw,520px);
    top: 0;
    right: 10px;
    z-index: -1
}
.start-section-service .big-letters {
    width: 100%;
    right: 30px;
    font-weight: 700;
    line-height: 1;
    bottom: 30px;
    color: rgba(255,255,255,.33);
    z-index: 14;
    overflow: hidden;
    word-break: normal;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: rgba(255,255,255,0)
}
.start-section-service .service-stats-container {
    margin-bottom: clamp(10px,1.5vw,30px);
    display: flex;
    gap: 15px
}
.big-letters .service-stats-container {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-radius: clamp(15px,2.5vw,30px)
}
.ready-stats .service-stats-container {
    margin-bottom: 0
}
.service-stats-container .stats-item {
    display: flex;
    gap: 0;
    background: var(--main-color);
    width: 100%;
    padding: clamp(10px,2.5vw,25px);
    border-radius: clamp(15px,1.5vw,30px);
    flex-direction: column;
    justify-content: space-between;
    min-width: clamp(165px,21.5vw,225px)
}
.service-stats-container .stats-item img {
    width: clamp(18px,3.5vw,30px);
    height: clamp(18px,3.5vw,30px);
    filter: brightness(7.5)
}
.service-stats-container .stats-item .icons-container {
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    font-size: clamp(.8125rem,.102449rem + 1.19293vw,1.1rem)
}
.service-stats-container .stats-item {
    background: #edeffb!important
}
.service-stats-container .stats-item .icons-container {
    color: #635b78
}
.service-stats-container .stats-item img {
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.start-section-ready {
    width: 100%;
    z-index: 1;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-radius: clamp(15px,3.5vw,50px);
    position: relative;
    overflow: hidden;
    padding: clamp(15px,3.5vw,70px);
    color: #3b3059;
    margin-top: 0;
    margin-bottom: clamp(15px,2.5vw,30px);
    background: #f5f6fe
}
.start-section-ready .big-letters {
    width: max-content;
    position: absolute;
    right: 20px;
    font-weight: 700;
    line-height: 1;
    bottom: 20px;
    color: rgba(255,255,255,.33);
    z-index: 14;
    overflow: hidden;
    word-break: normal;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0
}
.start-section-ready .big-letters .service-stats-container {
    margin-bottom: 0;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-radius: 30px
}
.start-section-ready .service-stats-container .stats-item {
    display: flex;
    gap: 0;
    width: 100%;
    padding: clamp(15px,1.5vw,20px);
    border-radius: clamp(15px,1.5vw,30px);
    flex-direction: column;
    min-width: 170px;
    justify-content: space-between
}
.start-section-ready svg path {
    fill: #f5f5f6
}
.start-section-ready svg {
    position: absolute;
    bottom: -3px;
    right: 0;
    width: clamp(315px,20.5vw,340px);
    transform: scale(1,1);
    z-index: 12
}
.start-section-ready .service-call-button-2 {
    overflow: hidden;
    line-height: 1;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #3b3059;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    align-items: center;
    gap: 3px;
    text-align: center;
    justify-content: center;
    font-family: Unbounded,sans-serif;
    font-weight: 400;
    flex-direction: column;
    background: var(--main-color)
}
.contacts_social {
    display: flex;
    gap: 5px
}
.contacts_social img {
    width: 33px;
    height: 33px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.contact-mini .contacts_social img {
    width: 26px;
    height: 26px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.start-section-ready .service-call-button-2:hover {
    transform: translateY(-6px)
}
.start-section-ready .service-call-button-2 span {
    display: flex;
    gap: 7px;
    align-items: center;
    font-weight: 600;
    color: #fff;
    font-size: clamp(1rem,.971154rem + .128205vw,1.125rem)
}
.start-section-ready .service-call-button-2 img {
    filter: brightness(100.5);
    width: clamp(20px,3.5vw,25px);
    height: clamp(20px,3.5vw,25px)
}
.start-section-ready .service-call-button-2 small {
    font-size: 11px;
    font-weight: 600;
    border-radius: 300px;
    letter-spacing: .08em;
    color: #fff
}
.price-container {
    display: flex;
    gap: clamp(5px,.5vw,10px);
    align-items: end
}
.price-container .price-new {
    font-weight: 600;
    font-size: clamp(1.475rem,1.1283rem + 1.64309vw,2.7rem);
    line-height: 1;
    letter-spacing: -.04em;
    color: #fff;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}
.price-container .price-old {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}
.price-container small {
    color: #635b78
}
.price-container .price-new {
    color: #635b78
}
.price-container .price-old .mini {
    font-weight: 500;
    font-size: clamp(.75rem,.720659rem + .128617vw,.825rem);
    line-height: 1;
    letter-spacing: -.03em;
    color: #fff;
    text-decoration: line-through;
    margin-bottom: 0
}
.price-container .price-old .text {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    font-size: clamp(.75rem,.720659rem + .128617vw,.875rem)
}
.price-container .price-old .mini {
    color: #fff;
    background: #f44336;
    padding: 5px 5px;
    border-radius: 8px;
    box-shadow: rgba(244,119,119,.32) 0 10px 20px
}
.price-container .price-old .text {
    font-size: 15px;
    color: #635b78
}
.parallax-img {
    position: absolute;
    width: 100%;
    transition: transform 50ms linear;
    will-change: transform
}
.rocket {
    width: clamp(100px,22.5vw,320px);
    position: relative;
    z-index: 3;
    right: 0;
    height: clamp(100px,22.5vw,320px);
    top: 0;
    object-fit: contain
}
.start-section-service .text,.start-section-service .text p {
    width: 100%;
    font-size: clamp(.8875rem,.749477rem + .685852vw,1.1425rem);
    margin-bottom: 30px;
    text-wrap: pretty;
    z-index: 1;
    position: relative;
    color: #3b3059;
    font-weight: 500
}
.start-section-service .service-call-button span {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 700;
    font-size: clamp(1rem,.971154rem + .128205vw,1.125rem)
}
.mini-descr {
    width: 100%;
    font-size: clamp(.8875rem,.749477rem + .785852vw,1.5125rem);
    font-weight: 500;
    text-wrap: pretty;
    z-index: 1;
    position: relative;
    color: #3b3059;
    margin-bottom: 25px;
    display: block
}
.letter-place {
    z-index: -1;
    font-size: clamp(9.375rem,1.30627rem + 24.3698vw,17.75rem);
    align-items: center;
    justify-content: center;
    transform: translate(var(--moveX,0),var(--moveY,0));
    position: absolute;
    font-weight: 900;
    transition: .2s linear;
    bottom: 0;
    color: transparent;
    line-height: .7;
    text-shadow: #f5f6fe 0 3px 2px,rgba(143,143,143,.15) 0 -2px 1px,#e6e7f6 0 4px 4px;
    left: 0;
    top: 0;
    opacity: .6
}
.start-section-service .service-call-button small {
    font-size: 11px;
    font-weight: 600;
    color: #635b78;
    letter-spacing: .05em
}
.start-section-service .auto-title {
    margin-bottom: 15px;
    color: #3b3059
}
.offer-section {
    display: flex;
    justify-content: center;
    padding: clamp(0,0,30px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%;
    background: #fff
}
.offer-wrapper {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 10px;
    width: 100%;
    max-width: 1340px
}
.offer-tabs {
    position: sticky;
    top: 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: max-content
}
.tab-link {
    padding: 12px 18px;
    border-radius: 10px;
    background: #edeffb;
    text-decoration: none;
    font-weight: 600;
    color: #3b3059;
    transition: .2s
}
.tab-link.active {
    color: #fff;
    background: #7755d4
}
.full-work {
    display: flex;
    align-items: center;
    justify-content: center
}
.full-work .call-button {
    position: absolute;
    color: #272727;
    background: #ffe958;
    width: 300px;
    padding: clamp(15px,1.5vw,20px) clamp(10px,1.5vw,20px)
}
.full-work .call-button img {
    width: clamp(20px,3.5vw,25px);
    height: clamp(20px,3.5vw,25px);
    filter: brightness(0)
}
#section-full {
    filter: blur(6px)
}
.offer-content-scroll {
    height: 700px;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding-right: 10px;
    position: relative;
    background: #f5f6fe;
    border-radius: clamp(15px,1.5vw,20px)
}
.tab-section {
    scroll-margin-top: 30px;
    color: #3b3059;
    position: relative;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
    word-break: break-all;
    padding: clamp(15px,2.5vw,30px);
    font-size: clamp(.8125rem,.783159rem + .128617vw,.9375rem)
}
.tab-section h3 {
    margin-top: 0;
    font-size: 22px;
    font-weight: 600;
    color: #2e3a59
}
.ready-stats {
    display: flex;
    gap: 8px;
    margin-top: 15px;
    flex-wrap: wrap;
    border: 1px solid #7755d4;
    padding: 15px;
    border-radius: 14px
}
.ready-stats .item {
    display: flex;
    gap: 6px;
    align-items: start;
    font-size: 14px;
    font-weight: 500;
    width: max-content;
    border-radius: 10px;
    color: #3b3059
}
.ready-stats .item img {
    width: clamp(20px,3.5vw,23px);
    height: clamp(20px,3.5vw,23px);
    filter: invert(35%) sepia(94%) saturate(483%) hue-rotate(216deg) brightness(95%) contrast(99%)
}
.ready-info {
    margin-bottom: 15px;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    background: #f5f6fe
}
.ready-info .content {
    display: flex;
    flex-direction: column
}
.ready-info h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #3b3059;
    line-height: 1.1;
    font-weight: 600
}
.ready-info :not(img):empty {
    display: none
}
.ready-info .content>* {
    color: #3b3059;
    position: relative;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-left: 35px;
    font-size: clamp(.8125rem,.783159rem + .128617vw,.9375rem)
}
.ready-info .content>*>* {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative
}
.ready-info .content>::before {
    font-size: 31px;
    min-width: 21px;
    line-height: 1;
    color: #727991;
    border-radius: 8px;
    font-weight: 400;
    content: "";
    width: clamp(25px,1.5vw,30px);
    height: clamp(25px,1.5vw,30px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    flex-shrink: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path opacity='0.5' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%23DCDAFA'></path><path d='M8 12L10.6667 15L16 9' stroke='%235047E6' stroke-width='1.5' stroke-linecap='round'></path></svg>") center center/contain no-repeat;
    top: -4px
}
.ready-info .content>*>::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b3059;
    border-radius: 300px;
    position: absolute;
    left: 5px;
    font-weight: 400;
    width: 14px;
    height: 2px;
    top: 9px;
    background: #727991
}
.stats .item img {
    margin-bottom: 0;
    width: clamp(20px,2.5vw,22px);
    height: clamp(20px,2.5vw,23px);
    filter: invert(52%) sepia(0) saturate(35%) hue-rotate(155deg) brightness(97%) contrast(87%)
}
.stats {
    display: flex;
    gap: clamp(5px,1.5vw,20px);
    margin-top: 15px;
    flex-wrap: wrap;
    margin-bottom: clamp(15px,2.5vw,30px);
    overflow-x: auto;
    white-space: nowrap;
    width: 100%
}
.stats.modify {
    margin: 0 0 10px;
    padding: 0;
    opacity: .7
}
.stats.modify .item {
    font-size: 12px
}
.stats.modify .item img {
    margin-bottom: 0;
    width: 19px;
    height: 19px;
    filter: invert(52%) sepia(0) saturate(35%) hue-rotate(155deg) brightness(97%) contrast(87%)
}
.stats .item {
    display: flex;
    gap: 9px;
    align-items: center;
    font-weight: 500;
    width: revert;
    border-radius: 10px;
    color: grey;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem)
}
.news-content .toc {
    background: #edeffb;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    margin-bottom: 20px;
    counter-reset: toc-h2 0;
    z-index: 12;
    color: #3b3059
}
.toc {
    background: #edeffb;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    margin-bottom: 20px;
    counter-reset: toc-h2 0;
    z-index: 12;
    color: #3b3059
}
.toc a.active {
    font-weight: 700;
    color: #007bff
}
.toc.toc-article {
    padding: clamp(15px,2.5vw,35px);
    border-radius: clamp(15px,1.5vw,20px);
    margin-bottom: 20px;
    counter-reset: toc-h2 0;
    position: relative;
    top: initial;
    z-index: 12;
    background: linear-gradient(140deg,rgba(236,240,255,0) 29.68%,rgba(227,237,255,.5) 58.82%,rgba(211,220,254,.5) 74.13%,rgba(204,212,255,.5) 86.2%),#f6f7f8;
    color: #3b3059
}
.toc-item.h2 {
    margin-bottom: 10px;
    padding-left: 20px
}
.toc-item.h2 a {
    counter-increment: toc-h2 1
}
.toc-item.h2 a:hover {
    text-decoration: underline
}
.toc h3 {
    margin-bottom: 20px;
    font-size: clamp(1.375rem,1.11442rem + 2.20256vw,1.8375rem)
}
.toc-item.h3 a:hover {
    text-decoration: underline
}
.news-nav {
    display: flex;
    flex-direction: column;
    gap: 15px
}
.news-nav small {
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}
.next-news-left,.next-news-right {
    position: relative;
    padding: clamp(5px,2.5vw,20px);
    overflow: hidden;
    border-radius: clamp(15px,1.5vw,20px);
    background: #fff
}
.next-news-left a,.next-news-right a {
    font-weight: 700;
    display: flex;
    gap: 5px
}
.next-news-left .content {
    z-index: 2;
    position: relative;
    color: #fff;
    font-weight: 600;
    display: flex;
    flex-direction: column
}
.next-news-right .views-mini {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 12px;
    margin-top: 5px
}
.next-news-right .views-mini img {
    margin-bottom: 0;
    width: clamp(15px,1.5vw,16px);
    height: clamp(15px,1.5vw,16px);
    filter: brightness(100.5)
}
.next-news-left .views-mini {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 12px;
    margin-top: 5px
}
.next-news-left .views-mini img {
    margin-bottom: 0;
    width: clamp(15px,1.5vw,16px);
    height: clamp(15px,1.5vw,16px);
    filter: brightness(100.5)
}
.next-news-left small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px
}
.next-news-left .bg-img {
    position: absolute;
    inset: 0;
    z-index: 0
}
.next-news-left .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(22,22,30,.58);
    z-index: 1;
    inset: 0
}
.next-news-right .content {
    z-index: 2;
    position: relative;
    color: #fff;
    font-weight: 600;
    display: flex;
    flex-direction: column
}
.next-news-right small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px
}
.next-news-right .bg-img {
    position: absolute;
    inset: 0;
    z-index: 0
}
.next-news-right .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(22,22,30,.58);
    z-index: 1;
    inset: 0
}
.toc.sticky {
    display: none;
    position: sticky;
    top: 180px;
    transition: opacity .3s,transform .3s
}
.toc-item.h2~.toc-item.h3 {
    padding-left: clamp(30px,3.5vw,60px)
}
.toc-item.h3 {
    margin-bottom: 10px;
    padding-left: 20px;
    margin-left: 15px
}
.toc-item.h3 a {
    font-weight: 600;
    font-size: clamp(.725rem,.889148rem + .321543vw,1.125rem);
    color: #3b3059;
    text-decoration: none;
    transition: color .3s;
    display: block;
    overflow-wrap: break-word;
    position: relative
}
.toc-item.h3 a::before {
    content: "";
    width: 20px;
    height: 1px;
    background: #3b3059;
    position: absolute;
    left: -30px;
    transform: translateY(1000%)
}
.manual-toc {
    display: none
}
.news-svoya-rotator {
    position: relative;
    width: 100%;
    border-radius: clamp(15px,1.5vw,20px);
    overflow: hidden;
    height: 270px;
    cursor: pointer
}
.iksweb td,.iksweb th {
    max-width: 300px;
    text-wrap: wrap;
    min-width: 240px
}
.iksweb tbody {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    display: table;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none
}
.news-content .text {
    width: 100%;
    font-size: clamp(1.0625rem,.932692rem + .576923vw,1.425rem);
    font-weight: 500;
    margin-bottom: 30px;
    text-wrap: pretty;
    z-index: 1;
    position: relative;
    color: #3b3059;
    opacity: .8;
    line-height: 1.4
}
.news-block-content {
    font-weight: 700;
    position: relative;
    overflow: hidden;
    transform: scale(1);
    transition: .2s linear;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    background: #f5f6fe;
    border-radius: clamp(15px,1.5vw,20px)
}
.news-block-content .image {
    height: 150px;
    overflow: hidden
}
.news-block-content:hover .image img {
    transform: scale(1.1);
    transition: .2s
}
.news-block-content .image img {
    transform: scale(1);
    transition: .2s;
    height: 100%;
    width: 100%
}
.news-block-content .text {
    padding: 20px clamp(15px,2.5vw,30px);
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 0%
}
.news-item.empty-block {
    font-weight: 700;
    position: relative;
    overflow: hidden;
    transform: scale(1);
    transition: .2s linear;
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex: 1 1 0%;
    background: #edeffb;
    border-radius: clamp(15px,1.5vw,20px);
    align-items: center;
    justify-content: center;
    padding: 30px
}
.news-item.empty-block .review-img {
    width: clamp(20%,21.5vw,90px);
    opacity: .3;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    margin-bottom: 20px
}
.news-item.empty-block .name {
    line-height: 1.4;
    opacity: .8;
    color: #7b809c;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 19px;
    text-align: center
}
.news-item.empty-block .tonextbutton {
    margin-top: 0;
    border-radius: clamp(5px,2.5vw,15px);
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
    text-align: center;
    text-transform: math-auto;
    font-weight: 600;
    transition: .2s linear;
    cursor: pointer;
    z-index: 1;
    padding: clamp(10px,1.5vw,15px) clamp(10px,1.5vw,30px);
    font-size: clamp(.5rem,.771154rem + .228205vw,1.125rem);
    background: #e4e6f5;
    line-height: 1;
    color: #727991;
    width: 100%
}
.news-block-content .text .title {
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.1;
    flex: 1 1 0%;
    font-size: clamp(1.375rem,1.31632rem + .257235vw,1.325rem)
}
.news-block-content .text .preview {
    margin-bottom: 20px;
    line-height: 1.1;
    flex: 1 1 0%
}
.news-block-content .text .preview p {
    font-weight: 500;
    line-height: 1.4;
    opacity: .8;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9625rem);
    color: #3b3059;
    margin-bottom: 0
}
.news-block-content .statistic .item {
    display: flex;
    gap: 5px;
    align-items: center;
    width: max-content;
    flex-wrap: wrap;
    background: #edeffb;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px;
    color: #738197
}
.news-block-content .statistic {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0;
    margin-bottom: 10px
}
.news-block-content .statistic .item img {
    margin-bottom: 0;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    width: clamp(17px,1.5vw,17px);
    height: clamp(17px,1.5vw,17px)
}
.news-block-content .tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}
.news-block-content .tags .item {
    display: flex;
    gap: 5px;
    align-items: center;
    background: #e0e5fb;
    width: max-content;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #6d77a6
}
.news-block-content .tags p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0
}
.page-link:hover {
    z-index: 2;
    background: #ffe458;
    color: #000;
    border: 1px solid #ffe458
}
.pagination {
    display: flex;
    font-weight: 600;
    gap: 3px;
    grid-template-columns: repeat(auto-fit,minmax(10px,1fr));
    text-align: center
}
.active>.page-link,.page-link.active {
    background: #ffe458;
    border: 1px solid #ffe458;
    color: #373737;
    z-index: 3
}
.page-link {
    color: #99a2ad;
    font-size: 14px;
    padding: 5px;
    width: 30px
}
.pagination-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
    /* margin: 0 auto; */
}
.svoya-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: clamp(15px,1.5vw,20px);
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0
}
.svoya-img.active {
    opacity: 1;
    z-index: 1
}
.news-content .univer-list.pl-4.d-block {
    display: none!important
}
.news-content a {
    color: #725ae5;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.news-content ul {
    padding-left: 0;
    border-radius: 10px;
    margin-bottom: 30px
}
.news-content .iksweb,.news-content table {
    font-size: 15px;
    line-height: 1.4;
    background: #fff;
    margin-bottom: 1.5rem;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    display: block;
    max-width: clamp(300px,89.5vw,100%);
    overflow: auto hidden;
    border-radius: 15px;
    border: 1px solid rgba(119,85,212,.19)
}
.news-content .iksweb td,.news-content .iksweb th,.news-content table td,.news-content table th {
    padding: clamp(10px,2.5vw,20px);
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #dedede;
    font-weight: 400;
    font-size: clamp(.9375rem,.908159rem + .328617vw,1.2625rem);
    line-height: 1.6;
    color: #584f72
}
.news-content .iksweb td:last-child,.news-content .iksweb th:last-child,.news-content table td:last-child,.news-content table th:last-child {
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor
}
.news-content .iksweb thead,.news-content table thead {
    background-color: #f7f7f9;
    font-weight: 600
}
.news-content .iksweb tbody tr:nth-child(2n),.news-content table tbody tr:nth-child(2n) {
    background-color: #ecedf0
}
.news-content .iksweb tbody tr:hover,.news-content table tbody tr:hover {
    background-color: #f9f9fb;
    transition: background .2s ease-in-out
}
@media (max-width: 1024px) {
    .news-content .iksweb,.news-content table {
        display:block;
        overflow-x: auto;
        white-space: nowrap
    }
    .news-content .iksweb thead,.news-content table thead {
        display: table-header-group
    }
}
.news-content img {
    border-radius: clamp(15px,1.5vw,20px);
    margin-bottom: clamp(15px,2.5vw,30px)
}
.news-content .title-container {
    margin-bottom: clamp(5px,1.5vw,35px)
}
.news-content {
    position: relative;
    transition: .2s linear;
    background: #fff;
    padding: clamp(10px,4.5vw,20px) clamp(10px,4.5vw,15px);
    border-radius: clamp(10px,1.5vw,20px);
    color: #584f72;
    font-weight: 500;
    font-size: clamp(.9375rem,.908159rem + .328617vw,1.2625rem);
    line-height: 1.6
}
.news-content ol,.news-content ol li,.news-content p,.news-content ul,.news-content ul li {
    position: relative;
    transition: .2s linear;
    color: #584f72;
    margin-bottom: clamp(15px,1.5vw,25px);
    font-weight: 500;
    font-size: clamp(.9375rem,.908159rem + .328617vw,1.2625rem);
    line-height: 1.6
}
.news-content h2 {
    font-size: clamp(1.5625rem,1.19574rem + 1.60772vw,2.725rem);
    margin-bottom: clamp(15px,2.5vw,30px);
    text-align: left!important
}
.news-content h3 {
    margin-bottom: clamp(15px,2.5vw,30px);
    color: #3b3059;
    font-size: clamp(1.1875rem,1.15673rem + 1.02564vw,2.2875rem);
    line-height: 1.15;
    letter-spacing: -.04em;
    text-align: left!important
}
.news-content b {
    display: contents
}
.news-content i {
    background: rgba(119,85,212,.08);
    display: block;
    padding: 20px 30px;
    border-radius: 20px;
    font-weight: 500;
    color: var(--main-color);
    font-size: clamp(.9375rem,.908159rem + .328617vw,1.2625rem);
    line-height: 1.6
}
.news-content i b {
    font-weight: 400;
    font-family: math
}
figcaption {
    font-weight: 500;
    font-size: 13px;
    color: #727991
}
.news-content ul li {
    list-style: none;
    font-weight: 500;
    position: relative;
    margin-bottom: 15px;
    margin-left: clamp(10px,2.5vw,15px);
    padding-left: clamp(35px,2.5vw,50px)
}
.news-content ol li {
    list-style: none;
    font-weight: 500;
    margin-left: clamp(10px,2.5vw,15px);
    padding-left: clamp(25px,2.5vw,50px);
    counter-increment: section 1;
    position: relative;
    gap: 15px;
    margin-bottom: 15px;
    align-items: flex-start
}
.news-content ol {
    counter-reset: section 0
}
.news-content ul li::before {
    margin-bottom: 0;
    color: #3b3059;
    border-radius: 5px;
    font-weight: 300;
    min-width: clamp(20px,2.5vw,30px);
    transform: translateY(11%);
    content: "";
    width: clamp(25px,1.5vw,30px);
    height: clamp(25px,1.5vw,30px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    flex-shrink: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path opacity='0.5' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%23DCDAFA'></path><path d='M8 12L10.6667 15L16 9' stroke='%235047E6' stroke-width='1.5' stroke-linecap='round'></path></svg>") center center/contain no-repeat
}
.news-content ol li::before {
    min-width: clamp(20px,2.5vw,30px);
    position: absolute;
    left: 0;
    transform: translateY(11%);
    font-size: clamp(.7375rem,.708159rem + .128617vw,1.0625rem);
    width: clamp(20px,2.5vw,30px);
    height: clamp(20px,2.5vw,30px);
    background: #edecfc;
    line-height: 1;
    margin-bottom: 0;
    content: counter(section);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5047e6;
    border-radius: 5px;
    flex-shrink: 0;
    font-weight: 600
}
.toc-item.h2 a {
    font-weight: 600;
    color: #3b3059;
    text-decoration: none;
    transition: color .3s;
    text-wrap: pretty;
    display: block;
    line-height: 1.3;
    font-size: clamp(.725rem,.989148rem + .321543vw,1.175rem)
}
.toc-item.h2 a::before {
    content: counter(toc-h2) ". ";
    margin-right: 5px
}
.toc-target,h2,h3 {
    scroll-margin-top: 200px
}
.start-section-news-page .breadcrumb-item {
    color: #fff
}
.start-section-news-page .breadcrumb-item+.breadcrumb-item {
    color: #fff
}
.start-section-static-page .call-button {
    padding: clamp(10px,1.5vw,15px) clamp(10px,1.5vw,20px);
    font-size: clamp(.5rem,.771154rem + .328205vw,1.325rem)
}
.start-section-static-page {
    margin: 15px auto clamp(15px,2.5vw,30px);
    max-width: 100%;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-radius: clamp(15px,1.5vw,20px);
    position: relative;
    overflow: hidden;
    background: #f5f6fe;
    color: #fff;
    padding: clamp(15px,2.5vw,50px)
}
.start-section-static-page h1 {
    color: #3b3059;
    line-height: 1;
    text-align: left;
    margin-bottom: 20px;
    text-transform: inherit;
    vertical-align: middle;
    letter-spacing: -3px;
    width: 95%;
    font-weight: 700;
    font-size: clamp(2.3rem,1.51318rem + 2.67235vw,5.2rem);
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word
}
.start-section-static-page .text,.start-section-static-page .text p {
    font-size: clamp(.975rem,.730989rem + .492926vw,1.2625rem);
    line-height: 1.5;
    text-align: left;
    text-wrap: pretty;
    position: relative;
    transition: .2s linear;
    color: #3b3059;
    margin-bottom: 25px;
    font-weight: 500
}
.start-section-static-page .text p:last-child {
    margin-bottom: 0
}
.calc-button {
    overflow: hidden;
    line-height: 1;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    align-items: center;
    gap: 3px;
    text-align: center;
    justify-content: center;
    font-weight: 600;
    flex-direction: column;
    box-shadow: rgba(212,194,101,.56) 0 20px 40px 0;
    border: 2px solid #ffe871;
    background: #ffe871;
    color: #72612c
}
.calc-button:hover {
    box-shadow: rgba(103,58,183,.31) 0 20px 40px 0;
    border: 2px solid #7755d4;
    background: var(--main-color);
    color: #fff
}
.rocket {
    width: clamp(50px,32.5vw,320px);
    position: absolute;
    z-index: 3;
    right: 0;
    height: clamp(100px,32.5vw,320px);
    top: -60px;
    object-fit: contain
}
.start-section-static-page .text ul {
    padding-left: clamp(10px,2.5vw,30px);
    margin-top: clamp(10px,1.5vw,15px);
    margin-bottom: 15px
}
.start-section-static-page .text ul li {
    list-style: none;
    font-weight: 500;
    margin-bottom: 10px;
    align-items: flex-start;
    padding-left: 45px;
    position: relative
}
.start-section-static-page .text ul li::before {
    font-size: 38px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: #dee3ed;
    line-height: 1;
    margin-bottom: 0;
    content: "+";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b3059;
    border-radius: 300px;
    flex-shrink: 0;
    font-weight: 300;
    position: absolute;
    left: 0
}
.start-section-static-page .text ol {
    padding-left: 2rem;
    margin-top: 15px;
    margin-bottom: 15px
}
.start-section-static-page .text ol li {
    font-weight: 500;
    margin-bottom: 10px;
    align-items: flex-start;
    padding-left: 45px;
    position: relative
}
.faq-group-title {
    font-size: 24px;
    margin: 40px 0 20px;
    font-weight: 700;
    color: #3b3059
}
.faq-card {
    border: 1px solid #cfd7ed;
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: box-shadow .3s;
    background: #fff
}
.faq-card:hover {
    background: var(--main-color);
    color: #fff;
    transition: .2s linear
}
.faq-card:hover .faq-card__body p {
    color: #fff
}
.faq-card:hover .faq-card__body {
    color: #fff
}
.faq-card:hover .faq-card__body a {
    color: #fff
}
.faq-card:hover .faq-icon {
    transition: .2s linear;
    color: #fff
}
.faq-card__title {
    display: flex;
    transition: .2s linear;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    background: rgba(8,8,9,0);
    line-height: 1.2
}
.faq-card__question {
    flex: 1 1 0%
}
.faq-icon {
    display: inline-block;
    font-size: 45px;
    color: var(--main-color);
    transition: transform .3s;
    line-height: 1;
    font-weight: 300
}
.faq-card.active .faq-icon {
    transform: rotate(45deg)
}
.faq-card__body {
    padding: 15px 20px;
    display: none;
    font-size: 16px;
    animation: .3s ease 0s 1 normal none running fadeIn;
    color: #3b3059;
    font-weight: 500
}
.form-side-section__form {
    margin-top: 15px
}
.faq-card__body p {
    font-size: 16px;
    color: #3b3059;
    font-weight: 500;
    margin-bottom: 0
}
.faq-card__body a {
    color: var(--main-color);
    font-weight: 700
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-5px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.form-side-section {
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    position: sticky;
    top: 190px;
    background: #f5f6fe
}
.news-side .form-side-section {
    position: relative;
    top: initial
}
.form-side-section h3 {
    font-size: clamp(1.2375rem,1.33481rem + .450161vw,1.475rem);
    margin-bottom: 15px;
    text-align: center
}
.form-side-section .butt-send {
    overflow: hidden;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    transition: .2s linear;
    padding: 15px 30px;
    cursor: pointer;
    border-radius: clamp(5px,1.5vw,15px);
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    font-weight: 600;
    width: 100%;
    display: flex;
    background: #ffe871;
    line-height: 1;
    color: #6d5304;
    font-size: 16px
}
.form-side-section__text {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #828fb5
}
.form-side-section__row {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px
}
.form-side-section__row input {
    width: 100%;
    padding: 8px 15px;
    margin: 0 0 5px;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: rgba(247,247,247,.53);
    height: 40px;
    font-weight: 600;
    color: #525c77;
    transition: .2s linear
}
.form-side-section__row label {
    font-size: 13px;
    font-weight: 600;
    color: #63687b
}
.rs-client-thumb {
    display: flex;
    gap: clamp(5px,1.5vw,15px);
    align-items: center;
    text-align: center;
    margin: 0 auto clamp(10px,1.5vw,20px);
}
.table-responsive {
    display: block;
    max-width: clamp(300px,99.5vw,100%);
    overflow: auto hidden;
    border-radius: 15px;
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: currentcolor rgba(119,85,212,.19) rgba(119,85,212,.19);
    border-image: none
}
.table-responsive .call-button {
    overflow: hidden;
    background: var(--main-color);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    color: #fff;
    font-size: clamp(.8125rem,.853818rem + .257235vw,1.3625rem);
    transition: .2s linear;
    padding: 15px 30px;
    cursor: pointer;
    border-radius: clamp(5px,1.5vw,15px);
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    font-weight: 600;
    width: 100%;
    display: flex;
    line-height: 1
}
.portrait-img {
    flex: 1 1 0%;
    width: 100%;
    z-index: 0;
    color: #fff;
    border-radius: clamp(15px,1.5vw,20px);
    position: relative;
    overflow: hidden;
    height: 100%
}
.picture-img {
    flex: 1 1 0%;
    width: clamp(50%,31.5vw,100%);
    z-index: 0;
    color: #fff;
    border-radius: clamp(15px,1.5vw,20px);
    position: relative;
    overflow: hidden
}
.authors-container {
    border-radius: clamp(15px,1.5vw,20px);
    padding: clamp(20px,3.5vw,50px);
    background: #ecedf0
}
.vacancy-button {
    overflow: hidden;
    line-height: 1;
    background: #ffe958;
    border: 2px solid #ffe958;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #393952;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: 20px 30px;
    cursor: pointer;
    border-radius: clamp(5px,1.5vw,15px);
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    font-family: Unbounded,sans-serif;
    font-weight: 400
}
.vacancy-button img {
    width: 28px;
    height: 28px;
    filter: brightness(0)
}
.vacancy-block {
    max-width: 100%;
    height: 570px;
    position: relative;
    overflow: hidden;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 320px
}
.vacancy-block .inner-content {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    width: 85%;
    color: #fff;
    height: 250px;
    display: flex;
    flex-direction: column
}
.vacancy-block .inner-content .call-button {
    width: 100%;
    flex: 1 1 0%
}
.vacancy-block .instructor-slider__list {
    overflow-y: auto;
    max-height: 220px;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    flex: 3 1 0%
}
.vacancy-block .bg-gradienter {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 320px;
    z-index: 1;
    background: linear-gradient(360deg,#32115f 20%,rgba(255,253,204,0) 100%);
    left: 0;
    right: 0
}
.vacancy-block .face {
    flex: 1 1 0%;
    width: 100%;
    z-index: 0;
    color: #fff;
    border-radius: clamp(15px,1.5vw,20px);
    position: relative;
    overflow: hidden;
    height: 100%;
    background: linear-gradient(360deg,#32115f 20%,rgba(255,253,204,0) 100%)
}
.vacancy-block .name {
    font-size: 25px;
    color: #fff;
    flex: 1 1 0%;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 10px
}
.index-vacancy-block {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    border-radius: clamp(15px,1.5vw,20px);
    padding: clamp(20px,1.5vw,30px) 170px clamp(20px,1.5vw,30px) clamp(20px,1.5vw,30px);
    font-weight: 700;
    position: relative;
    transform: scale(1);
    transition: .2s linear;
    min-width: 340px;
    gap: 20px;
    width: 100%;
    min-height: 200px;
    background-size: contain;
    background: #f5f6fe;
}
.index-vacancy-block svg {
    position: absolute;
    top: -1px;
    right: 0;
    width: 100px;
    transform: scale(1,-1)
}
.index-vacancy-block .title {
    font-size: clamp(1.4375rem,1.36415rem + .321543vw,1.75rem);
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.1;
    /* color: #fff; */
}
.index-vacancy-block .call-button {
    font-weight: 600;
    background: #ffe871;
    line-height: 1;
    color: #6d5304
}
.index-vacancy-block .call-button img {
    filter: invert(37%) sepia(21%) saturate(2074%) hue-rotate(11deg) brightness(96%) contrast(97%)
}
.index-vacancy-block .face {
    position: absolute;
    width: clamp(165px,51.5vw,240px);
    bottom: clamp(15px,2.5vw,20px);
    right: -5px
}
.index-vacancy-block .content {
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    height: 100%
}
.index-vacancy-block .descr {
    font-size: 17px;
    flex: 1 1 0%;
    margin-bottom: 15px;
    font-weight: 500;
    /* color: #fff; */
}
.how-to-work-container {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(310px,1fr));
    gap: 10px
}
.how-to-work-container .item {
    width: 100%;
    padding: 24px;
    background: #fff;
    gap: 1.25rem;
    display: block;
    box-shadow: #e8eeff 0 7px 20px 0;
    border-radius: 24px;
    min-height: 240px;
    position: relative;
    transition: box-shadow .2s ease-in-out
}
.how-to-work-container .item h3 {
    font-size: 28px;
    margin-bottom: 15px
}
.how-to-work-container .item img {
    width: 50px;
    height: 50px;
    box-shadow: #bcc0ce 0 7px 11px;
    padding: 10px;
    border-radius: 300px
}
.how-to-work-container .item p {
    color: #8997b5;
    font-size: 16px;
    font-weight: 500
}
.breadcrumb-item a:hover {
    color: var(--main-color)
}
.breadcrumb {
    margin-bottom: 10px
}
.breadcrumb-item,.breadcrumb-item+.breadcrumb-item {
    color: #898ea9;
    font-weight: 600;
    font-size: 13px
}
.breadcrumb-item+.breadcrumb-item,.breadcrumb-item.active {
    color: #898ea9
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #898ea9
}
.preimushestva-container {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
    flex-direction: row;
    font-size: 20px;
    font-weight: 400;
    z-index: 4;
    gap: 10px;
    scrollbar-width: thin;
    scrollbar-color: rgba(119,85,212,0) rgba(239,242,247,0);
    transition: .2s linear;
    overflow-x: auto;
    cursor: grab;
    user-select: none
}
.preimushestva-container:hover {
    transition: .2s linear;
    scrollbar-width: thin;
    scrollbar-color: #c6c6c6 #eff2f7
}
.preimushestva-container .item {
    border-radius: clamp(15px,1.5vw,30px);
    padding: clamp(20px,2.5vw,30px) 60px clamp(20px,2.5vw,30px) clamp(20px,2.5vw,30px);
    margin-bottom: 0;
    width: 100%;
    flex: 1 1 0%;
    min-width: 335px;
    display: flex;
    min-height: 150px;
    position: relative;
    flex-direction: column;
    background: #f5f6fe
}
.preimushestva-container .item svg {
    position: absolute;
    top: -1px;
    right: 0;
    width: 100px;
    z-index: 1;
    transform: scale(1,-1)
}
.preimushestva-container .text {
    color: #3b3059;
    font-weight: 500;
    flex: 1 1 0%;
    line-height: 1.4;
    font-size: clamp(.875rem,.845659rem + .128617vw,1.15rem)
}
.preimushestva-container .first-letter {
    line-height: 1;
    font-size: 140px;
    opacity: .05;
    font-weight: 900;
    right: 15px;
    position: absolute;
    bottom: 0;
    color: #5e64ff
}
.preimushestva-container .first-letter-mini {
    position: absolute;
    top: 20px;
    background: #ffe28c;
    right: 10px;
    color: #3b3059;
    font-size: 40px;
    line-height: 1;
    margin-bottom: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 300px;
    flex-shrink: 0;
    font-weight: 300;
    z-index: 1
}
.first-letter-mini::before {
    position: absolute;
    content: "";
    border-radius: 300px;
    width: 30px;
    height: 30px;
    right: 5px;
    top: 0;
    justify-content: center;
    display: flex;
    box-shadow: #ecedf0 -10px 0;
    align-items: center;
    z-index: -1
}
.preimushestva-container .title {
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: clamp(5px,1.5vw,15px);
    flex: 1 1 0%;
    font-size: clamp(1.275rem,1.18698rem + .385852vw,1.45rem)
}
.payment-image {
    display: flex;
    flex-wrap: wrap;
    gap: 115px;
    justify-content: center
}
.payment-image img {
    height: 35px
}
.last-work-block {
    background: #e8eeff;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px)
}
.last-work-block .last-work-block_date {
    font-size: 11px;
    color: rgba(58,45,75,.82);
    font-weight: 500
}
.last-work-block .last-work-block_title {
    font-size: 16px;
    margin-top: 5px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 5px
}
.last-work-block .last-work-block_typework {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 15px;
    background: #f7f7f7;
    display: inline-block;
    padding: 5px 15px;
    border-radius: clamp(15px,1.5vw,20px);
    margin-top: 5px
}
.left-list-container {
    gap: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px)
}
.left-list {
    display: flex;
    padding-right: 10px;
    flex-direction: row;
    gap: clamp(5px,.5vw,10px);
    overflow-y: auto;
    background: rgba(255,255,255,0);
    margin-bottom: 20px;
    padding-bottom: 0
}
.left-list .dir-link {
    background: #edeffb;
    padding: clamp(10px,1.5vw,20px) clamp(15px,1.5vw,20px);
    align-items: center;
    border-radius: 15px;
    display: flex;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    justify-content: space-between;
    font-size: clamp(.7rem,.755989rem + .392926vw,1.3875rem);
    min-width: max-content;
    flex-direction: row;
    color: #3b3059;
    gap: 7px
}
.left-list .dir-link .count {
    background: #dddeea;
    color: #473d63;
    border-radius: 6px;
    font-size: clamp(.575rem,.445659rem + .128617vw,.8rem);
    width: clamp(17px,1.5vw,19px);
    height: clamp(17px,1.5vw,19px);
    justify-content: center;
    align-items: center;
    display: flex;
    line-height: 0
}
.left-list .dir-link.active,.left-list .dir-link:hover {
    background: var(--main-color);
    font-weight: 600;
    color: #fff
}
.left-list .dir-link.active .count,.left-list .dir-link:hover .count {
    background: #fff;
    color: var(--main-color)
}
.right-content {
    width: 100%;
    overflow-y: auto;
    padding-right: 10px
}
.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    font-size: 14px;
    font-weight: 500
}
.iti {
    position: relative;
    display: inline-block;
    margin-bottom: 5px
}
.service-for-univers {
    flex-wrap: nowrap;
    overflow-y: auto;
    margin-top: 20px;
    width: 100%;
    display: flex;
    padding-right: 10px;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    gap: 15px;
    padding-bottom: 10px
}
.search-panel input {
    padding: 13px 60px 13px 25px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dde0eb;
    margin: 0;
    color: #7a85a7;
    background: #fff;
    font-weight: 600;
    position: relative
}
.search-panel input::placeholder {
    color: #7a85a7;
    font-weight: 600
}
.filter-ready-works .search-panel img {
    position: absolute;
    width: 18px;
    top: 65%;
    right: 13px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    transform: translateY(-50%)
}
.search-panel img {
    position: absolute;
    width: 23px;
    top: 50%;
    right: 20px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    transform: translateY(-50%)
}
.service-for-univers .item-uni {
    background: #f5f6fe;
    height: auto;
    border-radius: 15px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding: clamp(15px,2.5vw,30px);
    font-weight: 700;
    position: relative;
    overflow: hidden;
    transform: scale(1);
    transition: .2s linear;
    gap: 15px;
    min-width: 300px;
    min-height: 180px;
}
.service-for-univers .item-uni .first-letter {
    text-shadow: #fff 0 3px 2px,rgba(190,191,194,.2) 0 -2px 2px,#fff 0 4px 5px;
    position: absolute;
    font-size: 190px;
    font-weight: 900;
    transition: .2s linear;
    right: 20px;
    bottom: -30px;
    color: transparent;
    z-index: -1;
    line-height: 1
}
.service-for-univers .item-uni .info {
    font-weight: 600;
    line-height: 1.3;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    display: flex;
    height: 100%;
    flex-direction: column
}
.service-for-univers .item-uni .info .title {
    font-size: clamp(1.3125rem,1.26849rem + .192926vw,1.3rem);
    font-weight: 600;
    margin-bottom: clamp(10px,1.5vw,15px);
    line-height: 1.1;
    flex: 1 1 0%
}
.service-for-univers .item-uni .info .price-container {
    flex: 1 1 0%
}
.service-for-univers .item-uni .info .option-container {
    display: flex;
    margin-bottom: 10px;
    flex-flow: column wrap;
    flex: 1 1 0%;
    gap: 5px
}
.best-price-block {
    position: absolute;
    top: clamp(10px,1.5vw,35px);
    z-index: 5;
    right: clamp(10px,1.5vw,35px);
    background: #ffe871;
    padding: 5px 13px;
    border-radius: 10px;
    line-height: 1;
    font-weight: 600;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #72612c;
    font-size: clamp(.75rem,.705989rem + .192926vw,.9375rem)
}
.best-price-block img {
    width: clamp(20px,3.5vw,25px);
    filter: invert(37%) sepia(21%) saturate(2074%) hue-rotate(11deg) brightness(96%) contrast(97%)
}
.service-for-univers .item-uni .info .option-container .option {
    position: relative;
    align-items: center;
    border-radius: clamp(5px,2.5vw,15px);
    color: #3b3059;
    display: flex;
    font-size: clamp(.875rem,.830989rem + .192926vw,1.0625rem);
    gap: 5px;
    margin-bottom: 0;
    padding: 0 5px;
    text-transform: math-auto;
    width: max-content;
    font-weight: 600
}
.service-for-univers .item-uni .info .option-container .option img {
    width: clamp(23px,2.5vw,28px);
    height: clamp(23px,2.5vw,28px);
    filter: invert(53%) sepia(32%) saturate(573%) hue-rotate(200deg) brightness(88%) contrast(84%)
}
.service-for-univers .item-uni .button {
    background: var(--main-color);
    border: 2px solid #7755d4;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    color: #343434;
    transition: .2s;
    padding: 10px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
    font-size: 16px;
    justify-content: center;
    font-family: Unbounded,sans-serif;
    box-shadow: rgba(119,85,212,.28) 0 4px 12px 0;
    position: relative;
    bottom: 20px;
    right: 0;
    width: 45px;
    height: 45px
}
.service-for-univers .item-uni:hover .button {
    background: #fff;
    border: 2px solid #fff
}
.service-for-univers .item-uni .button img {
    width: 30px;
    transform: translateX(0);
    transition: .2s linear;
    filter: brightness(13)
}
.service-for-univers .item-uni:hover .button img {
    transform: translateX(0);
    transition: .2s linear;
    filter: invert(33%) sepia(64%) saturate(1034%) hue-rotate(225deg) brightness(100%) contrast(92%)
}
.service-list {
    flex-direction: column;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 15px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.service-item {
    border-radius: 15px;
    padding: clamp(15px,1.5vw,25px);
    grid-template-columns: 1fr;
    gap: 5px;
    background: #fff;
    display: flex;
    flex-direction: column
}
.service-list>:last-child:nth-child(3n+1) {
    grid-column: span 3
}
.service-list>:last-child:nth-child(3n+2) {
    grid-column: span 2
}
.service-list>:last-child:nth-child(3n+3) {
    grid-column: span 1
}
.service-item-img {
    position: absolute;
    width: 80px;
    top: 20px;
    right: 20px;
    z-index: -1;
    transition: .2s linear;
    opacity: .15;
    transform: rotate(0);
    filter: invert(60%) sepia(80%) saturate(6152%) hue-rotate(236deg) brightness(87%) contrast(90%)
}
.service-name {
    font-weight: 700;
    font-size: 21px;
    line-height: 1.1;
    margin-bottom: 5px;
    flex: 1 1 0%
}
.service-desc {
    line-height: 1.3;
    margin-bottom: 10px;
    color: #3b3059;
    font-size: 15px;
    flex: 1 1 0%;
    font-weight: 500;
    letter-spacing: -.3px
}
.service-price {
    color: #566299;
    white-space: nowrap;
    font-size: clamp(.8125rem,.753818rem + .257235vw,.7625rem);
    background: #e0e5fb;
    padding: 7px 15px;
    border-radius: clamp(15px,1.5vw,20px);
    line-height: 1;
    font-weight: 600;
    width: max-content
}
.next-button {
    overflow: hidden;
    border: 2px solid #ffe958;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 0;
    position: relative;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: clamp(10px,1.5vw,20px) clamp(20px,1.5vw,30px);
    font-weight: 700;
    cursor: pointer;
    border-radius: clamp(5px,1.5vw,15px);
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    width: 100%;
    background: #ffe871;
    line-height: 1;
    color: #6d5304
}
.back-button {
    overflow: hidden;
    line-height: 1;
    background: #f7f7f7;
    border: 2px solid #f7f7f7;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 0;
    position: relative;
    color: #595b63;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: clamp(10px,1.5vw,20px) clamp(20px,1.5vw,30px);
    border-radius: clamp(5px,1.5vw,15px);
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    width: 100%;
    font-weight: 600
}
.quiz-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    background: #fff;
    left: 50%;
    width: 100%;
    top: 50px
}
.under-h2 {
    font-weight: 600;
    text-wrap: balance;
    font-size: 15px;
    color: #3b3059ab;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: -.3px;
}
.step {
    display: none;
    margin-bottom: 15px
}
.step.active {
    display: block
}
.step .title {
    font-size: 21px;
    color: #4c4c4c;
    margin-bottom: 10px;
    font-weight: 600
}
.step label {
    font-size: 14px;
    font-weight: 600;
    color: #767c94
}
.progress-steps {
    margin-bottom: 20px
}
.step-count-text {
    font-size: 15px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    opacity: .6
}
.progress-bar-container {
    height: 5px;
    width: 100%;
    background: rgba(218,218,218,.71);
    border-radius: 4px;
    overflow: hidden
}
.progress-bar {
    height: 100%;
    width: 0%;
    background: #ffe958;
    transition: width .2s
}
input:not([type=radio]),select {
    width: 100%;
    padding: clamp(10px,1.5vw,20px) clamp(20px,1.5vw,30px);
    margin-bottom: 0;
    border: 1px solid rgba(114,121,145,.23);
    border-radius: 15px;
    font-size: 15px;
    outline: 0;
    background: #fff;
    font-weight: 500;
    color: #3b3059
}
.checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 14px
}
.checkbox-wrapper input[type=checkbox] {
    appearance: none;
    width: clamp(25px,1.5vw,30px);
    height: clamp(25px,1.5vw,30px);
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    padding: 0;
    position: relative;
    margin: 0
}
.checkbox-wrapper input[type=checkbox]:checked {
    background-color: #ffe958;
    border-color: #ffe958;
    box-shadow: none
}
.checkbox-wrapper input[type=checkbox]::after {
    content: "";
    color: #272727;
    font-size: 14px;
    position: absolute;
    top: 3px;
      width: clamp(10px,1.5vw,16px);
    height: clamp(10px,1.5vw,16px);
    background: #000;
    left: 10px;
    display: none
}
.checkbox-wrapper input[type=checkbox]:checked::after {
    display: block
}
.checkbox-wrapper label {
    font-size: 14px;
    user-select: none;
    line-height: 1
}
.mini-usluga-section {
    background: #edeffb;
    padding: clamp(15px,2.5vw,50px);
    border-radius: clamp(15px,1.5vw,20px)
}
button[disabled] {
    background: #e1e1e1 !important;
    cursor: not-allowed!important;
    opacity: .75!important
}
.block-for-calculator,.left-block-why {
    position: relative;
    font-weight: 300;
    color: #3b3059;
    border-radius: clamp(15px,1.5vw,20px)
}
.left-block-why {
    height: 100%
}
.left-block-why_buyreadyworkblock {
    margin-bottom: 25px;
    background: #f5f6fe;
    position: relative;
    padding: clamp(15px,2.5vw,30px);
    font-weight: 300;
    color: #3b3059;
    border-radius: clamp(15px,1.5vw,20px)
}
.left-block-why_buyreadyworkblock h3 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #3b3059;
    line-height: 1.1
}
.left-block-why_buyreadyworkblock .professional__parametr {
    display: flex;
    margin-bottom: 10px
}
.left-block-why_buyreadyworkblock .professional__parametr-title {
    font-weight: 600;
    font-size: 18px;
    color: #252525;
    line-height: 1.2;
    margin-bottom: 5px
}
.left-block-why_buyreadyworkblock .professional__parametr-propertie {
    font-size: 14px;
    color: #3b3059;
    font-weight: 500;
    line-height: 1.2;
    opacity: .7
}
.professional__parametr-i {
    width: clamp(40px,3.5vw,50px);
    margin-right: 10px;
    display: flex;
    align-items: center;
    padding: 4px;
    border-radius: 15px;
    justify-content: center;
    flex: 0 0 auto;
    /* max-height: 50px; */
    /* max-width: 50px; */
    height: clamp(40px,3.5vw,50px);
    background: #ffe871
}
.professional__parametr-i img {
    width: clamp(20px,2.5vw,27px);
    height: clamp(20px,2.5vw,27px);
    filter: invert(37%) sepia(21%) saturate(2074%) hue-rotate(11deg) brightness(96%) contrast(97%)
}
.faq-section-container {
    background: #f5f6fe;
    padding: clamp(15px,2.5vw,40px);
    border-radius: clamp(15px,1.5vw,20px)
}
.faq-section-container img {
    width: clamp(50%,31.5vw,100%)
}
.right-block-ready {
    position: relative;
    font-weight: 300;
    color: #3b3059;
    border-radius: clamp(15px,1.5vw,20px);
    border: 1px solid rgba(255,255,255,.19)
}
.coolp {
    color: #3b3059;
    line-height: 1.6
}
.title-last-ready {
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px;
    line-height: 1.4
}
.block-for-readywork {
    background: rgba(237,237,237,0);
    flex-direction: column;
    gap: 15px;
    overflow-y: auto;
    padding: 0;
    width: 100%;
    margin: auto auto 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,auto))
}
.section-readtwork .block-for-readywork {
    max-height: 100%;
    width: 100%;
    margin: auto auto 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,auto));
    /* padding: 15px; */
}
.section-readtwork .ready-work-info {
    position: sticky;
    top: 185px
}
.section-readtwork .news-svoya-rotator {
    top: 185px;
    position: sticky
}
.restart-filter {
    top: 185px;
    position: sticky;
    gap: 10px;
    display: flex;
    flex-direction: column
}
.restart-filter .filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px
}
#activeDirectionName {
    display: flex;
    flex-wrap: wrap;
    transition: .3s linear;
    gap: 10px;
    transform: translateX(0);
    align-items: center;
    margin-bottom: 20px
}
#activeDirectionName a {
    border-bottom: 2px solid #7755d4;
    color: var(--main-color)
}
#activeDirectionName:hover a>img {
    transition: .3s linear;
    transform: translateX(10px)
}
.disc-arrow {
    width: 33px;
    height: 33px;
    background: #fff;
    box-shadow: rgba(188,192,206,.45) 0 7px 11px;
    padding: 7px;
    transition: .2s linear;
    border-radius: 300px;
    transform: translateX(0)
}
.restart-filter .filter-clear {
    position: sticky;
    line-height: 1;
    background: rgba(244,67,54,0);
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    transition: .2s linear;
    padding: 15px 30px;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex;
    border-radius: 15px;
    font-weight: 600;
    color: var(--main-color);
    font-size: clamp(1rem,.941318rem + .257235vw,1.15rem);
    border: 1px solid #7755d4
}
.block-for-readywork .gotovie-block {
    display: flex;
    border: 1px solid #eceef0;
    gap: 10px;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    align-items: start;
    flex-direction: column;
    background: #fff;
    transition: .2s linear;
}
.block-for-readywork .gotovie-block:hover {
    background: #fff;
    box-shadow: #dedede 1px 1px 30px;
    transform: scale(1);
    transition: .2s linear;
    border: 1px solid #fff
}
.block-for-readywork .gotovie-block:hover .name {
    color: var(--main-color)
}
.block-for-readywork .gotovie-block:hover img {
    filter: brightness(123)
}
.block-for-readywork .gotovie-block:hover .button {
    background: linear-gradient(54deg,#5d5bd0 0,#8d5aff 100%)
}
.block-for-readywork .gotovie-block .button {
    width: 45px;
    transform: translateX(0);
    height: 45px;
    background: #fff;
    box-shadow: rgba(188,192,206,.45) 0 7px 11px;
    padding: 10px;
    transition: .2s linear;
    border-radius: 300px;
}
.block-for-readywork .gotovie-block img {
    transform: translateX(0);
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.block-for-readywork .gotovie-block .name {
    font-weight: 600;
    color: #3b3059;
    line-height: 1.12;
    font-size: clamp(1.0625rem,1.03316rem + .228617vw,1.2875rem);
    transition: .2s linear
}
.block-for-readywork .gotovie-block .name p {
    font-size: 12px;
    font-weight: 600;
    margin-top: 7px;
    color: #636d83a6;
}
.block-for-readywork .gotovie-block .price {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex: 1;
    align-items: end;
}
.block-for-readywork .types-container {
    display: flex;
    margin-top: 10px;
    gap: 5px;
    font-size: 15px;
    flex-wrap: wrap;
    align-items: center;
}
.block-for-readywork .price-container small {
    color: #787ab9;
    font-size: 12px
}
.block-for-readywork .types-container .type {
    background: #ffe558;
    padding: 4px 11px;
    border-radius: clamp(5px,1.5vw,10px);
    color: rgb(70 53 19 / 71%);
    font-weight: 700;
    font-size: 12px;
    transition: .2s linear;
    line-height: 1;
}
.block-for-readywork .types-container .predmet {
    background: #f5f6fe;
    padding: 4px 11px;
    border-radius: clamp(10px,1.5vw,10px);
    color: rgb(59 48 89 / 70%);
    font-weight: 600;
    font-size: 13px;
    transition: .2s linear;
    line-height: 1;
}
.block-for-readywork .gotovie-block .price .price-container {
    display: flex;
    gap: clamp(5px,.5vw,10px);
    margin-top: 4px;
    align-items: end;
}
.block-for-readywork .gotovie-block .price .price-new {
    font-weight: 600;
    font-size: clamp(1.675rem,1.5283rem + .643087vw,1.8rem);
    line-height: 1;
    letter-spacing: -.04em;
    color: #727991;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}
.block-for-readywork .gotovie-block .price .price-old {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}
.block-for-readywork .gotovie-block .price .price-old .mini {
    font-size: 11px;
    letter-spacing: -.02em;
    color: #fff;
    text-decoration: line-through;
    margin-bottom: 0;
    text-decoration-color: #ffffffc2;
    letter-spacing: .4px;
}
.consult-block {
    background: #edeffb;
    padding: clamp(15px,1.5vw,30px);
    border-radius: clamp(15px,1.5vw,30px);
    position: sticky;
    top: 190px
}
.consult-block h3 {
    margin-bottom: 15px;
    font-size: clamp(1.375rem,1.11442rem + 2.20256vw,2.0375rem)
}
.contact-mini {
    width: 100%;
    border-radius: 25px;
    padding: 20px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    background: #fff
}
.contact-mini .top {
    display: flex;
    align-items: center;
    gap: 15px
}
.contact-mini .top .pic {
    width: 50px;
    height: 50px;
    border-radius: 300px;
    overflow: hidden
}
.contact-mini .bot a {
    padding: 10px 20px;
    overflow: hidden;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    font-size: clamp(.9125rem,1.35382rem + .257235vw,1.0625rem);
    transition: .2s linear;
    cursor: pointer;
    border-radius: clamp(5px,1.5vw,15px);
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    font-weight: 600;
    width: 100%;
    display: flex;
    background: #ffe871;
    line-height: 1;
    color: #6d5304
}
.contact-mini .bot a img {
    width: clamp(20px,2.5vw,25px);
    filter: invert(37%) sepia(11%) saturate(2074%) hue-rotate(11deg) brightness(96%) contrast(97%);
}
.contact-mini .title {
    font-weight: 600;
    font-size: 21px;
    line-height: 1.1;
    margin-bottom: 5px
}
.contact-mini .text {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    color: #3b30599c;
    color: rgba(58, 80, 114, .7);
}
.contact-mini .middle {
    display: flex;
    gap: 5px
}
.contact-mini .middle .social {
    width: 50px
}
.contact-mini .talk {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #3e4656bf;
}
.modal-order label {
    position: relative
}
.form-section__label span {
    font-size: 29px;
    line-height: 1;
    position: absolute
}
.vacancy-data {
    position: relative
}
.open-modal-btn {
    padding: 12px 20px;
    background-color: #2196f3;
    color: #fff;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px
}
.modal-overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(57,57,57,.82);
    padding: clamp(5px,1.5vw,30px);
    display: flex;
    justify-content: center;
    align-items: center;
    overscroll-behavior: none;
    margin: 0 auto
}
.modal-order {
    background: #f4f5fc;
    padding: clamp(15px,2.5vw,40px);
    max-width: 680px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-sizing: border-box;
    overscroll-behavior: none;
    border-radius: clamp(15px,2.5vw,30px);
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 50px;
    background: 0 0;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    cursor: pointer;
    color: #3b3059;
    line-height: 1;
    font-weight: 200;
}
.modal-order input:not([type=radio]) {
    padding: 8px 15px;
    margin: 0;
    border-radius: 10px;
    font-size: 15px;
    outline: #cfd7ed solid 1px;
    background: #fff;
    height: clamp(20px,1.5vw,30px);
    font-weight: 600;
    color: #525c77;
    transition: .2s linear
}
.modal-order input:focus,.modal-order input:hover {
    cursor: pointer;
    transition: .2s linear;
    background: #e9e7e7;
    box-shadow: none;
    outline: #000 solid 1px
}
.modal-order select {
    width: 100%;
    padding: 8px 35px 8px 15px;
    border: 1px solid #fbfbfb;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background-color: #f5f4f4;
    height: 40px;
    font-weight: 600;
    color: #525c77;
    transition: .2s linear;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23525c77' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px
}
.modal-order select:focus,.modal-order select:hover {
    cursor: pointer;
    outline: #6c63ff solid 1px;
}
.modal-order textarea:focus,.modal-order textarea:hover {
    cursor: pointer;
    transition: .2s linear;
    outline: #6c63ff solid 1px;
}
.modal-order select {
    width: 100%;
    padding: 8px 15px;
    margin: 0 0 5px;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: rgba(247,247,247,.53);
    height: 40px;
    font-weight: 600;
    color: #525c77;
    transition: .2s linear
}
.modal-order textarea {
    width: 100%;
    padding: 8px 15px;
    margin: 0 0 5px;
    border: 1px solid #cfd7ed;
    font-size: 15px;
    outline: 0;
    background: #fff;
    height: 70px;
    line-height: 1;
    font-weight: 600;
    color: #525c77;
    transition: .2s linear;
    box-shadow: none;
    border-radius: 0;
    border-radius: 10px;
}
.modal-order h3 {
    font-size: clamp(1.475rem,1.11442rem + 2.60256vw,2.3375rem);
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600
}
.modal-order label {
    color: #63687b;
    position: relative;
    font-weight: 600;
    margin-bottom: 2px;
    display: inline-block;
    font-size: clamp(.75rem,.720659rem + .228617vw,.855rem)
}
.modal-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 15px;
    padding-right: 15px;
    margin-bottom: 9px;
}
#files_service {
    margin-top: 10px
}
.modal-order .form-section__row {
    display: flex;
    flex-direction: column;
    color: #4b5062;
    font-weight: 600;
    margin-bottom: 7px;
}
.final-info-form {
    background: #f4f5fc;
    padding: 0;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.final-info-form .star {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    color: #3b3059;
    font-weight: 600
}
.final-info-form button {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    cursor: pointer;
    padding: 20px 32px;
    font-size: clamp(1rem,.95rem + .3vw,1.2rem);
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    background: linear-gradient(#fee32b 0, #ffe871 45%, #ffd93d 100%);
    border-radius: 15px;
    transition: transform .25s,box-shadow .25s,filter .25s;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
}
.final-info-form button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
    transform: skewX(-20deg);
    transition: .8s
}
.final-info-form button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none
}
.final-info-form button:hover {
    transform: translateY(-3px);
    filter: brightness(1.03);
}
.final-info-form button:hover::before {
    left: 150%
}
.final-info-form button:active {
    transform: translateY(0);
    box-shadow: rgba(255,217,61,.25) 0 6px 12px,rgba(0,0,0,.08) 0 2px 5px
}
.final-info-form button:disabled {
    opacity: .7;
    cursor: not-allowed;
    transform: none
}
.final-info-form button i {
    font-size: 18px;
    transition: transform .25s
}
.final-info-form button:hover i {
    transform: translateX(3px)
}
.final-info-form button img {
    width: clamp(20px,3.5vw,25px);
    height: clamp(20px,3.5vw,25px);
    filter: brightness(200.5);
}
.final-info-before-send .item .title {
    font-size: 12px;
    font-weight: 700;
    color: #3b3059;
    margin-bottom: 4px
}
.final-info-before-send .item {
    margin-bottom: 5px
}
.final-info-before-send .item .value {
    font-size: 14px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    color: #3b3059;
    font-weight: 500
}
.final-info-form .bottom-place {
    padding-top: 10px
}
.navigation-container {
    display: flex;
    gap: 5px;
    padding: 0;
    border-radius: 0 0 10px 10px;
    z-index: 113;
    background: #fff;
    margin: 0 auto;
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #f7f7f7 #fff
}
.navigation-container.service-navigation {
    top: 167px;
    position: sticky;
    padding-top: 10px
}
.nav-title {
    font-weight: 700;
    color: #3b3059;
    font-size: clamp(1.1875rem,1.15673rem + 1.02564vw,1.4875rem);
    line-height: 1;
    letter-spacing: -.04em
}
.grid-containersa {
    display: flex;
    gap: 10px;
    margin-top: 0;
    overflow-x: auto;
    max-width: 1920px;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #7929e5 #f7f7f7;
    padding-bottom: 10px;
    padding-left: 10px
}
.grid-itemsc {
    display: flex;
    align-items: center;
    transition: .2s linear;
    text-align: center;
    margin-bottom: 0;
    min-width: max-content;
    background: rgba(216,223,244,.31);
    cursor: pointer;
    font-size: clamp(1rem,.971154rem + .128205vw,1.025rem);
    padding: clamp(5px,1vw,5px) clamp(10px,1.5vw,10px);
    color: #3b3059;
    border-radius: 10px;
    font-weight: 600;
    gap: 10px;
    width: max-content
}
.scroll-hor-container .grid-itemsc {
    background: #edeffb;
    padding: clamp(10px,1.5vw,16px) clamp(15px,1.5vw,15px);
    align-items: center;
    border-radius: clamp(5px,1.5vw,15px);
    display: flex;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    justify-content: space-between;
    font-size: clamp(.7rem,.755989rem + .392926vw,1.1875rem);
    min-width: max-content;
    flex-direction: row;
    color: #3b3059;
    gap: 7px;
    position: relative;
    width: 100%;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    z-index: 1;
    transform: scale(1);
    text-decoration: none
}
.scroll-hor-container .grid-itemsc.active {
    background: var(--main-color);
    color: #fff!important
}
.scroll-hor-container .grid-itemsc:hover {
    background: var(--main-color);
    color: #fff;
    transform: scale(1.04)
}
.price-table-wrapper {
    overflow-x: auto;
    width: 100%
}
.table-header,.table-row {
    display: flex;
    width: 100%;
    gap: 5px
}
.price-new {
    font-size: 22px;
    font-weight: 700;
    margin: 0
}
.price-old {
    display: flex;
    align-items: baseline;
    gap: 2px;
    font-size: 14px;
    color: #fff;
    left: 0
}
.price-old .mini {
    text-decoration: line-through
}
.filter-ready-works {
    grid-template-columns: repeat(auto-fit,minmax(330px,1fr));
    border: 1px solid #fff;
    display: flex;
    list-style: none;
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 400;
    z-index: 4;
    gap: 0;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #c1c3c9 #ecedf0;
    padding: clamp(15px,2.5vw,30px);
    background: #f5f6fe;
    border-radius: clamp(15px,1.5vw,20px);
    flex-direction: column
}
.filter-ready-works .filter-item {
    margin-bottom: 5px;
    width: 100%;
    flex: 1 1 0%;
    overflow: hidden;
    position: relative
}
.filter-ready-works .filter-item input {
    width: 100%;
    margin: 0;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: rgba(255,255,255,.79);
    height: 45px;
    font-weight: 500;
    transition: .2s linear;
    color: #3b3059;
    padding: 15px;
}
.filter-ready-works .filter-item input::placeholder {
    font-size: 15px;
    color: #738197b5;
    transition: .2s linear
}
.filter-ready-works .filter-item select::placeholder {
    font-size: 15px;
    color: #3b3059;
    transition: .2s linear
}
.filter-ready-works .filter-item select {
    width: 100%;
    margin: 0;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: rgba(255,255,255,.79);
    height: 40px;
    font-weight: 600;
    transition: .2s linear;
    color: #3b3059
}
.filter-ready-works .filter-item label {
    font-weight: 600;
    color: #4b5062;
    position: relative;
    font-weight: 600;
    margin-bottom: 3px;
    display: inline-block;
    font-size: clamp(.71rem, .700659rem + .228617vw, .755rem);
    letter-spacing: .3px;
}
.filter-ready-works button {
    overflow: hidden;
    line-height: 1;
    border: 1px solid #825af4;
    margin: 10px 0 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    transition: .2s linear;
    padding: 15px 30px;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex;
    border-radius: 15px;
    font-weight: 600;
    color: #fff;
    font-size: clamp(1rem,.941318rem + .257235vw,1.15rem);
    background: linear-gradient(54deg,#5d5bd0 0,#8d5aff 100%)
}
.select2 button {
    width: 20px;
    background: 0 0;
    color: #000;
    height: 20px;
    padding: 0;
    margin-top: 0
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: 3px;
    left: initial;
    border-radius: 30px;
    display: flex;
    align-items: center;
    height: 19px;
    width: 19px;
    justify-content: center;
    line-height: 1;
    background: rgba(255,255,255,0);
    color: #7755d4;
    top: 3px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    gap: 7px;
    display: flex;
    flex-wrap: wrap
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
    background: #f4f5fc;
    padding: 2px 28px 2px 9px;
    border-radius: 20px
}
.select2 button span {
    font-size: 20px;
    font-weight: 400
}
.vacancy-section .seo-block {
    background: #fff;
    padding: clamp(15px,1.5vw,30px);
    border-radius: clamp(10px,1.5vw,20px)
}.vacancy-section .seo-block .row{
   margin-bottom:30px;
}
.vacancy-section .seo-block ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--main-color);
    background: #fff
}
.vacancy-section .seo-block ul::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 15px;
    border-radius: 50%;
    background: var(--main-color);
    height: 100%;
    width: 2px
}
.vacancy-section .seo-block ul li {
    list-style: none;
    margin-top: 15px;
    align-items: flex-start;
    padding-left: 25px;
    position: relative;
    font-size: clamp(.9375rem,.908159rem + .128617vw,1.0625rem);
    color: rgba(59,48,89,.79);
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.3px
}
.vacancy-section .seo-block h2 {
    font-size: clamp(1.5625rem,1.34244rem + 1.76463vw,2.4rem)
}
.vacancy-section .seo-block h3 {
    font-size: clamp(1.1875rem,1.09948rem + .385852vw,1.3625rem)
}
.vacancy-img {
    border-radius: 20px 250px 20px 20px;
    overflow: hidden
}
.violet-section {
    background: var(--main-color);
    padding: clamp(15px,3.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px)
}
.row {
    padding: 0;
    margin-right: 0;
    margin-left: 0
}
.category-image {
    width: 30px
}
.welcome-contacts a {
    font-weight: 500;
    transition: .2s linear;
    display: flex;
    gap: 5px;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9925rem);
    color: #738197
}
.welcome-contacts a:hover {
    color: var(--main-color)
}
.contact-container img {
    width: clamp(20px,3.5vw,22px);
    height: clamp(20px,3.5vw,22px);
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.welcome-contacts p {
    margin-bottom: 5px
}
.contact-container .item {
    font-weight: 500;
    padding-left: 0;
    margin-bottom: 8px;
    transition: .2s linear;
    display: flex;
    gap: 5px;
    letter-spacing: -.3px;
    color: #738197;
    align-items: start;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9625rem);
    line-height: 1.4
}
.welcome-contact-banner {
    padding: clamp(20px,2.5vw,40px);
    background: #eff0fa;
    border-radius: clamp(15px,1.5vw,20px);
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    position: relative;
    overflow: hidden;
    display: flex;
    height: 100%;
    gap: 15px;
    flex-direction: column;
    justify-content: space-between
}
.block-costum {
    background: #fff;
    padding: clamp(15px,2.5vw,50px);
    height: 100%;
    border-radius: clamp(15px,1.5vw,20px);
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    position: relative;
    overflow: hidden
}
.pdf-link {
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    color: #fff;
    font-size: 38px;
    display: flex;
    gap: 0;
    font-weight: 600;
    flex-direction: column;
    border-bottom: 0;
    text-align: center;
    background: linear-gradient(229deg,#513c92 0,#7755d4 100%)
}
.pdf-link a {
    color: #fff;
    display: flex;
    flex-direction: column
}
.pdf-link:hover {
    color: #fff
}
.pdf-link i {
    transition: .3s linear
}
.pdf-link:hover i {
    transition: .3s linear;
    transform: scale(1.2)
}
.welcome-contact-banner .text {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}
.disciplines-item {
    display: grid;
    border: 1px solid #f7f7f7;
    grid-template-columns: auto 40px;
    gap: 10px;
    padding: 15px 25px;
    border-radius: 20px;
    background: #fff;
    align-items: start;
    font-size: clamp(.9375rem,.878818rem + .257235vw,1.1875rem);
    font-weight: 700;
    color: #3b3059;
    line-height: 1.2;
    height: 100%;
    justify-content: space-between
}
#disciplines-list {
    gap: 15px;
    max-height: 550px;
    overflow-y: auto;
    margin-top: 20px;
    padding-right: 15px
}
.disciplines-item:hover {
    background: #fff;
    border: 1px solid #e0e5fb
}
.disciplines-item .button {
    width: 39px;
    transform: translateX(0);
    height: 39px;
    background: #fff;
    box-shadow: rgba(188,192,206,.45) 0 7px 11px;
    padding: 10px;
    transition: .2s linear;
    border-radius: 300px
}
.disciplines-item:hover .button {
    background: var(--main-color)
}
.disciplines-item .button img {
    transform: translateX(0);
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.disciplines-item:hover img {
    filter: brightness(123)
}
.university-item {
    display: grid;
    grid-template-columns: auto 45px;
    gap: 25px;
    border: 1px solid #f7f7f7;
    padding: clamp(15px,1.5vw,30px);
    border-radius: clamp(15px,1.5vw,30px);
    align-items: start;
    font-size: 19px;
    font-weight: 700;
    color: #3b3059;
    line-height: 1.3;
    position: relative;
    height: 100%;
    background: #f5f6fe;
    text-decoration: none;
    transition: .2s linear
}
.university-item svg {
    position: absolute;
    top: -1px;
    right: 0;
    width: 100px;
    transform: scale(1,-1)
}
.university-item .content .descr {
    font-size: 15px;
    font-weight: 500;
    color: rgba(59,48,89,.78);
    line-height: 1.4
}
.university-item .content {
    display: flex;
    height: 100%;
    flex-direction: column
}
.university-item .content .title {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
    flex: 1 1 0%
}
.university-item .button {
    width: 45px;
    transform: translateX(0);
    height: 45px;
    background: #f5f6fe;
    box-shadow: rgba(188,192,206,.45) 0 7px 11px;
    padding: 10px;
    transition: .2s linear;
    border-radius: 300px
}
.university-item .button img {
    transform: translateX(0);
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.university-item:hover .button {
    background: var(--main-color)
}
.university-item:hover {
    background: var(--main-color);
    color: #fff
}
.university-item:hover .first-letter {
    text-shadow: #7755d4 0 2px 2px,rgba(61,0,92,.15) 0 -2px 2px,#8561ea 0 4px 4px;
    transition: .2s linear
}
.university-item:hover .button img {
    filter: brightness(123)
}
.university-item:hover .content .descr {
    color: #fff
}
.similar-dop {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    gap: 15px
}
.similar-dop .dop-vuzes {
    display: flex;
    font-size: 21px;
    font-weight: 600;
    background: #edeffb;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    height: 100%;
    color: #3b3059;
    gap: 15px;
    position: relative;
    line-height: 1.2;
    flex-direction: column
}
.similar-dop .dop-vuzes:hover img {
    transform: translateX(10px);
    transition: .2s linear
}
.similar-dop .top-block {
    display: flex;
    gap: 15px;
    width: 50px;
    height: 50px
}
.similar-dop .top-block img {
    width: 45px;
    transform: translateX(0);
    height: 45px;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    box-shadow: rgba(188,192,206,.45) 0 7px 11px;
    padding: 10px;
    transition: .2s linear;
    border-radius: 300px
}
.similar-univer {
    border-radius: clamp(15px,1.5vw,20px) 160px clamp(15px,1.5vw,20px) clamp(15px,1.5vw,20px);
    padding: clamp(15px,2.5vw,30px) 120px clamp(15px,2.5vw,30px) clamp(15px,2.5vw,30px);
    font-weight: 700;
    position: relative;
    transform: scale(1);
    transition: .2s linear;
    background: #f5f6fe;
    min-width: 370px;
    cursor: pointer;
    --corner: clamp(15px, 2.5vw, 30px);
    min-height: 200px
}
.similar-univer img {
    width: 110px;
    height: 110px;
    border-radius: 300px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    border: 10px solid #f5f6fe
}
.grid-3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
    margin-bottom: 5px;
}
.grid-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
    margin-bottom: 5px;
    justify-content: end;
}
.grid-2-notform {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px
}
.form-section__row label {
    color: #4b5062d6;
    position: relative;
    font-weight: 600;
    margin-bottom: 2px;
    display: inline-block;
    font-size: clamp(.71rem,.700659rem + .228617vw,.755rem);
    letter-spacing: .5px;
}
.form-section__row select {
    width: 100%;
    padding: 8px 35px 8px 15px;
    margin: 0 0 5px;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: url("data:image/svg+xml;utf8,<svg fill='%23525c77' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") right 10px center/16px no-repeat #fff;
    height: 45px;
    font-weight: 600;
    color: #525c77;
    transition: .2s linear;
    appearance: none
}
.list-files li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    padding: 6px 15px;
    margin-bottom: 4px
}
.list-files li .del {
    position: absolute;
    right: 15px;
    top: 3px;
    background: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    z-index: 1;
    cursor: pointer
}
.dropArea {
    position: relative
}
.dropArea .drag.form-control {
    height: 90px;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 0;
    font-size: 13px;
    font-weight: 600;
    border: 2px dashed rgba(0,0,0,.39);
    margin-bottom: 5px;
    cursor: pointer
}
.dropArea .del {
    cursor: pointer
}
.form-section__row .dropArea input:not([type=radio]) {
    padding: 9px 15px;
    margin: 0 0 5px;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: #fff;
    height: 50px;
    font-weight: 600;
    color: #525c77;
    transition: .2s linear;
    box-shadow: rgba(78,78,78,.08) 0 16px 24px;
    z-index: 1;
    position: relative
}
.form-section__row input:not([type=radio]) {
    padding: 9px 15px;
    margin: 0;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: #fff;
    height: 45px;
    font-weight: 500;
    color: #525c77;
    transition: .2s linear;
    box-shadow: rgba(78,78,78,.08) 0 16px 24px
}
.form-section__row input:not([type=radio]):focus {
    outline: #6c63ff solid 1px
}
#money_author input:not([type=radio]) {
    height: clamp(25px,1.5vw,30px);
    width: clamp(25px,1.5vw,30px);
    flex-shrink: 0
}
.uploadBox {
    text-align: center
}
.range-wrapper {
    margin-top: 20px;
    position: relative
}
.result {
    height: 100%;
    width: 100%;
    background: #ededf3;
    padding: clamp(15px,2.5vw,30px);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: clamp(15px,1.5vw,20px)
}
.range-label {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 14px;
    color: #63687b;
    position: relative;
    font-weight: 600
}
.range-container {
    position: relative;
    width: 100%
}
.range-container input {
    height: 7px;
    padding: 0;
    background: #683ed6;
    outline: 0;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    box-shadow: none
}
.custom-range {
    appearance: none;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right,#4e73df 0,#4e73df 50%,#d3d3d3 50%,#d3d3d3 100%);
    border-radius: 5px;
    outline: 0;
    transition: background .3s ease-in-out;
    margin-top: 10px
}
.custom-range::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    background: #4e73df;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
    box-shadow: rgba(0,0,0,.2) 0 0 5px
}
.range-value {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: #4e73df;
    color: #fff;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    white-space: nowrap;
    transition: left .2s ease-in-out;
    pointer-events: none
}
.table-custom {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-radius: 20px
}
.table-custom .table-custom__header th {
    font-size: clamp(1rem,.926648rem + .321543vw,1.3125rem);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    color: #3b3059;
    font-weight: 700
}
.table-custom .table-custom__header th:nth-child(4) {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none
}
.table-custom td ul {
    display: flex;
    gap: 10px;
    justify-content: start;
    flex-direction: row;
    text-transform: lowercase
}
.table-custom__row--light {
    background-color: #fff
}
.table-custom__row--dark {
    background-color: #f5f6fe
}
.table-custom__urgent-text {
    color: #7e8a9e;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 13px;
    width: max-content;
    display: flex;
    gap: 5px;
    border: 1px solid #b2bdcd;
    margin-top: 4px
}
.table-custom__urgent-text:hover {
    color: #fff;
    font-weight: 600;
    background: #6940d8
}
.table-custom__urgent-text:hover img {
    filter: brightness(37.5)
}
.table-custom {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse
}
.table-custom tbody tr:hover {
    background-color: #e4eafc
}
.table-custom td,.table-custom th {
    overflow-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(119,85,212,0) #ecedf0 rgba(119,85,212,0) rgba(119,85,212,0);
    border-image: none;
    vertical-align: middle;
    padding: 15px;
    text-align: left;
    font-weight: 500;
    color: #3b3059;
    min-width: 220px;
    font-size: 14px;
}
.table-custom td:last-child,.table-custom th:last-child {
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor
}
.table-custom td:first-child,.table-custom th:first-child {
    min-width: 50px;
    width: 50px;
    white-space: nowrap
}
.table-custom__header {
    background-color: #e4eafc;
    color: #fff;
    --bs-table-border-color: #f5f5f600
}
.table-custom__urgent {
    background-color: #f7f7f7
}
.table-custom__link {
    color: inherit;
    text-decoration: none;
    display: flex;
    gap: 8px
}
.table-custom__link {
    color: inherit;
    text-decoration: none;
    display: flex;
    gap: 8px
}
.table-custom__link:hover {
    text-decoration: underline
}
.table-custom__btn {
    white-space: nowrap
}
.hideinmobile {
    align-items: center;
    font-weight: 600;
    color: #738197;
    gap: 5px;
    transition: .2s linear;
    display: flex!important
}
.showinmobile {
    display: none
}
.vertical-nav {
    position: fixed;
    top: 50%;
    right: clamp(5px,1.5vw,20px);
    transform: translateY(-50%);
    z-index: 999
}
.vertical-nav-list {
    list-style: none;
    margin: 0;
    padding: 0
}
.vertical-nav-list li {
    margin: 10px 0
}
.vertical-nav-list a {
    display: block;
    width: 4px;
    height: 10px;
    background-color: rgba(59,48,89,.22);
    border-radius: 5px;
    transition: background-color .3s,transform .3s;
    position: relative
}
section[id] {
    scroll-margin-top: 180px
}
.vertical-nav-list a.active,.vertical-nav-list a:hover {
    background-color: var(--main-color);
    transform: scale(1.2)
}
.vertical-nav-list a::after {
    content: attr(title);
    position: absolute;
    right: clamp(10px,1.5vw,20px);
    top: 50%;
    transform: translateY(-50%);
    background: #715be3;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 104px 0 104px 104px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s
}
.vertical-nav-list a.clicked::after,.vertical-nav-list a:hover::after {
    opacity: 1
}
.review-label {
    margin-bottom: 0;
    display: block;
    position: relative;
    width: clamp(50%,31.5vw,270px)
}
footer {
    margin-bottom: 20px
}
.buttons-container {
    display: flex;
    position: relative;
    align-items: start;
    flex-wrap: nowrap;
    gap: 10px;
    width: max-content;
    padding: 10px;
    border-radius: 25px
}
.buttons-container .discount-badge {
    position: absolute;
    width: 30px;
    z-index: 12;
    right: 0;
    top: -5px
}
.text.variate-position-bs {
    display: none
}
@keyframes move {
    100% {
        transform: translate3d(0,0,1px) rotate(360deg)
    }
}
.start-section-service.quick-section .auto-title {
    color: #3b3059
}
.start-section-service.quick-section {
    background: #ffe871;
    border-bottom-right-radius: clamp(15px,3.5vw,50px)
}
.start-section-service.quick-section .uslovia {
    display: grid;
    grid-template-columns: 270px 270px;
    gap: 30px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px
}
.start-section-service.quick-section .uslovia li {
    padding-left: 20px;
    border-left: 2px solid #3b3059;
    color: #3b3059
}
.start-section-service.quick-section .place-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px
}
.start-section-service.quick-section .place-layout .fishki>:last-child:nth-child(2n+1) {
    grid-column: span 2;
    background: #fff
}
.start-section-service.quick-section .letter-place {
    z-index: -1;
    font-size: clamp(9.375rem,1.30627rem + 24.3698vw,10.75rem);
    align-items: center;
    justify-content: center;
    position: absolute;
    background: rgba(255,255,255,0);
    font-weight: 900;
    transition: .2s linear;
    bottom: 0;
    color: transparent;
    line-height: 1;
    opacity: .6;
    left: 0;
    top: 0;
    text-shadow: #7755d4 0 2px 2px,rgba(92,0,0,.15) 0 -2px 2px,#8f66ff 0 4px 4px;
    transform: rotate(345deg)
}
.start-section-service.quick-section .text {
    color: #3b3059
}
.start-section-service.quick-section .service-call-button {
    overflow: hidden;
    line-height: 1;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #3b3059;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .5s;
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    align-items: center;
    gap: 3px;
    text-align: center;
    justify-content: center;
    font-weight: 400;
    flex-direction: column;
    box-shadow: rgba(212,194,101,.56) 0 20px 40px 0;
    border: 2px solid #ffe871;
    background: #ffe871
}
.start-section-service.quick-section .service-call-button span {
    color: #72612c
}
.start-section-service .service-call-button img {
    width: clamp(20px,3.5vw,25px);
    height: clamp(20px,3.5vw,25px)
}
.grid-container.quick .usluga-block .button {
    background: #7755d4
}
.grid-container.quick .usluga-block:hover .service-item-img {
    filter: invert(36%) sepia(63%) saturate(1958%) hue-rotate(235deg) brightness(86%) contrast(92%)
}
.grid-container.quick .usluga-block .price-container .price-new {
    color: #727991
}
.grid-container.quick .usluga-block .price-container .price-old .text {
    color: #738197
}
.text {
    width: 100%;
    font-size: clamp(.8875rem,.749477rem + .685852vw,1.1425rem);
    margin-bottom: 0;
    text-wrap: pretty;
    z-index: 1;
    position: relative;
    color: #3b3059;
    font-weight: 500
}
blockquote {
    position: relative;
    padding: clamp(25px,2.5vw,30px);
    margin: 20px 0;
    background: rgba(119,85,212,.03);
    border-radius: 8px;
    font-style: italic;
    font-weight: 500;
    font-size: clamp(.9375rem,.908159rem + .328617vw,1.2625rem);
    color: #908ba1
}
blockquote::before {
    content: "''";
    font-size: 140px;
    color: #d5d7de;
    position: absolute;
    left: 15px;
    top: -30px;
    line-height: 1
}
blockquote p {
    margin: 0 0 0 25px
}
.custom-select {
    font-size: 15px;
    outline: 0;
    padding: 13px 60px 13px 25px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #dde0eb;
    margin: 0;
    color: #7a85a7;
    background: #fff;
    font-weight: 600;
    position: relative
}
.copywright {
    font-size: 12px;
    color: #7b87a6;
    margin-bottom: 0;
    padding: 0;
    font-weight: 600;
    text-align: center;
    margin-top: 10px
}
.select2-container--default .select2-selection--multiple {
    cursor: text;
    position: relative;
    width: 100%;
    padding: 8px 35px 8px 15px;
    margin: 0 0 5px;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: #fff;
    font-weight: 600;
    color: #525c77;
    overflow-y: auto;
    max-height: 65px;
    height: auto
}
.service-block_date {
    position: relative;
    border-radius: 15px;
    padding: 9px 15px;
    font-size: 13px;
    font-weight: 600;
    background: linear-gradient(45deg,#ffd657,#ffebad);
    margin-bottom: 15px;
    display: inline-block;
    margin-top: 10px
}
.faq-consult-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #edeffb;
    border-radius: 20px;
    padding: clamp(15px,2.5vw,30px);
}.faq-consult-side p{
   font-size: 14px;
   color: #3b3059ab;
   line-height: 1.4;
   font-weight: 600;
   letter-spacing: -.3px;
}
.faq-consult-side .contact-mini {
    width: 100%;
    padding: 20px 0 30px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    background: #edeffb;
    border-top: 1px solid #dedede;
    border-radius: 0
}
.faq-consult-side .contact-mini small {
    font-weight: 600;
    color: #a093c2;
    font-size: 13px;
    color: rgba(58, 80, 114, .7);
}
.faq-consult-side .contact-mini .telephone-faq {
    font-size: 23px;
    font-weight: 500;
}
.faq-consult-side h3 {
    font-size: clamp(1.275rem,1.31442rem + 2.00256vw,2.0375rem);
    margin-bottom: 15px;
}
.typing-dots {
    font-weight: 700;
    color: #888;
    user-select: none
}
.message.assistant:hover .copy-btn-wrapper {
    display: flex!important
}
.btn-order {
    padding: 9px 10px;
    display: block;
    text-align: center;
    background: var(--main-color);
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #7755d4;
    margin-top: 5px;
    transform: translateY(0);
    transition: .2s linear
}
.btn-order:hover {
    color: #fff;
    transform: translateY(-4px);
    transition: .2s linear
}
.btn-order-q {
    padding: 9px 10px;
    display: block;
    text-align: center;
    background: #e11;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e11;
    margin-top: 5px;
    transform: translateY(0);
    transition: .2s linear;
    font-family: "Proxima Nova Bold"
}
.btn-order-q:hover {
    color: #fff;
    transform: translateY(-4px);
    transition: .2s linear
}
#chat::-webkit-scrollbar {
    width: 10px
}
#chat::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px
}
#chat::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px
}
#chat::-webkit-scrollbar-thumb:hover {
    background: #555
}
#chat {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1
}
#chat {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 7px 7px clamp(90px,19.5vw,110px);
    border-radius: 8px;
    flex-basis: auto;
    height: clamp(255px,28.5vw,260px);
    overflow-y: auto;
    margin: 0 auto
}
.message {
    display: flex;
    flex-direction: column;
    margin: .5rem 0;
    padding: 0;
    border-radius: 8px;
    max-width: 98%;
    position: relative;
    white-space: normal;
    height: auto;
    line-height: 1
}
.user p {
    margin: 0
}
.copy-btn {
    background: #fff;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 5px;
    line-height: 0;
    cursor: pointer;
    z-index: 1;
    border-radius: 6px;
    box-shadow: rgba(146,146,146,.66) 2px 5px 20px
}
.copy-btn img {
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    width: clamp(17px,2.5vw,17px);
    height: clamp(17px,2.5vw,17px);
    opacity: .7
}
textarea {
    width: 100%;
    resize: none;
    font-weight: 600;
    color: #505a6d;
    outline: 0;
    background: 0 0;
    border: 1px solid #dedede;
    padding: 10px 70px 10px 20px;
    font-size: 14px;
    border-radius: 315px;
    box-shadow: rgba(132,132,132,.19) 1px 1px 74px;
    height: 60px
}
.input-wrapper {
    align-items: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    max-height: 200px;
    box-sizing: border-box;
    padding: 0;
    font-weight: 500;
    color: #505a6d;
    outline: 0;
    min-height: 90px
}
button#send {
    padding: 10px;
    cursor: pointer;
    color: #fff;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 315px;
    width: 46px;
    height: 46px;
    display: flex;
    background: linear-gradient(135deg,#6366f1,#8b5cf6);
    transition: .2s linear;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: clamp(10px,1.5vw,10px)
}
button#send img {
    width: 32px;
    height: 32px;
    line-height: 1;
    transition: .2s linear;
    filter: brightness(1244)
}
button#send:hover {
    transition: .2s linear;
    background-color: var(--main-color)
}
.termin-with-ai {
    display: flex;
    margin-top: 30px;
    gap: 5px;
    flex-wrap: wrap;
    background: #edf4fb;
    padding: 15px;
    border-radius: 10px
}
.termin-with-ai h4 {
    color: #4b7aa6;
    margin: 0 0 20px;
    font-size: 14px
}
button#send:hover img {
    transition: .2s linear;
    filter: brightness(1244)
}
.typing-indicator {
    display: inline-flex;
    gap: 4px;
    margin-left: 1rem;
    height: 1em;
    align-items: flex-end
}
.dot {
    width: 6px;
    height: 6px;
    background-color: #888;
    border-radius: 50%;
    animation: 1.2s ease-in-out 0s infinite normal none running jump
}
.dot:nth-child(2) {
    animation-delay: .2s
}
.dot:nth-child(3) {
    animation-delay: .4s
}
@keyframes jump {
    0%,100%,80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-8px)
    }
}
.scroll-down {
    bottom: clamp(95px,23.5vw,95px);
    background: #fcdf59;
    color: #3b3059;
    padding: 5px 7px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: .5rem;
    text-align: center;
    font-weight: 600;
    transform: translate(-50%);
    position: absolute;
    z-index: 1;
    left: 50%;
    width: max-content;
    box-shadow: rgba(132,132,132,.19) 1px 1px 74px;
    font-size: clamp(.75rem,.691318rem + .257235vw,.83rem)
}
.message {
    display: flex;
    gap: 5px;
    flex-direction: row
}
.message.user {
    flex-direction: row-reverse;
    align-self: flex-end
}
.message.user .avatar {
    opacity: .3
}
.avatar {
    width: clamp(30px,1.5vw,60px);
    height: clamp(30px,1.5vw,60px);
    border-radius: 330%;
    object-fit: cover;
    flex-shrink: 0
}
.fieltext {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 1200px;
    margin: 0 10px
}
.message-content {
    padding: 20px 10px;
    border-radius: 8px;
    max-width: 90%;
    position: relative;
    white-space: normal;
    height: auto;
    font-weight: 500;
    line-height: 1.4;
    font-size: clamp(.8125rem,.783159rem + .128617vw,.8775rem);
    overflow-wrap: break-word
}
.user .message-content {
    align-self: flex-end;
    background: #ecf0ff;
    color: #323232;
    padding: 10px;
    overflow-wrap: break-word
}
.assistant .message-content {
    align-self: flex-start;
    background: rgba(119,85,212,.08);
    color: #3a2d5c;
    padding: clamp(10px,1.5vw,10px) clamp(10px,1.5vw,15px);
    overflow-wrap: break-word;
    line-height: 1.2
}
.assistant .message-content .chat-item {
    position: relative;
    white-space: normal;
    font-weight: 500;
    line-height: 1.4;
    font-size: clamp(.8125rem,.783159rem + .128617vw,.8375rem);
    overflow-wrap: break-word;
    margin: 0 0 10px;
    padding: 0
}
.assistant .message-content .chat-item:last-child {
    margin-bottom: 0
}
.assistant .message-content .chat-item p {
    position: relative;
    white-space: normal;
    height: auto;
    font-weight: 500;
    line-height: 1.4;
    font-size: clamp(.8125rem,.783159rem + .128617vw,.8375rem);
    overflow-wrap: break-word;
    margin: 0;
    padding: 0
}
.assistant .message-content strong {
    font-weight: 800
}
.chat-container {
    display: grid;
    font-family: "Roboto Condensed",sans-serif;
    gap: 25px;
    grid-template-columns: 240px minmax(0,1fr) 240px;
    justify-content: center;
    margin: 35px auto 0;
    position: relative;
    height: 100%
}
.chat-wrapper {
    height: 100%;
    overflow-y: auto;
    scroll-behavior: smooth;
    position: relative;
    background: #fff
}
.new-chat img {
    filter: invert(39%) sepia(49%) saturate(5582%) hue-rotate(195deg) brightness(103%) contrast(102%);
    width: 25px;
    height: 25px
}
.new-chat {
    cursor: pointer;
    line-height: 1;
    height: auto;
    display: flex;
    transition: .3s linear;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 6px;
    background: rgba(0,132,255,.12);
    color: #0084ff
}
.new-chat:hover {
    background: #0084ff;
    transition: .3s linear;
    color: #fff
}
.new-chat img {
    transition: .3s linear
}
.new-chat:hover img {
    filter: brightness(300.5)
}
.chat-panel {
    background: #fff;
    border-radius: 15px
}
.chat {
    position: absolute;
    width: 90%;
    bottom: 10px;
    height: auto;
    left: 50%;
    transform: translate(-50%)
}
.query-option {
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    margin-bottom: 5px;
    max-width: clamp(180px,75.5vw,1215px);
    scrollbar-color: #f7f7f7 #fff;
    scrollbar-width: thin;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #62769e;
    background: rgba(217,233,248,.46);
    width: max-content;
    padding: 6px 15px;
    border-radius: 10px
}
.query-option img {
    width: 18px;
    height: 18px;
    line-height: 1;
    transition: .2s linear;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
.profile-card {
    position: relative;
    background: #f5f6fe;
    border-radius: 1.5rem;
    overflow: hidden;
    transition: transform .3s;
    grid-template-rows: min-content min-content;
    height: auto;
    width: 100%;
    min-height: 142px;
    padding: clamp(15px,2.5vw,30px);
    gap: 5px;
    min-width: 330px
}
.profile-card:hover {
    transform: translateY(-5px)
}
.file-uploader .col-md-12 {
    padding: 0
}
.card-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%
}
.reward {
    width: 30px;
    position: absolute;
    z-index: 3;
    border-radius: 300px;
    border: 5px solid #fff;
    top: 25px;
    left: 25px
}
.avatar-wrapper {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 0 1rem
}
.avataros {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}
.avatar:hover .avatar-glow {
    opacity: .5
}
.profile-info {
    flex: 1 1 0%
}
.profile-info small {
    margin-bottom: 5px;
    display: block;
    font-weight: 600;
    color: #94a3b8
}
.namer {
    font-size: 1.7rem;
    margin-bottom: .8rem;
    background: linear-gradient(to right,#7755d4,#a78bfa) text;
    -webkit-text-fill-color: transparent
}
.states {
    display: flex;
    margin-top: 1rem;
    padding: 0 0;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
    gap: 15px;
    margin-bottom: 1rem
}
.stat {
    display: flex;
    flex-direction: column;
    gap: .2rem
}
.stat-value {
    font-size: 1.2rem;
    font-weight: 700;
    background: linear-gradient(to right,#7a5bec,#a78bfa) text;
    -webkit-text-fill-color: transparent
}
.stat-label {
    font-size: .9rem;
    color: #94a3b8
}
.bio {
    margin-bottom: 1rem;
    padding: 0 0;
    color: rgba(59,48,89,.73);
    text-wrap: balance;
    font-weight: 500;
    line-height: 1.4;
    opacity: .8;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9625rem)
}
.skills {
    display: flex;
    list-style: none;
    max-width: 1520px;
    flex-flow: wrap;
    font-size: 20px;
    font-weight: 400;
    z-index: 4;
    gap: 5px;
    justify-content: start;
    padding: clamp(0,1vw,0) clamp(0,.5vw,0);
    margin: 0 auto 15px;
    overflow-x: auto;
    width: 100%
}
.skills:hover {
    transition: .2s linear;
    scrollbar-width: none;
    scrollbar-color: #c1c3c9 #ecedf0
}
.skill {
    padding: 5px 10px;
    background: rgba(106,91,221,.1);
    border-radius: 2rem;
    font-size: 13px;
    color: #6d6392;
    border: 1px solid rgba(255,255,255,.1);
    transition: .3s;
    font-weight: 600
}
.card-shine {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,transparent,rgba(78,78,78,.08),transparent);
    animation: 3s ease 0s infinite normal none running shine
}
@keyframes shine {
    100% {
        left: 200%
    }
}
.card-border {
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    border-radius: 1.5rem;
    background: linear-gradient(45deg,#60a5fa,#a78bfa) border-box border-box;
    mask: linear-gradient(#fff 0,#fff 0) padding-box exclude,linear-gradient(#fff 0,#fff 0);
    opacity: 0;
    transition: opacity .3s
}
.profile-card:hover .card-border {
    opacity: 1
}
.authors-containers {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(310px,1fr));
    gap: 10px
}
@media (max-width: 480px) {
    .profile-card {
        padding:1.5rem
    }
    .avatar-wrapper {
        width: 100px;
        height: 100px
    }
    .name {
        font-size: 1.5rem
    }
    .skills {
        flex-wrap: wrap
    }
}
.sticky-block {
    border-radius: clamp(15px,1.5vw,20px);
    padding: clamp(15px,2.5vw,30px);
    background: #edeffb;
    height: 100%
}
.sticky-block .rs-client-thumb {
    display: flex;
    gap: clamp(5px,1.5vw,15px);
    align-items: start;
    margin: 0 auto clamp(15px,1.5vw,30px);
    flex-direction: column
}
.sticky-block .rs-client-thumb img {
    filter: grayscale(0);
    height: clamp(30px,3.5vw,60px)
}
.experts-container {
    display: flex;
    gap: 0;
    flex-direction: column;
    margin-bottom: 0
}
.experts-container .name-study {
    flex: 1 1 0%
}
.experts-container .name-study .title {
    font-size: 13px;
    color: #6f767f;
    font-weight: 600
}
.auth-button {
    overflow: hidden;
    line-height: 1;
    margin: 0;
    letter-spacing: -.3px;
    z-index: 2;
    position: relative;
    width: max-content;
    color: #635b78;
    background: #edeffb;
    font-size: clamp(.8125rem,.753818rem + .257235vw,1.0625rem);
    transition: .2s;
    padding: clamp(10px,1.5vw,15px) clamp(15px,1.5vw,30px);
    cursor: pointer;
    border-radius: clamp(15px,1.5vw,20px);
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
    justify-content: center;
    border: 2px solid rgba(255,255,255,0);
    font-weight: 600
}
.auth-button img {
    width: clamp(20px,3.5vw,25px);
    height: clamp(20px,3.5vw,25px);
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.name-study {
    flex: 1 1 0%
}
.name-study .title {
    font-size: 13px;
    font-weight: 500
}
.plus-expert {
    width: clamp(60px,7.5vw,125px);
    height: clamp(60px,7.5vw,125px);
    filter: invert(35%) sepia(24%) saturate(2045%) hue-rotate(221deg) brightness(103%) contrast(94%)
}
.share-title {
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 15px;
    display: block
}
.author-bio {
    background: #ecedf0;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(10px,1.5vw,20px);
    display: flex;
    gap: 15px
}
.author-bio__image {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
    overflow: hidden
}
.news-content .author-bio__body {
    font-weight: 500;
    line-height: 1.4;
    opacity: .8;
    font-size: clamp(.9375rem,.908159rem + .128617vw,.9625rem);
    color: #3b3059;
    margin-bottom: 0
}
.news-content .author-bio__name {
    font-size: 29px;
    margin-bottom: 10px
}
.author-bio__content {
    flex: 1 1 0%
}
.see-more-ready {
    font-size: 23px;
    font-weight: 500;
    height: 100%;
    display: flex;
    border: 1px solid #eceef0;
    gap: 7px;
    padding: clamp(15px,2.5vw,30px);
    border-radius: clamp(15px,1.5vw,20px);
    flex-direction: column;
    background: #fff;
    transition: .2s linear;
    justify-content: center;
    line-height: 1.2;
}
.see-more-ready p {
    font-size: 13px;
    line-height: 1.4;
}
.see-more-ready svg {
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
.gallery {
    position: absolute;
    top: -220px;
    left: 0;
    width: 100%;
    height: 180%;
    display: flex;
    justify-content: space-between;
    z-index: 0;
    transform: rotate(18deg)
}
.block-33 {
    width: 22.33%
}
.display--inline-top {
    display: inline-block;
    vertical-align: top
}
.fill-dimensions {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: grayscale(1);
    opacity: .1;
    border-radius: 30px;
    overflow: hidden
}
.relative {
    position: relative
}
.cover-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}
.gallery-image {
    padding-bottom: 1.55em;
    animation: 8s linear 0s infinite normal none running marqueeTop
}
.gallery-h {
    overflow: hidden;
    height: 100%
}
.gallery-track {
    display: flex;
    flex-direction: column;
    animation: 15s linear 0s infinite normal none running scroll-up;
    gap: 20px
}
.gallery-h.bottom .gallery-track {
    animation: 15s linear 0s infinite normal none running scroll-down
}
.gallery-image {
    height: 50vh;
    position: relative
}
@keyframes scroll-up {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-50%)
    }
}
@keyframes scroll-down {
    0% {
        transform: translateY(-50%)
    }
    100% {
        transform: translateY(0)
    }
}
.step-offer .inner-block {
    background: var(--main-color)
}
.step-offer .inner-block p {
    color: #fff;
    font-weight: 400;
    opacity: .9;
    font-size: clamp(.875rem,.86033rem + .164309vw,.9875rem)
}
.step-offer .inner-block .title {
    line-height: 1.1;
    color: #fff;
    border-radius: 300px;
    display: flex;
    flex-shrink: 0;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: clamp(1.4375rem,1.39349rem + .192926vw,1.625rem)
}
.step-offer .inner-block .counter-fon {
    line-height: 1;
    color: rgba(146,126,248,.26);
    border-radius: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear;
    position: absolute;
    z-index: -1;
    font-size: 200px;
    bottom: 0;
    font-weight: 700;
    right: 0
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 45px;
    font-weight: 500;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: auto;
    user-select: none
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0
}
.select2-container--default .select2-selection--single {
    margin: 0;
    border: 1px solid #cfd7ed;
    border-radius: 10px;
    font-size: 15px;
    outline: 0;
    background: rgba(255,255,255,.79)
}
.select2-results__option {
    padding: 6px;
    user-select: none;
    font-size: 12px;
    font-weight: 600
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #738197b5;
    font-weight: 500
}
.button-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#3b3059,#51407b);
    color: #fff;
    padding: 15px 30px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: transform .25s,box-shadow .25s,background .25s,opacity .25s;
    box-shadow: rgba(59,48,89,.25) 0 10px 25px,rgba(59,48,89,.15) 0 4px 10px;
    position: relative;
    overflow: hidden
}
.button-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80px;
    height: 100%;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
    transform: skewX(-20deg);
    transition: left .6s
}
.button-main:hover {
    transform: translateY(-3px);
    box-shadow: rgba(59,48,89,.35) 0 18px 35px,rgba(59,48,89,.2) 0 8px 16px;
    background: linear-gradient(135deg,#46376a,#5d4991)
}
.button-main:hover::before {
    left: 130%
}
.button-main:active {
    transform: translateY(-1px) scale(.98)
}
.button-main:focus-visible {
    outline: 0;
    box-shadow: rgba(59,48,89,.15) 0 0 0 4px,rgba(59,48,89,.35) 0 18px 35px
}
.modal-content {
    border: 0;
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(0,0,0,.15) 0 20px 60px,rgba(0,0,0,.08) 0 8px 24px;
    position: relative
}
.modal-body {
    padding: 40px
}
@media (max-width: 768px) {
    .modal-body {
        padding:24px
    }
}
.btn-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 10;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #f5f7fb;
    transition: .25s;
    opacity: 1
}
.btn-close:hover {
    transform: rotate(90deg)
}
.modal-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    color: #1c1f26;
    margin-bottom: 10px
}
.modal-title::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    margin-top: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg,#6c63ff,#8f6bff)
}
@media (max-width: 768px) {
    .modal-title {
        font-size:26px
    }
}
.comment-form {
    margin-top: 30px
}
.comment-form .row {
    gap: 18px
}
.comment-form .form-control {
    border: 2px solid #eef2f7;
    border-radius: 18px;
    min-height: 60px;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
    transition: .25s;
    box-shadow: none
}
.comment-form .form-control:hover {
    border-color: #d7deea
}
.comment-form .form-control:focus {
    border-color: #6c63ff;
    box-shadow: rgba(108,99,255,.12) 0 0 0 4px
}
.comment-form textarea {
    min-height: 180px;
    resize: vertical;
    line-height: 1.6
}
.comment-limit {
    position: absolute;
    right: 16px;
    bottom: 14px;
    font-size: 12px;
    font-weight: 700;
    color: #7f8897;
    background: #fff;
    padding: 4px 8px;
    border-radius: 999px
}
.modal .button-main {
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 62px;
    border-radius: 18px;
    background: linear-gradient(135deg,#6c63ff,#8f6bff);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .25s,box-shadow .25s,opacity .25s;
    box-shadow: rgba(108,99,255,.35) 0 12px 30px;
    position: relative;
    overflow: hidden;
    display: flex!important
}
.button-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
    transition: .7s
}
.button-main:hover {
    transform: translateY(-3px);
    box-shadow: rgba(108,99,255,.45) 0 18px 40px
}
.button-main:hover::before {
    left: 150%
}
.button-main:active {
    transform: translateY(0)
}
.comment-form .form-control::placeholder {
    color: #a0a8b7
}
.modal-content::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -120px;
    right: -120px;
    border-radius: 50%;
    background: radial-gradient(rgba(108,99,255,.12),transparent 70%);
    pointer-events: none
}
.modal-content::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -120px;
    left: -120px;
    border-radius: 50%;
    background: radial-gradient(rgba(143,107,255,.08),transparent 70%);
    pointer-events: none
}
@media only screen and (max-width: 1025px) {
    #fixedMenu.active {
        height:calc(-50px + 100vh)
    }
    .callbuttonabsolute {
        display: none
    }
    .grid-2-notform {
        grid-template-columns: 1fr
    }
    .grid-2 {
        grid-template-columns: 1fr
    }
    .mb-up-none {
        display: none
    }
    .image-service {
        border-radius: 30px;
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        top: 0;
        display: none;
        left: 50%;
        transform: translateX(-50%)
    }
    .mini-descr {
        text-align: center;
        color: #3b3059
    }
    .text.variate-position {
        display: none
    }
    .text.variate-position-bs {
        display: block;
        font-style: italic;
        margin: 15px auto
    }
    .play-toggle {
        position: absolute;
        cursor: pointer;
        top: 30px;
        left: 20px;
        z-index: 1;
        display: none
    }
    .grid-3 {
        gap: 0;
        grid-template-columns: 1fr
    }
    footer {
        margin-bottom: 60px
    }
    .start-section-service {
        margin-bottom: 10px;
        margin-top: 10px;
        border-bottom-right-radius: clamp(15px,2.5vw,50px);
        background: #fafafa
    }
    .start-section-service .place-layout.dop {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px
    }
    .start-section-service.quick-section .place-layout.dop {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px
    }
    .start-section-service .text {
        width: 100%;
        margin-bottom: 15px;
        line-height: 1.5;
        text-align: center;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #c1c3c9 #ecedf0
    }
    .start-section-service .auto-title {
        color: #3b3059;
        margin-bottom: 25px;
        text-align: center;
        width: 100%
    }
    .start-section-ready .auto-title {
        margin-bottom: 25px;
        text-align: center;
        width: 100%
    }
    .big-letters.ready .service-stats-container {
        grid-template-columns: 1fr
    }
    .main-home-fishki {
        display: none
    }
    .main-home-fishki-mob {
        display: block
    }
    .main-home-fishki-mob .yareit {
        background: #f6f6f6;
        width: 100%;
        height: 60px;
        border-radius: clamp(15px,1.5vw,20px);
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #dedede
    }
    .start-section-service .service-call-button-2 {
        box-shadow: none;
        width: 100%
    }
    .m-block-feedback-wrapper.service .m-block-feedback-icon img {
        display: block;
        max-width: 155px;
        position: relative;
        top: initial
    }
    .start-section-service .service-call-button {
        width: 100%;
        color: #635b78
    }
    .start-section-service .service-call-button img {
        filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
    }
    .service-stats-container .stats-item {
        background: #ecedf0
    }
    .service-stats-container .stats-item img {
        filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
    }
    .price-container small {
        color: #635b78
    }
    .price-container .price-new {
        color: #635b78
    }
    .price-container .price-old .mini {
        color: #fff
    }
    .price-container .price-old .text {
        font-size: 12px;
        color: #635b78
    }
    .start-section-service .service-call-button small {
        font-size: 11px;
        font-weight: 600;
        color: #6a637f;
        letter-spacing: .05em
    }
    .start-section-service svg {
        display: none
    }
    .start-section-service .big-letters {
        width: max-content;
        position: relative
    }
    .start-section-z4 .place-layout {
        display: grid;
        grid-template-columns: auto;
        gap: 0
    }
    .ask-button {
        width: 100%
    }
    .start-section-ready {
        min-height: auto;
        margin-bottom: 10px;
        margin-top: 10px;
        border-bottom-right-radius: clamp(15px,2.5vw,50px)
    }
    .start-section-ready svg {
        display: none
    }
    .start-section-ready svg {
        display: none
    }
    .start-section-service::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 1;
        z-index: 3;
        width: 100%
    }
    .modal-container-for-inputs {
        max-height: 100%;
        overflow-y: auto;
        padding-right: 0
    }
    .modal-order {
        max-height: 100%;
        height: 100%
    }
    .service-list {
        grid-template-columns: 1fr;
    }.service-list>:last-child:nth-child(3n+1) {
    grid-column: 1;
}
    .navigation-container.service-navigation {
        top: initial;
        position: relative;
        padding-top: 10px
    }
    .modal-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        padding-right: 0;
        margin-bottom: 10px
    }
    .fishki li {
        width: 100%;
        background: rgba(236,237,240,.49)
    }
    .m-block-feedback-wrapper {
        flex-wrap: wrap
    }
    .phone-container span .fa-phone {
        display: block
    }
    #fixedMenu .fixed-menu-inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 10px;
        padding: 0;
        overscroll-behavior: auto
    }
    #fixedMenu .center-block,#fixedMenu .left-block,#fixedMenu .right-block {
        width: 100%
    }
    .menu-list {
        display: none;
        list-style: none;
        padding-left: 20px
    }
    .top-header {
        display: none
    }
    .best-price-block {
        position: relative;
        top: initial;
        z-index: 5;
        right: initial;
        background: #ffe871;
        padding: 5px 13px;
        border-radius: 30px;
        line-height: 1;
        font-weight: 600;
        display: flex;
        gap: 5px;
        align-items: center;
        color: #72612c;
        font-size: clamp(.75rem,.705989rem + .192926vw,.9375rem);
        margin: 0 auto 5px;
        justify-content: center;
        width: fit-content
    }
    .start-section-ready .service-call-button-2 {
        width: 100%
    }
    .content.active .menu-list {
        background: #fff;
        padding: clamp(5px,1.5vw,20px);
        border-radius: clamp(15px,1.5vw,20px);
        display: flex;
        gap: 5px;
        flex-wrap: wrap
    }
    .menu-list.active {
        display: block
    }
    .menu-caption.active {
        color: #0095ff
    }
    .menu-caption {
        display: none
    }
    #totop.hidden {
        transform: translateY(300%) translateX(50%)
    }
    .menu-right {
        flex-grow: 1;
        overflow: auto;
        width: 100%;
        background: #ffffff;
        display: flex;
        border-radius: clamp(15px,1.5vw,20px);
        flex-direction: column;
        gap: 5px;
        padding: clamp(10px,2.5vw,25px);
        height: 300px;
        order: 1
    }
    .menu-left {
        order: 2
    }
    .menu-contacts {
        order: 3
    }
    .left-list-container {
        flex-direction: column
    }
    .sub-caption-header span {
        position: absolute;
        right: 40px;
        font-size: 10px;
        top: 9px;
        padding: 5px 7px;
        border-radius: 300px;
        background: #ffe871;
        line-height: 1;
        font-weight: 700;
        display: flex;
        gap: 5px;
        align-items: center;
        color: #816204
    }
    .sub-caption-header {
        display: flex;
        background: #f5f6fe;
        padding: 10px 15px;
        border-radius: clamp(5px,2.5vw,15px);
        position: relative;
        font-size: 16px;
        line-height: 1.2;
        align-items: flex-start;
        color: #636d8b;
        font-weight: 600;
        align-items: center;
        gap: 6px;
    }    .sub-caption-header i
    {font-size: 14px;
     padding: 5px;
    border: 1px #7755d40a solid;
    background: #7755d40f;
    border-radius: 7px;
    color: #7755d4;}
    .sub-caption-header.active::before {
        transform: translate(-50%,-50%) rotate(-135deg)
    }
    .sub-caption-header::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 5%;
        width: 7px;
        height: 7px;
        border-style: solid;
        border-color: #3b3059;
        border-image: none;
        border-width: 0 2px 2px 0;
        transform: translate(-50%,-50%) rotate(45deg);
        transition: transform .2s;
    }
    .sub-caption-header.active {
        margin-bottom: 10px
    }
    .content.active .menu-list li {
        flex: 0 0 100%
    }
    .content {
        overflow: hidden;
        transition: max-height .5s ease-out;
        z-index: 12
    }
    .start-section-service .dd {
        inset: 0;
        content: "";
        position: absolute;
        opacity: 1;
        width: 100%;
        height: 100%;
        filter: initial;
        z-index: -1;
        mask-image: none
    }
    .place-layout .content {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column
    }
    .rs-banner-shape-two,.rs-client-thumb {
        display: flex;
        flex-direction: column
    }
    .content.active {
        max-height: 1000px
    }
    ::-webkit-scrollbar {
        width: 5px;
        background-color: #f5f5f5;
        height: 5px
    }
    .start-section .text,h1 {
        width: 100%
    }
    .block-for-readywork .gotovie-block {
        gap: 10px;
        grid-template-columns: 1fr
    }
    .menu {
        width: 100%;
        padding-left: 5px
    }
    .dropdown-menu.show {
        min-width: 100%
    }
    .dropdown-menu.show li {
        white-space: normal
    }
    .hideinmobile {
        display: none!important
    }
    .showinmobile {
        display: block;
        width: 100%;
        overflow-x: auto
    }
    .buttons-header {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top-left-radius: 0;
        overflow: hidden;
        border-top-right-radius: 0;
        display: flex;
        gap: 5px;
        background: #fff;
        padding: 5px;
        box-shadow: rgba(65,65,65,.11) 0 -12px 20px 0;
        transition: transform .3s ease-in-out;
        transform: translateY(0)
    }
    .buttons-header.hidden {
        transform: translateY(100%)
    }
    .layout {
        grid-template-columns: 0 minmax(0,1fr) 0
    }
    .offer-wrapper {
        grid-template-columns: 1fr
    }
    .tab-link {
        padding: 8px 10px;
        border-radius: 6px;
        background: #e0e4ea;
        text-decoration: none;
        font-weight: 500;
        color: #3b3059;
        transition: .2s;
        min-width: max-content;
        font-size: 14px
    }
    .offer-tabs {
        position: relative;
        top: initial;
        display: flex;
        flex-direction: row;
        gap: 5px;
        height: max-content
    }
    .start-section-home .place-layout {
        margin: 0;
        background: rgba(255,255,255,0);
        padding: 0 clamp(0,2.5vw,0);
        display: flex;
        gap: 0;
        width: 100%;
        max-width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        z-index: 5;
        filter: initial;
        right: auto;
        left: 50%;
        transform: translateX(-50%) scale(.9);
        top: 30px;
        bottom: initial;
        text-align: center;
        position: absolute
    }
    .auto-titlet {
        text-align: center
    }
    .auto-title {
        margin-bottom: 15px
    }
    .slider-controls {
        text-align: center;
        height: 600px
    }
    .form-line-container::before {
        right: -270px;
        opacity: .3
    }
    header {
        margin-top: 0;
        margin-bottom: 0
    }
    .uniqume {
        margin: 0 auto 5px
    }
    .profession-image-place img {
        margin: 0
    }
    .icon-block {
        position: absolute;
        right: 10px;
        top: 10px;
        float: right;
        width: 34px;
        height: 34px
    }
    .bottom-brand-img {
        float: right;
        position: relative;
        bottom: initial;
        right: inherit
    }
    .modal-overlay {
        backdrop-filter: none;
        padding: 0
    }
    .top-brand-img {
        float: right;
        position: relative;
        bottom: initial;
        right: inherit
    }
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 10px
    }
    .letter-place {
        right: auto;
        left: 50%;
        transform: translateX(-50%) scale(1);
        text-align: center;
        top: 0;
        line-height: 1;
        bottom: initial
    }
    .callbuttonabsolute {
        position: fixed;
        z-index: 6;
        right: initial
    }
    footer #tonav {
        bottom: 55px;
        left: 15px
    }
    .pulse i {
        font-size: 16px;
        color: #fff
    }
    .picture-img {
        margin-bottom: 15px
    }
    .title-news {
        --corner: 15px;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        background: #fff;
        padding: clamp(15px,2.5vw,30px);
        border-radius: 0 var(--corner) 0 0;
        max-width: 90%
    }
    .title-news .title {
        font-size: clamp(1.4375rem,1.27613rem + .707395vw,2.125rem)
    }
    .img-block {
        height: 350px
    }
    .col-12 {
        margin-bottom: 10px
    }
    .mb-4 {
        margin-bottom: 10px!important
    }
    .col-12:last-child {
        margin-bottom: 0
    }
    .garantii-section img{
        margin-bottom:20px;
    }
    .buttons-header .podbor-button {
        width: 50%;
        padding: clamp(10px,1.5vw,15px) clamp(5px,1.5vw,7px);
        font-size: 14px;
        gap: 5px;
        line-height: 0;
        font-weight: 600;
        /* color: #ffffff; */
        border-radius: 10px;
        /* background: #ecedf0; */
    }
    .call-button {
        width: 100%
    }
    .buttons-header .podbor-button:hover {
        transform: translateY(0)
    }
    .buttons-header .call-button {
        width: 50%;
        padding: clamp(10px,1.5vw,15px) clamp(5px,1.5vw,7px);
        font-size: 14px;
        gap: 5px;
        border-radius: 10px;
        overflow: hidden;
        /* background: #ecedf0; */
        border-width: medium;
        border-style: none;
        /* border-color: currentcolor; */
        border-image: none;
        margin: 0;
        letter-spacing: -.3px;
        z-index: 2;
        position: relative;
        transition: .2s linear;
        cursor: pointer;
        align-items: center;
        text-align: center;
        justify-content: center;
        font-weight: 600;
        display: flex;
        line-height: 0;
        color: #ffffff;
    }
    .buttons-header .call-button img {
        /* filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%); */
    }
    .buttons-header .podbor-button img {
        /* filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%); */
    }
    .call-button:focus,.call-button:hover {
        transform: translateY(0)
    }
    .container {
        padding: 0 10px
    }
    .figure-main {
        display: none
    }
    .image-place .image-container.main-page {
        top: -20px;
        transform: translate(-50%,0);
        left: 50%
    }
    .image-place .image-container {
        position: relative
    }
    .start-section-z4 {
        min-height: 520px;
        margin-bottom: 15px
    }
    .start-section-z4 .call-button {
        width: 100%
    }
    .start-section-z4 .call-button-2 {
        width: 100%
    }
    .start-section-univercity {
        min-height: 500px;
        margin-top: 0
    }
    .title-container {
        margin-bottom: 15px
    }
    .start-section-service .title-container {
        margin-bottom: 0
    }
    .pre-title {
        width: max-content;
        padding: 6px 15px;
        font-weight: 600;
        line-height: 1;
        border-radius: clamp(5px,1.5vw,10px);
        display: flex;
        margin: 0 auto 15px;
        z-index: 823;
        position: relative
    }
    .start-section-z4 .place-layout .contents {
        z-index: 12;
        position: absolute;
        left: 0;
        right: 0;
        width: 96%;
        margin: 0 auto
    }
    .start-section-z4::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 1;
        z-index: 0;
        width: 100%;
        height: 450px;
        backdrop-filter: blur(7px);
        mask-image: linear-gradient(to top,#000 60%,rgba(0,0,0,0) 100%);
        border-radius: clamp(15px,2.5vw,50px)
    }
    .start-section-z4 .text {
        width: 100%;
        margin-bottom: 15px;
        line-height: 1.4;
        text-align: center;
        font-size: clamp(.9375rem,.749477rem + .385852vw,1.3125rem);
        overflow-y: auto;
        padding-right: 5px;
        scrollbar-width: thin;
        scrollbar-color: #c1c3c9 #ecedf0
    }
    .start-section-univercity .text {
        margin-bottom: 15px;
        line-height: 1.4;
        text-align: center
    }
    .start-section-z4 .auto-title {
        text-align: center;
        width: 100%
    }
    .start-section-univercity .auto-title {
        color: #fff;
        text-align: center;
        width: 100%
    }
    .place-layout {
        display: flex;
        grid-template-columns: auto;
        gap: 10px;
        flex-direction: column-reverse;
        z-index: 4;
        bottom: 10px
    }
    .start-section-service .place-layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0
    }
    .letter-place {
        right: auto;
        left: 50%;
        transform: translateX(-50%) scale(1);
        text-align: center;
        top: 0;
        line-height: 1;
        bottom: initial
    }
    .menu-toggle i {
        font-size: 16px;
        width: 20px;
        text-align: center
    }
    .title-with-button-container {
        display: flex;
        justify-content: space-between;
        align-items: start;
        margin-bottom: 15px;
        flex-direction: column;
        gap: 10px
    }
    #middle {
        margin: 0 10px
    }
    .grid-container-counter {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 15px;
        width: 100%;
        margin: auto
    }
    .grid-container-counter .grid-item {
        flex-direction: column
    }
    header .dop-button {
        font-size: 12px;
        padding: 12px 25px;
        border-radius: clamp(5px,2.5vw,15px)
    }
    .search-button-header #openSearch {
        font-size: 14px;
        justify-content: center;
        align-items: center;
        display: flex!important
    }
    .search-button-header form {
        display: none
    }
    .menu .obj {
        padding: 0;
        justify-content: start
    }
    .breadcrumb {
        display: none
    }
    @media (max-width: 1024px) {
        .col-12 {
            padding:0
        }
    }
    section:first-child {
        margin-top: 15px
    }
    .service-stats-container .stats-item .icons-container {
        color: #635b78
    }
    .m-block-feedback-wrapper.service .m-block-feedback-buttons .m-button {
        width: 100%
    }
    .m-block-feedback-header {
        align-items: self-start;
        display: flex;
        gap: 10px;
        flex-direction: column
    }
    .buttons-container,.start-section-z4 .buttons-container {
        display: flex;
        align-items: start;
        flex-wrap: wrap;
        width: 100%;
        gap: 10px;
        border-radius: 20px;
    }
    .big-letters .service-stats-container {
        scrollbar-width: thin;
        scrollbar-color: rgba(119,85,212,0) rgba(239,242,247,0);
        transition: .2s linear;
        overflow-x: auto;
        cursor: grab;
        user-select: none;
        padding: 0;
        gap: 10px;
        grid-template-columns: repeat(2,1fr);
        display: grid;
        flex-wrap: nowrap
    }
    .banner-order .call-button-2 {
        width: 100%
    }
    .grid-container {
        grid-template-columns: 1fr
    }
    #letterFilter,#sortOption,#universityLetterFilter,#universitySortOption {
        width: 100%
    }
    .fishki {
        width: 100%
    }
    .tab-headers h3.active:first-child::after {
        display: none
    }
}
.anti-var-container {
    margin-left: 15px;
    display: flex;
    gap: 1px;
    margin-top: 5px;
    flex-direction: column
}
.antiplagiat {
    font-size: clamp(.75rem,.720659rem + .128617vw,.875rem)
}
.anti-var-container .var-ant {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600
}
.anti-var-container .var-ant img {
    width: 22px;
    height: 22px
}
.anti-var-container {
    flex-wrap: wrap;
    display: flex!important;
    flex-direction: row!important;
    gap: 8px!important;
    margin-top: 6px!important;
    margin-left: 0!important
}
.var-ant {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 25px 10px 14px;
    border: 2px solid #edf0f5;
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
    transition: .25s;
    font-size: 15px;
    font-weight: 600;
    color: #2b3037
}
.var-ant:hover {
    border-color: #cfd7e6;
    transform: translateY(-2px);
    box-shadow: rgba(0,0,0,.06) 0 10px 25px
}
.var-ant input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none
}
.var-ant::before {
    content: "";
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 2px solid #d7dce5;
    transition: .25s
}
.var-ant:has(input:checked) {
    border-color: #6c63ff;
    background: linear-gradient(#fafaff,#f3f2ff);
    box-shadow: rgba(108,99,255,.15) 0 10px 30px
}
.var-ant:has(input:checked)::before {
    border-color: #6c63ff;
    background: radial-gradient(circle,#6c63ff 45%,transparent 50%)
}
.var-ant img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 3px
}
.var-ant:has(input:checked)::after {
    transform: translateY(-50%) scale(1)
}
.antiplagiat-warning {
    border: 1px solid #ffd66b;
    color: #6b4f00;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 10px!important;
    padding: 18px 20px!important;
    border-radius: 18px!important;
    background: linear-gradient(#fff8e6,#fff2cf)!important
}
.antiplagiat-warning p{
    font-size:12px;
}
.antiplagiat-warning p:last-child {
    margin-bottom: 0
}
.antiplagiat-warning strong {
    color: #ff0000;
}
@media (max-width: 768px) {
    .var-ant {
        padding:7px 10px;
        font-size: 14px;
        gap: 12px
    }
    .var-ant img {
        width: 28px;
        height: 28px
    }
}
.pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 24px;
    /* box-shadow: rgba(0,0,0,.05) 0 10px 30px; */
    width: 100%
}
.page-info {
    display: flex;
    align-items: center;
    gap: 5px;
    /* padding: 7px 3px; */
    /* background: #edeffb; */
    border-radius: 15px;
    font-size: 11px;
    font-weight: 500;
    color: #5f6675
}
.page-info b {
    color: #23262f;
    font-weight: 700
}
.page-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 100px;
    height: 30px;
    padding: 0 20px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 14px;
    background: linear-gradient(135deg,#6c63ff,#8f6bff);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .25s,box-shadow .25s,opacity .25s;
    box-shadow: rgba(108,99,255,.25) 0 10px 25px
}
.page-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: rgba(108,99,255,.35) 0 16px 35px
}
.page-btn:active:not(:disabled) {
    transform: translateY(0)
}
.page-btn:disabled {
    background: #eef2f7;
    color: #424242;
    box-shadow: none;
    cursor: not-allowed
}
@media (max-width: 768px) {
    .pagination-wrapper {
        flex-direction: row;
        gap: 5px;
        padding: 10px
    }
    .page-btn {
        width: 100%;
        min-width: unset
    }
    .page-info {
        width: 100%;
        justify-content: center
    }
}
.article-hero {
    position: relative;
    overflow: hidden;
    min-height: 450px;
    border-radius: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end
}
.article-hero__image {
    position: absolute;
    inset: 0
}
.article-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 8s;
    transform: scale(1.05)
}
.article-hero:hover .article-hero__image img {
    transform: scale(1.12)
}
.article-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.2) 30%,rgba(0,0,0,.55) 65%,rgba(0,0,0,.78) 100%);
    z-index: 1
}
.article-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: clamp(25px,4vw,60px)
}
.article-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px
}
.article-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(12px);
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.15);
    transition: .25s;
    font-size: 13px;
    font-weight: 600;
}
.article-badge:hover {
    background: rgba(255,255,255,.25);
    color: #fff;
    transform: translateY(-2px)
}
.article-hero__title {
    margin: 0 0 20px;
    max-width: 1000px;
    color: #fff!important
}
.article-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}
.article-meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 999px;
    backdrop-filter: blur(12px);
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.15)
}
.article-meta-item i {
    font-size: 15px
}
.article-meta-item img {
    width: 16px;
    height: 16px;
    filter: invert(100%) sepia(0) saturate(2%) hue-rotate(284deg) brightness(108%) contrast(101%)
}
@media (max-width: 991px) {
    .article-hero {
        min-height:450px;
        border-radius: 24px;
        margin-bottom: 15px;
        margin-top: 0px;
    }
}
@media (max-width: 768px) {
    .article-hero {
        min-height: 350px;
        border-radius: 20px;
        margin-top: 0px !important;
    }
    .article-hero__content {
        padding: 15px;
    }
    .article-hero__title {
    }
    .article-meta-item {
        justify-content: flex-start
    }
}
.typing-dots {
    font-weight: 700;
    color: #888;
    user-select: none
}
.message.assistant:hover .copy-btn-wrapper {
    display: flex!important
}
.btn-order {
    padding: 9px 10px;
    display: block;
    text-align: center;
    background: #7755d4;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #7755d4;
    margin-top: 5px;
    transform: translateY(0);
    transition: .2s linear;
    margin-bottom: 10px
}
.btn-order:hover {
    color: #fff;
    transform: translateY(-4px);
    transition: .2s linear
}
.btn-order-q {
    padding: 9px 10px;
    display: block;
    text-align: center;
    background: #e11;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e11;
    margin-top: 5px;
    transform: translateY(0);
    transition: .2s linear;
    font-family: "Proxima Nova Bold"
}
.btn-order-q:hover {
    color: #fff;
    transform: translateY(-4px);
    transition: .2s linear
}
#chat::-webkit-scrollbar {
    width: 10px
}
#chat::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px
}
#chat::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px
}
#chat::-webkit-scrollbar-thumb:hover {
    background: #555
}
#chat {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1
}
#chat {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 7px 7px clamp(90px,19.5vw,110px);
    border-radius: 8px;
    flex-basis: auto;
    height: clamp(255px,28.5vw,320px);
    overflow-y: auto
}
.message {
    display: flex;
    flex-direction: column;
    margin: .5rem 0;
    padding: 0;
    border-radius: 8px;
    max-width: 98%;
    position: relative;
    white-space: normal;
    height: auto;
    line-height: 1
}
.user p {
    margin: 0
}
.copy-btn {
    background: #fff;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 5px;
    line-height: 0;
    cursor: pointer;
    z-index: 1;
    border-radius: 6px;
    box-shadow: rgba(146,146,146,.66) 2px 5px 20px
}
.copy-btn img {
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%);
    width: clamp(17px,2.5vw,17px);
    height: clamp(17px,2.5vw,17px);
    opacity: .7
}
textarea {
    width: 100%;
    resize: none;
    font-weight: 600;
    color: #505a6d;
    outline: 0;
    background: 0 0;
    border: 1px solid #dedede;
    padding: 10px 70px 10px 20px;
    font-size: 14px;
    border-radius: 315px;
    box-shadow: rgba(132,132,132,.19) 1px 1px 74px;
    height: clamp(55px,3.5vw,60px)
}
.input-wrapper {
    align-items: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    max-height: 200px;
    box-sizing: border-box;
    padding: 0;
    font-weight: 500;
    color: #505a6d;
    outline: 0;
    min-height: 90px
}
button#send {
    padding: 10px;
    cursor: pointer;
    color: #fff;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 315px;
    width: clamp(35px,2.5vw,46px);
    height: clamp(35px,2.5vw,46px);
    display: flex;
    background: linear-gradient(135deg,#6366f1,#8b5cf6);
    transition: .2s linear;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: clamp(10px,1.5vw,10px)
}
button#send img {
    width: clamp(21px,1.5vw,32px);
    height: clamp(21px,1.5vw,32px);
    line-height: 1;
    transition: .2s linear;
    filter: brightness(1244)
}
button#send:hover {
    transition: .2s linear;
    background-color: #7755d4
}
.termin-with-ai {
    display: flex;
    margin-top: 30px;
    gap: 5px;
    flex-wrap: wrap;
    background: #edf4fb;
    padding: 15px;
    border-radius: 10px
}
.termin-with-ai h4 {
    color: #4b7aa6;
    margin: 0 0 20px;
    font-size: 14px
}
button#send:hover img {
    transition: .2s linear;
    filter: brightness(1244)
}
.typing-indicator {
    display: inline-flex;
    gap: 4px;
    margin-left: 1rem;
    height: 1em;
    align-items: flex-end
}
.dot {
    width: 6px;
    height: 6px;
    background-color: #888;
    border-radius: 50%;
    animation: 1.2s ease-in-out 0s infinite normal none running jump
}
.dot:nth-child(2) {
    animation-delay: .2s
}
.dot:nth-child(3) {
    animation-delay: .4s
}
@keyframes jump {
    0%,100%,80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-8px)
    }
}
.scroll-down {
    bottom: clamp(95px,23.5vw,95px);
    background: #fcdf59;
    color: #3b3059;
    padding: 5px 7px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: .5rem;
    text-align: center;
    font-weight: 600;
    transform: translate(-50%);
    position: absolute;
    z-index: 1;
    left: 50%;
    width: max-content;
    box-shadow: rgba(132,132,132,.19) 1px 1px 74px;
    font-size: clamp(.75rem,.691318rem + .257235vw,.83rem)
}
.message {
    display: flex;
    gap: 5px;
    flex-direction: row
}
.message.user {
    flex-direction: row-reverse;
    align-self: flex-end
}
.avatar {
    width: clamp(25px,2.5vw,35px);
    height: clamp(25px,2.5vw,35px);
    border-radius: 330%;
    object-fit: cover;
    flex-shrink: 0;
    position: relative;
    display: block;
    border: 1px solid #c2c2c2
}
.avatar::before {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #72d400;
    border-radius: 10px;
    content: "";
    border: 2px solid #f2f2f2;
    bottom: -1px;
    right: 0
}
.fieltext {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 1200px;
    margin: 0 10px
}
.message-content,.message-content p {
    border-radius: 8px;
    max-width: 90%;
    position: relative;
    white-space: normal;
    height: auto;
    font-weight: 600;
    line-height: 1.4;
    font-size: clamp(.8125rem,.783159rem + .128617vw,.8775rem);
    overflow-wrap: break-word;
    margin-bottom: 0
}
.user .message-content {
    align-self: flex-end;
    background: #ecf0ff;
    color: #323232;
    padding: 10px;
    overflow-wrap: break-word
}
.assistant .message-content {
    align-self: flex-start;
    background: rgba(119,85,212,.08);
    color: #3a2d5c;
    padding: clamp(10px,1.5vw,10px) clamp(10px,1.5vw,15px);
    overflow-wrap: break-word;
    line-height: 1.4
}
.assistant .message-content .chat-item {
    position: relative;
    white-space: normal;
    font-weight: 500;
    line-height: 1.4;
    font-size: clamp(.8125rem,.783159rem + .128617vw,.8375rem);
    overflow-wrap: break-word;
    margin: 0 0 10px;
    padding: 0
}
.assistant .message-content .chat-item:last-child {
    margin-bottom: 0
}
.assistant .message-content .chat-item p {
    position: relative;
    white-space: normal;
    height: auto;
    font-weight: 600;
    line-height: 1.4;
    font-size: clamp(.8125rem,.783159rem + .128617vw,.8375rem);
    overflow-wrap: break-word;
    margin: 0;
    padding: 0
}
.assistant .message-content strong {
    font-weight: 800
}
.chat-container {
    display: grid;
    gap: 25px;
    grid-template-columns: 240px minmax(0,1fr) 240px;
    justify-content: center;
    margin: 35px auto 0;
    position: relative;
    height: 100%
}
.chat-wrapper {
    height: 100%;
    overflow-y: auto;
    scroll-behavior: smooth;
    position: relative;
    background: #fff
}
.new-chat img {
    filter: invert(39%) sepia(49%) saturate(5582%) hue-rotate(195deg) brightness(103%) contrast(102%);
    width: 25px;
    height: 25px
}
.new-chat {
    cursor: pointer;
    line-height: 1;
    height: auto;
    display: flex;
    transition: .3s linear;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 6px;
    background: rgba(0,132,255,.12);
    color: #0084ff
}
.new-chat:hover {
    background: #0084ff;
    transition: .3s linear;
    color: #fff
}
.new-chat img {
    transition: .3s linear
}
.new-chat:hover img {
    filter: brightness(300.5)
}
.chat-panel {
    background: #fff;
    border-radius: 15px
}
.chat {
    position: absolute;
    width: 90%;
    bottom: 10px;
    height: auto;
    left: 50%;
    transform: translate(-50%)
}
.query-option {
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    margin-bottom: 5px;
    max-width: clamp(180px,75.5vw,1215px);
    scrollbar-color: #f7f7f7 #fff;
    scrollbar-width: thin;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #62769e;
    background: rgba(217,233,248,.46);
    width: max-content;
    padding: 6px 15px;
    border-radius: 10px
}
.query-option img {
    width: 18px;
    height: 18px;
    line-height: 1;
    transition: .2s linear;
    filter: invert(49%) sepia(15%) saturate(523%) hue-rotate(189deg) brightness(93%) contrast(88%)
}
#mini-chat-wrapper {
    position: fixed;
    bottom: clamp(60px,5.5vw,90px);
    left: clamp(10px,1.5vw,20px);
    z-index: 21
}
#chat-hints {
    position: absolute;
    bottom: 70px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    pointer-events: none
}
.chat-hint {
    background: rgba(255,255,255,.85);
    color: #373737;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 14px;
    box-shadow: rgba(0,0,0,.25) 0 3px 8px;
    opacity: 0;
    transform: translateY(10px);
    transition: .6s;
    max-width: 370px;
    line-height: 1.3;
    white-space: normal;
    width: 220px;
    backdrop-filter: blur(6px);
    font-weight: 600;
    position: relative
}
.chat-hint::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 15px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: rgba(255,255,255,.85) transparent transparent;
    filter: drop-shadow(rgba(0, 0, 0, .15) 0 2px 2px)
}
.chat-hint.show {
    opacity: 1;
    transform: translateY(0)
}
#chat-toggle-btn {
    background-color: #6e63f2;
    color: #fff;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 50%;
    width: clamp(45px,3.5vw,54px);
    height: clamp(45px,3.5vw,54px);
    font-size: 24px;
    cursor: pointer;
    box-shadow: rgba(0,0,0,.2) 0 10px 16px;
    position: relative;
    z-index: 2;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
}
#chat-toggle-btn img {
    border-radius: 300px
}
#chat-toggle-btn .ai {
    width: clamp(20px,1.5vw,24px);
    height: clamp(20px,1.5vw,24px);
    z-index: 2;
    animation: 1.5s ease 0s infinite normal none running pulse;
    filter: invert(94%) sepia(100%) saturate(26%) hue-rotate(89deg) brightness(106%) contrast(108%)
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(1.2);
        opacity: 1
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}
#chat-toggle-btn::before {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #8bc34a;
    border-radius: 10px;
    content: "";
    border: 3px solid #fff;
    bottom: 0;
    right: 2px
}
#mini-chat {
    position: absolute;
    bottom: clamp(50px,3.5vw,65px);
    left: 0;
    width: 310px;
    max-height: 390px;
    background: #fff;
    border-radius: 30px;
    box-shadow: rgba(0,0,0,.3) 0 4px 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}
#mini-chat-header {
    background: #f2f2f2;
    color: #3b3059;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px
}
#mini-chat-header span {
    font-weight: 600;
    display: flex;
    position: relative;
    align-items: center;
    gap: 5px
}
#mini-chat-header span img {
    width: 40px;
    border-radius: 300px
}
#mini-chat-header .imgs::before {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #72d400;
    border-radius: 10px;
    content: "";
    border: 2px solid #f2f2f2;
    bottom: -1px;
    right: 0
}
#mini-chat-header .imgs {
    position: relative
}
#chat-close-btn {
    background: 0 0;
    color: rgba(88,79,114,.61);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 32px;
    line-height: 1
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 10px;
    position: absolute;
    top: 18px;
    right: 14px;
    width: 10px
}
#mini-chat-body {
    flex: 1 1 0%;
    overflow-y: auto
}