@font-face {
    font-family: "gm";
    src: url("GoogleSans-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
:root {
    --c-text-color:#16246F;
    --f16m: 500 16px/20px gm, sans-serif;
    --f32: 400 32px/32px g, sans-serif;
    --f26: 400 26px/26px g, sans-serif;
}
.hide {
    display: none!important;
}
.radio-checkbox {
    margin: 0 0 8px 0;
    display: flex;
    gap: 4px;
}
.radio-checkbox-label, .calculator-body label{
    font:var(--f16);
    color: var(--c-text-color);
    margin: 0;
    cursor: pointer;
    display: flex;
    gap: 10px;
}
.radio-checkbox-label:before {
    background-color: #fff;
    border: 1px solid var(--p);
    /*     border-radius: 50%;*/
    box-sizing: border-box;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    transition: background-color .2s ease-in-out,border .2s ease-in-out;
}
input[type=radio] + .radio-checkbox-label:before {
    border-radius: 50%;
}
input[type=checkbox]:checked + .radio-checkbox-label:before {
    background-image: url("data:image/svg+xml;utf8,<svg width='14' height='12' viewBox='0 0 14 12' xmlns='http://www.w3.org/2000/svg'><path d='M4.10351 8.89548L1.45582 6.09578L0 7.6352L4.13584 12L14 1.56934L12.5159 0L4.10351 8.89548Z' fill='rgb(255, 255, 255)' /></svg>");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px 10px;
    border-color: var(--p);
}
input[type=radio]:checked + .radio-checkbox-label:before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='6' fill='%2316246F'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-color: var(--p);
}
.radio-checkbox input[type=radio],.radio-checkbox input[type=checkbox]{
    display: none;
}
.radio-checkbox input[type=radio]:disabled + label{
    color: #616161;
    cursor: not-allowed;
    opacity: 0.3;
}
.text-inp {
    display: flex;
    gap: 2px;
    position: relative;
}
.text-inp .input-btn{
    background: #067FEF;
    cursor: pointer;
}
.text-inp input, .text-inp textarea, .uktzed-chat-wrapper textarea{
    display: block;
    width: 100%;
    min-height: 33px;
    background: var(--w);
    color: var(--c-text-color);
    font: var(--f16);
    padding: 6px 0;
    border-bottom: 1px solid var(--p);
    letter-spacing: -0.48px;
}
select-inp .sselect .select {
    color: var(--c-text-color);
}
select-inp .sselect .select.a+.options {
    z-index: 4;
}
.Description .text-inp input,
.KodUKTZED .text-inp input{
    height:50px;
    padding:0 0 0 0;
}
.Description .text-inp input::placeholder,
.KodUKTZED .text-inp input::placeholder{
    white-space: pre-wrap;
    transform: translateY(-14px);
}

.calculator-hero {
    padding: 0 0 326px 0;
}
.calculator-hero p {
    color: var(--c-text-color);
}
.calculator-hero>.bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #377BC1;
    display: flex;
    align-items: flex-end;
}

.calculator-hero>.bg img {
    width: 100%;
}
.calculator-hero .container {
    position: relative;
    z-index: 2;
}

.calculator-hero .hdr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 64px 0;
}
.calculator-hero .hdr h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 165%;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0;
}
.calculator-hero .hdr h3 span{
    color: #E6D218;
}
.calculator-hero .scontainer{
    background: #FFFFFF;
    border-radius: 12px;
    padding: 28px;
    display: flex;
    align-items: center;
    gap: 56px;
}
.calculator-hero .scontainer .img-wrapper,
.calculator-hero .scontainer .img-wrapper img{
    border-radius: 12px;
    max-width: 384px;
}
.calculator-hero .scontainer .text-wrapper h4{
    font: var(--f28);
    color: var(--c-text-color);
    margin: 0 0 20px 0;
}
.calculator-hero .scontainer .text-wrapper li{
    font: var(--f16);
    color: var(--c-text-color);
}
.calculator-hero .scontainer .text-wrapper .btn-wrapper{
    margin: 32px 0 0 0;
}
@media(max-width: 1199px) {
    .calculator-hero {
        padding: 0 0 321px 0;
    }
    .calculator-hero .hdr {
        gap: 8px;
        margin: 0 0 40px 0;
    }
    .calculator-hero .hdr h3 {
        font-size: 20px;
    }
    .calculator-hero .scontainer{
        padding: 16px;
        gap: 32px;
    }
    .calculator-hero .scontainer .img-wrapper,
    .calculator-hero .scontainer .img-wrapper img{
        max-width: 268px;
    }
}

@media(max-width: 767px) {
    .calculator-hero {
        padding: 0 0 194px 0;
    }
    .calculator-hero .hdr {
        gap: 8px;
        margin: 0 0 40px 0;
    }
    .calculator-hero .hdr h3 {
        font-size: 13px;
    }
    .calculator-hero .scontainer{
        padding: 16px;
        gap: 32px;
        flex-direction: column;
    }
    .calculator-hero .scontainer .img-wrapper,
    .calculator-hero .scontainer .img-wrapper img{
        max-width: 100%;
    }
    .calculator-hero .scontainer .text-wrapper h4{
        font: var(--f20);
    }
    .Description .text-inp input,
    .KodUKTZED .text-inp input{
        height:60px;
        padding:0 0 20px 0;
    }
    .KodUKTZED .text-inp {
        flex-direction: column;
        gap: 10px;
    }
}

.calculator-wrapper {
    width: var(--scontainer-width);
    max-width: calc(100vw - 64px);
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    display: none;
}
.calculator-wrapper .calculator-header{
    background: #1D329F;
    padding: 28px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 12px 12px 0 0;
    align-items: center;
    gap: 16px;
}
.calculator-wrapper .calculator-header .h-wrapper{

}
.calculator-wrapper .calculator-header .progress-circle {
    position: relative;
    width: 48px;
    height: 48px;
    min-width: 48px;
}
.calculator-wrapper .calculator-header .progress-circle svg {
    transform: rotate(-90deg);
}
.calculator-wrapper .calculator-header circle {
    fill: none;
    stroke-width: 6;
}

.calculator-wrapper .calculator-header .bg {
    stroke: #FFFFFF;
    fill:#FFFFFF;
}
.calculator-wrapper .calculator-header .progress {
    stroke: #FFDE00;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-dasharray: 131.95;
    stroke-dashoffset: 131.95;
    transition: stroke-dashoffset 0.3s ease;
}

.calculator-wrapper .calculator-header .value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: var(--f18);
    color: var(--c-text-color);
}
.calculator-wrapper .calculator-body {
    background: #FFFFFF;
    padding: 28px 28px 28px 40px;
    border-radius: 0 0 12px 12px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.calculator-wrapper .calculator-body .calculator-slider-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(60% - 30px);
}
.calculator-wrapper .calculator-body .calculator-slider{

}
.calculator-wrapper .calculator-body .calculator-slider .calc-slide{
    display: none;
    transition: all .25s;
}
.calculator-wrapper .calculator-body .calculator-slider .calc-slide.active{
    display: flex;
    flex-direction: column;
}
.calculator-wrapper .calculator-body .calculator-slider .calc-slide .pytannya-wrapper{
    display: flex;
    gap: 4px;
    margin: 0 0 20px 0;
}
.calculator-wrapper .calculator-body .calculator-slider .calc-slide .pytannya-wrapper .pytannya{
    font: var(--f18);
    color: var(--c-text-color);
}
.info-icon-wrapper {
    position: relative;
}
.info-icon-wrapper .info-icon {
    width: 14px;
    height: 14px;
    position: relative;
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 0C10.3487 0 13.3333 2.98467 13.3333 6.66667C13.3333 10.3487 10.3487 13.3333 6.66667 13.3333C2.98467 13.3333 0 10.3487 0 6.66667C0 2.98467 2.98467 0 6.66667 0ZM6.66667 1.33333C5.25218 1.33333 3.89562 1.89524 2.89543 2.89543C1.89524 3.89562 1.33333 5.25218 1.33333 6.66667C1.33333 8.08115 1.89524 9.43771 2.89543 10.4379C3.89562 11.4381 5.25218 12 6.66667 12C8.08115 12 9.43771 11.4381 10.4379 10.4379C11.4381 9.43771 12 8.08115 12 6.66667C12 5.25218 11.4381 3.89562 10.4379 2.89543C9.43771 1.89524 8.08115 1.33333 6.66667 1.33333ZM6.66 5.33333C7.032 5.33333 7.33333 5.63467 7.33333 6.00667V9.42267C7.46042 9.49605 7.55974 9.60931 7.6159 9.74489C7.67205 9.88048 7.6819 10.0308 7.64392 10.1725C7.60594 10.3143 7.52224 10.4396 7.40582 10.5289C7.2894 10.6182 7.14675 10.6667 7 10.6667H6.67333C6.58491 10.6667 6.49735 10.6493 6.41566 10.6154C6.33397 10.5816 6.25974 10.532 6.19721 10.4695C6.13469 10.4069 6.08509 10.3327 6.05125 10.251C6.01742 10.1693 6 10.0818 6 9.99333V6.66667C5.82319 6.66667 5.65362 6.59643 5.5286 6.4714C5.40357 6.34638 5.33333 6.17681 5.33333 6C5.33333 5.82319 5.40357 5.65362 5.5286 5.5286C5.65362 5.40357 5.82319 5.33333 6 5.33333H6.66ZM6.66667 3.33333C6.84348 3.33333 7.01305 3.40357 7.13807 3.5286C7.26309 3.65362 7.33333 3.82319 7.33333 4C7.33333 4.17681 7.26309 4.34638 7.13807 4.4714C7.01305 4.59643 6.84348 4.66667 6.66667 4.66667C6.48986 4.66667 6.32029 4.59643 6.19526 4.4714C6.07024 4.34638 6 4.17681 6 4C6 3.82319 6.07024 3.65362 6.19526 3.5286C6.32029 3.40357 6.48986 3.33333 6.66667 3.33333Z' fill='%2316246F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: all .25s;
}
.info-icon-wrapper .info-icon:hover,
.info-icon-wrapper .info-icon.active{
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 0C10.3487 0 13.3333 2.98467 13.3333 6.66667C13.3333 10.3487 10.3487 13.3333 6.66667 13.3333C2.98467 13.3333 0 10.3487 0 6.66667C0 2.98467 2.98467 0 6.66667 0ZM6.66 5.33333H6C5.83008 5.33352 5.66665 5.39859 5.54309 5.51523C5.41953 5.63188 5.34518 5.7913 5.33522 5.96093C5.32526 6.13056 5.38045 6.29759 5.48951 6.42789C5.59857 6.55819 5.75327 6.64193 5.922 6.662L6 6.66667V9.99333C6 10.34 6.26267 10.6267 6.6 10.6627L6.67333 10.6667H7C7.14021 10.6667 7.27685 10.6225 7.39049 10.5403C7.50413 10.4582 7.58899 10.3424 7.63299 10.2092C7.677 10.0761 7.67791 9.9325 7.6356 9.79883C7.5933 9.66516 7.50992 9.54823 7.39733 9.46467L7.33333 9.42267V6.00667C7.33333 5.66 7.07067 5.37333 6.73333 5.33733L6.66 5.33333ZM6.66667 3.33333C6.48986 3.33333 6.32029 3.40357 6.19526 3.5286C6.07024 3.65362 6 3.82319 6 4C6 4.17681 6.07024 4.34638 6.19526 4.4714C6.32029 4.59643 6.48986 4.66667 6.66667 4.66667C6.84348 4.66667 7.01305 4.59643 7.13807 4.4714C7.2631 4.34638 7.33333 4.17681 7.33333 4C7.33333 3.82319 7.2631 3.65362 7.13807 3.5286C7.01305 3.40357 6.84348 3.33333 6.66667 3.33333Z' fill='%2316246F'/%3E%3C/svg%3E%0A");
}
.info-icon-wrapper .info-text{
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 3;
    background: var(--b);
    color: var(--w);
    border-radius: 8px;
    padding: 28px 32px 28px 24px;
    width: 316px;
    transform: translateY(-50%);
    display: none;
}
.info-icon-wrapper .info-text::before {
    position: absolute;
    top: 50%;
    left: -23px;
    z-index: 3;
    width: 24px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='32' viewBox='0 0 24 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0777 12.527C-0.609556 14.0626 -0.609556 17.9374 2.0777 19.473L24 32L24 -1.22392e-06L2.0777 12.527Z' fill='%23067FEF'/%3E%3C/svg%3E") right/contain no-repeat;
    content: "";
    transform: translateY(-50%)
}
.info-icon-wrapper .info-text .close-popup{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: all .25s;
}
.info-icon-wrapper .info-text .close-popup:hover{
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%2316246F'/%3E%3C/svg%3E");
}

.calculator-wrapper .calculator-body .calc-nav-robot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation{
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn{
    transition: all .25s;
    cursor: pointer;
    font: var(--f16);
    display: flex;
    align-items: center;
    height: 56px;
    color: var(--w);
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn:disabled {
    color: #FFFFFF;
    background: #616161;
    cursor: not-allowed;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.disabled {
    opacity: 0.2;
    cursor: not-allowed;
    pointer-events: none;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn:hover {
    background:var(--p2);
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.btn-prev{
    width: 56px;
    border-radius: 50%;
    border: 1px solid var(--c-text-color);
    justify-content: center;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.btn-prev:before{
    position: relative;
    content: "";
    width: 6px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 12.75L0.75 6.75L6.75 0.75' stroke='%2316246F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.btn-next {
    justify-content: space-between;
    gap: 21px;
    border-radius: 56px;
    background: var(--c-text-color);
    padding: 18px 24px;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.btn-next:after{
    position: relative;
    content: "";
    width: 6px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 12.75L6.75 6.75L0.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.add-prod{
    border: 1px solid var(--c-text-color);
    border-radius: 56px;
    padding: 18px 24px;
    transition: all .25s;
    cursor: pointer;
    font: var(--f16);
    display: none;
    align-items: center;
    height: 56px;
    color: var(--c-text-color);
    background: transparent;
    gap: 8px;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.add-prod.active{
    display: flex;
}
.calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.add-prod:before{
    position: relative;
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3.3335V12.6668' stroke='%2325282B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33301 8H12.6663' stroke='%2325282B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-size: cover;
}


.calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper{
    position: relative;
    display: flex;
    cursor: pointer;
}
.calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .img-wrapper{
    position: relative;
    display: flex;
    max-width: 170px;
}
.calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text{
    position: absolute;
    top: 35px;
    left: -115px;
    z-index: 0;
    background: var(--b);
    color: var(--w);
    font: var(--f16);
    border-radius: 8px;
    padding: 24px 24px;
    width: 150px;
    display: block;
}
.calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text::before {
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 3;
    width: 24px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='32' viewBox='0 0 24 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0777 12.527C-0.609556 14.0626 -0.609556 17.9374 2.0777 19.473L24 32L24 -1.22392e-06L2.0777 12.527Z' fill='%23067FEF'/%3E%3C/svg%3E") right/contain no-repeat;
    content: "";
    transform: translateY(-50%) rotate(180deg);
}
.calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text.bigtext{
    width: 316px;
    left: unset;
    right: 105%;
    top: unset;
    bottom: 80%;
}
.calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text.bigtext::before {
    top: unset;
    bottom: 12px;
    transform: translateY(0) rotate(180deg);
}
.calculator-wrapper .calculator-body .calculator-results-wrapper {
    background: #91C5FF;
    border-radius: 8px;
    padding: 32px;
    width: calc(40% - 30px);
    min-height: 480px;
    display: flex;
    flex-direction: column;
}
.calculator-wrapper .calculator-body .calculator-results-wrapper h4{
    color: var(--c-text-color);
    margin: 0 0 16px 0;
}
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results {
    gap: 16px;
}
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results,
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results #basic-data,
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results #products-data{
    display: flex;
    flex-direction: column;
}
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results #products-data{
    gap:4px;
}
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results .results-item-wrapper{
    display: flex;
    justify-content: space-between;
    padding: 0 0 4px 0;
    margin: 0 0 4px 0;
    border-bottom: 1px solid rgba(22, 36, 111, 0.3);
}
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results .results-item-wrapper .results-label{
    font: var(--f16m);
    color: var(--c-text-color);
}
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results .results-item-wrapper .results-value{
    font: var(--f16m);
    color: var(--c-text-color);
}
.calculator-wrapper .calculator-body .calculator-results-wrapper .calculator-results #products-data .res-product-wrapper{
    display: flex;
    flex-direction: column;
    background: #067FEF1A;
    border-radius: 16px;
    padding: 12px;
    gap: 16px;
    transition: all .25s;
}
#products-data .res-product-wrapper .res-product-header{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}
#products-data .res-product-wrapper .res-product-header .prod-number{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #16246F;
    color: #FFFFFF;
    width: 24px;
    height: 24px;
    min-width: 24px;
    font: var(--f12);
}

#products-data .res-product-wrapper .res-product-header .prod-title{
    font: var(--f16m);
    color: var(--c-text-color);
}
#products-data .res-product-wrapper .res-product-header .icons {
    display: flex;
    gap: 8px;
}
#products-data .res-product-wrapper .res-product-header .prod-edit,
#products-data .res-product-wrapper .res-product-header .prod-del,
#products-data .res-product-wrapper .res-product-header .prod-fade{
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: all .25s;
}
#products-data .res-product-wrapper .res-product-header .prod-edit{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.304 4.84387L17.156 7.69587M7 6.99987H4C3.73478 6.99987 3.48043 7.10523 3.29289 7.29277C3.10536 7.4803 3 7.73466 3 7.99987V17.9999C3 18.2651 3.10536 18.5194 3.29289 18.707C3.48043 18.8945 3.73478 18.9999 4 18.9999H15C15.2652 18.9999 15.5196 18.8945 15.7071 18.707C15.8946 18.5194 16 18.2651 16 17.9999V13.4999M18.409 3.58987C18.5964 3.77718 18.745 3.99956 18.8464 4.24433C18.9478 4.48909 19 4.75143 19 5.01637C19 5.28131 18.9478 5.54366 18.8464 5.78842C18.745 6.03318 18.5964 6.25557 18.409 6.44287L11.565 13.2869L8 13.9999L8.713 10.4349L15.557 3.59087C15.7442 3.40341 15.9664 3.25469 16.2111 3.15321C16.4558 3.05174 16.7181 2.99951 16.983 2.99951C17.2479 2.99951 17.5102 3.05174 17.7549 3.15321C17.9996 3.25469 18.2218 3.40341 18.409 3.59087V3.58987Z' stroke='%2316246F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#products-data .res-product-wrapper .res-product-header .prod-del{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2008 6.4H4.80078M12.0008 9.6V16.8M6.40078 6.4H17.6008L17.2008 20H6.80078L6.40078 6.4ZM9.20078 4H14.8008V6.4H9.20078V4Z' stroke='%2316246F' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
#products-data .res-product-wrapper .res-product-header .prod-fade{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%2316246F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#products-data .res-product-wrapper.active .res-product-header .prod-fade{
    transform: rotate(180deg);
}
#products-data .res-product-wrapper .res-product-body{
    display: none;
    transition: all .25s;
}
#products-data .res-product-wrapper.active .res-product-body{
    display: flex;
    flex-direction: column;
}
#products-data .res-product-wrapper .res-product-body .prod-data-item{
    display: flex;
    justify-content: space-between;
    padding: 4px 0 0 0;
    margin: 4px 0 0 0;
    border-top: 1px solid rgba(22, 36, 111, 0.3);
}
#products-data .res-product-wrapper .res-product-body .prod-data-item .data-item-label{
    font: var(--f16m);
    color: var(--c-text-color);
}
#products-data .res-product-wrapper .res-product-body .prod-data-item .data-item-value{
    font: var(--f16m);
    color: var(--c-text-color);
}
.products-pre-text {
    background: var(--b);
    color: var(--w);
    font: var(--f18);
    border-radius: 8px;
    padding: 24px 24px;
    width: 100%;
    margin: 0 0 90px 0;
}

@media(max-width: 1199px) {
    .calculator-wrapper {
        max-width: 100%;
    }
    .calculator-wrapper .calculator-body {
        padding: 16px 16px 16px 16px;
    }
    .calculator-wrapper .calculator-body .calculator-slider-wrapper {
        width: calc(55.5% - 16px);
    }
    .calculator-wrapper .calculator-body .calculator-results-wrapper {
        padding: 16px;
        width: calc(44.5% - 16px);
        min-height: 480px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper {
        order:1;
        justify-content: flex-end;
        width: 100%;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text.bigtext{
        width: 228px;
        right: 85%;
        bottom: 50%;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation {
        order: 2;
    }
}
@media(max-width: 767px) {
    .calculator-wrapper .calculator-body {
        flex-direction: column;
        gap: 16px;
    }
    .calculator-wrapper .calculator-header{
        padding: 16px;
    }
    .info-icon-wrapper .info-text{
        top: unset;
        bottom: 100%;
        left: -100px;
        padding: 16px 32px 16px 16px;
        width: 264px;
        transform: translateY(-16px);
    }
    .info-icon-wrapper .info-text::before {
        top: 100%;
        left: 37.5%;
        width: 16px;
        height: 14px;
        transform: translateY(0) rotate(-90deg);
    }
    .info-icon-wrapper .info-text.left-overflow{
        left: -60px;
        right: auto;
    }
    .info-icon-wrapper .info-text.left-overflow::before{
        left: 22.5%;
    }
    .info-icon-wrapper .info-text.right-overflow{
        right: -50px;
        left: auto;
    }
    .info-icon-wrapper .info-text.right-overflow::before{
        left: 75.5%;
    }
    .calculator-wrapper .calculator-body .calculator-slider-wrapper {
        width: 100%;
        order: 2;
    }
    .calculator-wrapper .calculator-body .calculator-results-wrapper {
        order: 1;
        width: 100%;
        min-height: 252px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot {
        gap: 8px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .img-wrapper {
        max-width: 70px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text{
        top: 12px;
        left: -92px;
        font: var(--f14);
        padding: 8px 8px;
        width: 104px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text::before {
        width: 16px;
        height: 14px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper .info-text.bigtext{
        width: 214px;
        right: 85%;
        bottom: 40%;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .robot-wrapper.hasbigtext{
        margin: 70px 0 0 0;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.btn-prev,
    .calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.btn-next{
        padding: 18px;
    }
    .calculator-wrapper .calculator-body .calc-nav-robot .calc-navigation .nav-btn.btn-next:after{
        display: none;
    }
}
.form-score-wrapper{
    background: #FFFFFF;
    border-radius: 12px;
    padding: 40px;
    display: none;
    align-items: center;
    width: var(--scontainer-width);
    /*    max-width: calc(100vw - 64px);*/
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}
.form-score-wrapper .score-wrapper{
    background: #91C5FF;
    border-radius: 8px;
    padding: 32px;
    width: calc(60% - 40px);
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.form-score-wrapper .score-wrapper h3,
.form-score-wrapper .score-wrapper h4{
    color: var(--c-text-color);
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper{
    display: flex;
    flex-direction: column;
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .score-sum-wrapper{
    display: flex;
    justify-content: space-between;
    padding: 0 0 16px 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid rgba(22, 36, 111, 0.3);
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .score-sum-wrapper h3{
    display: flex;
    font: var(--f32);
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .score-sum-wrapper .delivery_amount{
    /*    display: flex;*/
    font: var(--f32);
    color: var(--c-text-color);
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .score-info{
    font: var(--f16);
    color: var(--c-text-color);
    margin: 0 0 16px 0;
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .pdf-btn-wrapper{
    display: flex;
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .pdf-btn-wrapper .pdf-btn{
    border: 1px solid var(--c-text-color);
    transition: all .25s;
    cursor: pointer;
    font: var(--f18);
    display: flex;
    align-items: center;
    height: 60px;
    color: var(--c-text-color);
    background: transparent;
    gap: 8px;
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .pdf-btn-wrapper .pdf-btn:hover{
    background: #067FEF;
}
.form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .pdf-btn-wrapper .pdf-btn:before{
    position: relative;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.67107 22.95C-1.00893 20.91 0.77757 18.48 2.60607 17.445C3.62157 16.8735 4.88607 16.476 6.25107 16.101C5.84487 16.8749 5.3967 17.6261 4.90857 18.351C4.50698 18.5122 4.11573 18.6981 3.73707 18.9075C2.77407 19.4505 1.48707 20.4 2.27757 21.5925C3.04707 22.7535 4.28757 21.477 4.87257 20.8035C5.61957 20.0415 6.46257 18.8385 7.21257 17.5185C8.00607 16.1235 8.72757 14.5485 9.41757 12.8835C10.0401 11.3835 10.5936 9.83855 11.0076 8.39855C11.4276 6.95855 11.7111 5.62505 11.8161 4.50005C11.9016 3.56555 11.8611 2.19005 10.6311 2.37005C9.40107 2.55005 9.41607 3.99005 9.70857 5.11505C9.79457 5.45005 9.90257 5.79755 10.0326 6.15755C9.94057 6.58855 9.82907 7.04355 9.69807 7.52255C9.58807 7.91855 9.46807 8.32405 9.33807 8.73905C8.80876 7.706 8.38995 6.61999 8.08857 5.49905C7.56357 3.47405 7.54107 0.654046 10.2636 0.0690461C12.9861 -0.515954 13.6686 2.57405 13.4886 4.55405C13.3386 6.15905 12.8931 8.12405 12.2181 10.149C12.6501 10.8645 13.1211 11.5815 13.6206 12.279C14.1456 13.0155 14.8356 13.7685 15.4056 14.424C17.4156 14.274 19.3956 14.373 20.8806 14.6535C22.9206 15.039 24.7656 16.3185 23.6856 18.7635C22.6041 21.2085 19.9356 20.8485 18.1656 19.71C16.6893 18.7558 15.3942 17.5471 14.3406 16.14H14.3361C13.2173 14.4622 12.1907 12.7246 11.2611 10.935C10.8171 12.2745 10.1661 14.07 9.61107 15.27C10.3206 15.105 11.0661 14.97 11.8011 14.8575C12.1026 15.3645 12.3906 15.8595 12.6861 16.3395C12.4511 16.3745 12.2061 16.4135 11.9511 16.4565C11.0281 16.6135 10.1231 16.8015 9.23607 17.0205C9.01207 17.4505 8.79507 17.8745 8.58507 18.2925C7.83657 19.7745 7.14657 21.1425 6.29007 22.1175C4.92057 23.6775 2.36007 24.9525 0.68007 22.9125L0.67107 22.95ZM16.4211 15.93C17.3196 16.848 18.1611 17.55 18.9861 18.09C19.9881 18.735 21.1461 19.1115 21.6861 17.985C22.2366 16.8555 21.2196 16.29 20.1561 16.08C19.1076 15.8805 17.8611 15.8715 16.4061 15.924L16.4211 15.93Z' fill='%2316246F'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}
.form-score-wrapper .score-wrapper .score-navigation{
    display: flex;
    justify-content: flex-start;
    gap: 24px;
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn{
    transition: all .25s;
    cursor: pointer;
    font: var(--f16);
    display: flex;
    align-items: center;
    height: 56px;
    color: var(--w);
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn:disabled {
    color: #FFFFFF;
    background: #616161;
    cursor: not-allowed;
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn.disabled {
    opacity: 0.2;
    cursor: not-allowed;
    pointer-events: none;
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn:hover {
    background:var(--p2);
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn.score-btn-prev{
    width: 56px;
    border-radius: 50%;
    border: 1px solid var(--c-text-color);
    justify-content: center;
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn.score-btn-prev:before{
    position: relative;
    content: "";
    width: 6px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 12.75L0.75 6.75L6.75 0.75' stroke='%2316246F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn.score-btn-next {
    justify-content: space-between;
    gap: 21px;
    border-radius: 56px;
    background: #067FEF;
    padding: 18px 24px;
}
.form-score-wrapper .score-wrapper .score-navigation .nav-btn.score-btn-next:hover {
    background: var(--p);
}
.form-score-wrapper .form-wrapper{
    display: flex;
    flex-direction: column;
    width: calc(40% - 30px);
}
@media(max-width: 1199px) {
    .form-score-wrapper {
        padding: 16px;
    }
    .form-score-wrapper .score-wrapper {
        width: calc(60% - 8px);
    }
    .form-score-wrapper .form-wrapper {
        width: calc(40% - 8px);
    }
    .form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .score-sum-wrapper {
        flex-direction: column;
        gap: 10px;
    }
}
@media(max-width: 767px) {
    .form-score-wrapper {
        flex-direction: column;
        gap: 16px;
    }
    .form-score-wrapper .score-wrapper {
        width: 100%;
        min-height: 460px;
        padding: 16px;
    }
    .form-score-wrapper .form-wrapper {
        width: 100%;
    }
    .form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .score-sum-wrapper h3 {
        font: var(--f26);
    }
    .form-score-wrapper .score-wrapper .score-sum-pdf-wrapper .score-sum-wrapper .delivery_amount {
        font: var(--f26);
    }
}

.uktzed-chat-wrapper {
    /*    display: flex;*/
    display: none;
    flex-direction: column;
    background: #FFFFFF;
    border:2px solid #1D329F;
    border-radius: 8px;
    padding: 6px;
    width: 300px;
    min-height: 400px;
    position: absolute;
    left: 3%;
    bottom: 0;
    z-index: 9;
}
.uktzed-chat-wrapper .close-popup{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: all .25s;
}
.uktzed-chat-wrapper .close-popup:hover{
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%2316246F'/%3E%3C/svg%3E");
}
.uktzed-chat-wrapper .uktzed-chat-chat{
    background: #91C5FF;
    height: 300px;
    border-radius: 8px;
    padding: 8px;
    overflow: scroll;
}
.uktzed-chat-wrapper .uktzed-chat-chat p {
    margin: 0 0 5px 0;
}
.uktzed-chat-wrapper .uktzed-chat-chat p.user-text {
    color: var(--w);
}
.uktzed-chat-wrapper .uktzed-chat-chat p.bot-text {
}
.uktzed-chat-wrapper .uktzed-chat-input-wrapper{
    height: 100px;
    display: flex;
    align-items: center;
}
.uktzed-chat-wrapper .uktzed-chat-input-wrapper .uktzed-btn-mes{
    border-radius: 50%;
    background: var(--c-text-color);
    padding: 18px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    cursor: pointer;
}
.uktzed-chat-wrapper .uktzed-chat-input-wrapper .uktzed-btn-mes:after{
    position: relative;
    content: "";
    width: 6px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 12.75L6.75 6.75L0.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}
.uktzed-chat-wrapper .uktzed-chat-input-wrapper .uktzed-btn-mes.disabled {
    opacity: 0.2;
    cursor: not-allowed;
    pointer-events: none;
}
#conversation_id {
    display: none;
}
.typing-dots i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 2px;
    background: #1D329F;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out both;
}

.typing-dots i:nth-child(1) {
    animation-delay: -0.32s;
}
.typing-dots i:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}
@media(max-width: 1199px) {
    .uktzed-chat-wrapper {
        min-height: 300px;
        bottom: 0;
        left: 0;
    }
    .uktzed-chat-wrapper .uktzed-chat-chat{
        height: 200px;
    }
}
@media(max-width: 767px) {
    .uktzed-chat-wrapper {
        width: 100%;
        bottom: -85px;
    }
}


.goods-editor-wrapper {
    width: var(--scontainer-width);
    max-width: calc(100vw - 64px);
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    display: none;
}
.goods-editor-wrapper .goods-editor-header{
    background: #1D329F;
    padding: 28px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 12px 12px 0 0;
    align-items: center;
    gap: 16px;
}
.goods-editor-wrapper .goods-editor-body{
    background: #FFFFFF;
    padding: 28px 28px 28px 40px;
    border-radius: 0 0 12px 12px;
    /*    display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;*/
}
.goods-editor-wrapper .goods-editor-body .field{
    margin-bottom: 20px;
    display: grid;
    gap: 8px;
}
.goods-editor-wrapper .goods-editor-body .field .text-inp{
    flex-direction: column;
}
.goods-editor-wrapper .goods-editor-body .field label {
    font: var(--f18);
    color: var(--c-text-color);
}
.goods-editor-wrapper .goods-editor-body .field.two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions{
    display: flex;
    justify-content: flex-start;
    gap: 24px;
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn{
    transition: all .25s;
    cursor: pointer;
    font: var(--f16);
    display: flex;
    align-items: center;
    height: 56px;
    color: var(--w);
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn:disabled {
    color: #FFFFFF;
    background: #616161;
    cursor: not-allowed;
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn.disabled {
    opacity: 0.2;
    cursor: not-allowed;
    pointer-events: none;
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn:hover {
    background:var(--p2);
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn.btn-prev{
    width: 56px;
    border-radius: 50%;
    border: 1px solid var(--c-text-color);
    justify-content: center;
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn.btn-prev:before{
    position: relative;
    content: "";
    width: 6px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 12.75L0.75 6.75L6.75 0.75' stroke='%2316246F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn.btn-next {
    justify-content: space-between;
    gap: 21px;
    border-radius: 56px;
    background: var(--c-text-color);
    padding: 18px 24px;
}
.goods-editor-wrapper .goods-editor-body .edit-prod-actions .nav-btn.btn-next:after{
    position: relative;
    content: "";
    width: 6px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 12.75L6.75 6.75L0.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}

@media(max-width: 1199px) {
    .goods-editor-wrapper {
        max-width: 100%;
    }
}
@media(max-width: 767px) {
    .goods-editor-wrapper .goods-editor-header{
        padding: 16px;
        gap: 8px;
    }
    .goods-editor-wrapper .goods-editor-body{
        padding: 16px;
        gap: 8px;
    }
    .goods-editor-wrapper .goods-editor-body .field.two {
        grid-template-columns: 1fr;
    }
}

.clck {
    display: none!important;
}