.feedback-form-box * {
    font-family: "Poppins", sans-serif;
}

.feedback-form-box {
    position: fixed;
    bottom: 16px;
    right: 0;
    transform: translateX(100%);
    border-radius: 16px 0px 0px 16px;
    background: #FFF;
    min-height: 350px;
    z-index: 5002;
    transition: 0.45s;
    width: 400px;
    box-shadow: 0px 1px 14px 0px transparent;
    max-height: 100vh;
}

.feedback-form-box.active .btn-visible-feedback-form:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 14px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUxNDYgMi41MjkxNkMxMS43NzQ5IDIuMjY4OTUgMTIuMTk2NyAyLjI2ODkxIDEyLjQ1NyAyLjUyOTE2QzEyLjcxNzMgMi43ODk0NiAxMi43MTcyIDMuMjExMTggMTIuNDU3IDMuNDcxNTRMOC42Mzc2NCA3LjI4OTlMMTIuNDU3IDExLjEwOTJDMTIuNzE3MyAxMS4zNjk1IDEyLjcxNzIgMTEuNzkxMyAxMi40NTcgMTIuMDUxNkMxMi4xOTY2IDEyLjMxMiAxMS43NzQ5IDEyLjMxMiAxMS41MTQ2IDEyLjA1MTZMNy42OTUyNiA4LjIzMjI4TDMuOTcxNjMgMTEuOTU2OUMzLjcxMTI4IDEyLjIxNzIgMy4yODk2IDEyLjIxNzIgMy4wMjkyNSAxMS45NTY5QzIuNzY4OTYgMTEuNjk2NSAyLjc2ODkyIDExLjI3NDggMy4wMjkyNSAxMS4wMTQ1TDYuNzUyODggNy4yODk5TDMuMDI5MjUgMy41NjcyNEMyLjc2ODkgMy4zMDY4OSAyLjc2ODkgMi44ODQyMyAzLjAyOTI1IDIuNjIzODhDMy4yODk1NSAyLjM2MzczIDMuNzExMzIgMi4zNjM3NCAzLjk3MTYzIDIuNjIzODhMNy42OTUyNiA2LjM0NzUxTDExLjUxNDYgMi41MjkxNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.feedback-form-box.active {
    transform: translateX(0%);
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.25);
}

.btn-visible-feedback-form {
    position: absolute;
    z-index: 200;
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(81deg, #C02727 0%, #E34343 86.51%);
    padding: 12px 16px;
    transform-origin: left bottom;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    top: 50%;
    left: 0;
    transform: translate(-0%, 100%) rotate(-90deg);
    white-space: nowrap;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    cursor: pointer;
    z-index: 4999;
}

.btn-visible-feedback-form:before {
    content: '';
    display: block;
    width: 18px;
    margin-right: 12px;
    height: 18px;
    min-width: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU3NDdfMjEzOSkiPgo8cGF0aCBkPSJNMTguMjIxNCAxMi4zMjQ5QzE4LjEyNDcgMTMuMjI2MyAxNy40MDk3IDEzLjkzMDUgMTYuNTIzOCAxMy45OTM4QzE2LjQ1MDUgMTMuOTk5MSAxNi4zNzc3IDE0LjAwNDQgMTYuMzA0OSAxNC4wMDkyQzE1Ljc2NDcgMTQuMDQ2NiAxNS4zNDQ4IDE0LjUwNDcgMTUuMzQ0OCAxNS4wNTc4VjE3LjE0ODRDMTUuMzQ0OCAxNy44NTE2IDE0LjU1NjYgMTguMjUwOCAxNC4wMDg5IDE3LjgyNDhDMTMuMDA5MyAxNy4wNDcyIDExLjY3OTUgMTUuODkwNiAxMC44NjM2IDE0LjY5MTNDMTAuNjcwNiAxNC40MDczIDEwLjM1MTYgMTQuMjQxOCAxMC4wMTI5IDE0LjI0MzdDNy41MDA3OSAxNC4yNTY3IDQuOTg4NzIgMTQuMTc0MiAyLjQ3NjYgMTMuOTkzOEMxLjc3NjI3IDEzLjk0MzkgMS4xODE1NyAxMy40OTQ0IDAuOTE2NjcgMTIuODYyMkMwLjg0NjE4OCAxMi42OTYyIDAuNzk5MjU2IDEyLjUxNjggMC43NzkwMjMgMTIuMzI5MkMwLjQwNjk5MiA4Ljg1ODUzIDAuNDA2OTkyIDUuMzg3MzYgMC43NzkwMjMgMS45MTYxNEMwLjg3NTc2MiAxLjAxNTc0IDEuNTkxMTkgMC4zMTQ4NiAyLjQ3NTY2IDAuMjUxNTE4QzYuMjE3OTcgLTAuMDE2NjQwOSA5Ljk1OTc5IC0wLjA3MDM4NjQgMTMuNzAxNyAwLjA5MDMzOTlDMTQuNjQyIDAuMTMwMTQgMTUuNTgyOSAwLjE4Mzg4NiAxNi41MjMzIDAuMjUxNTE4QzE3LjQwODMgMC4zMTQ4MDQgMTguMTI0MSAxLjAxNTY5IDE4LjIyMDkgMS45MTYxNEMxOC41OTMgNS4zODU5IDE4LjU5MyA4Ljg1NTIgMTguMjIxNCAxMi4zMjQ5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTcuMjEzNTcgNS45ODIwNkM3LjIxMzU3IDUuMjMzNzUgNi44NTQ2NCA0LjYyNSA2LjQxMzQ1IDQuNjI1QzUuOTcyMjEgNC42MjUgNS42MTMyOCA1LjIzMzgxIDUuNjEzMjggNS45ODIwNkM1LjYxMzI4IDYuNzMwMyA1Ljk3MjIxIDcuMzM5MTEgNi40MTM0NSA3LjMzOTExQzYuODU0NjQgNy4zMzkxMSA3LjIxMzU3IDYuNzMwMzYgNy4yMTM1NyA1Ljk4MjA2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzU3NDdfMjEzOSkiLz4KPHBhdGggZD0iTTEyLjU4NzMgNC42MjVDMTIuMTQ2IDQuNjI1IDExLjc4NzEgNS4yMzM4MSAxMS43ODcxIDUuOTgyMDZDMTEuNzg3MSA2LjczMDMgMTIuMTQ2IDcuMzM5MTEgMTIuNTg3MyA3LjMzOTExQzEzLjAyODUgNy4zMzkxMSAxMy4zODc0IDYuNzMwMyAxMy4zODc0IDUuOTgyMDZDMTMuMzg3NCA1LjIzMzgxIDEzLjAyODUgNC42MjUgMTIuNTg3MyA0LjYyNVoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl81NzQ3XzIxMzkpIi8+CjxwYXRoIGQ9Ik0xMi4yNzkzIDguMjcwNjZDMTIuMDYxNyA4LjE3NzE3IDExLjgxMTQgOC4yODExNiAxMS43MTk3IDguNTAzMTRDMTEuMzQyNCA5LjQxNzE0IDEwLjQ3MTQgMTAuMDA3NyA5LjUwMDc2IDEwLjAwNzdDOC41MzAxNiAxMC4wMDc3IDcuNjU5MTIgOS40MTcxNCA3LjI4MTc4IDguNTAzMTRDNy4xOTAwNyA4LjI4MTE2IDYuOTM5NTUgOC4xNzcxMSA2LjcyMjI0IDguMjcwNzJDNi41MDQ4OCA4LjM2NDMyIDYuNDAyOTUgOC42MjAxMSA2LjQ5NDYgOC44NDIwOUM3LjAwNTgzIDEwLjA4MDEgOC4xODU3NyAxMC44ODAxIDkuNTAwNyAxMC44ODAxQzEwLjgxNTcgMTAuODgwMSAxMS45OTU3IDEwLjA4MDEgMTIuNTA2OCA4Ljg0MjA5QzEyLjU5ODUgOC42MjAwNiAxMi40OTY2IDguMzY0MjEgMTIuMjc5MyA4LjI3MDY2WiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzU3NDdfMjEzOSkiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzU3NDdfMjEzOSIgeDE9IjUuNjEzMjgiIHkxPSI3LjMzOTExIiB4Mj0iNy40NjUzMSIgeTI9IjcuMTYzMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0MwMjcyNyIvPgo8c3RvcCBvZmZzZXQ9IjAuODYwMTgiIHN0b3AtY29sb3I9IiNFMzQzNDMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzU3NDdfMjEzOSIgeDE9IjExLjc4NzEiIHkxPSI3LjMzOTExIiB4Mj0iMTMuNjM5MSIgeTI9IjcuMTYzMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0MwMjcyNyIvPgo8c3RvcCBvZmZzZXQ9IjAuODYwMTgiIHN0b3AtY29sb3I9IiNFMzQzNDMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzU3NDdfMjEzOSIgeDE9IjYuNDYwOTQiIHkxPSIxMC44ODAxIiB4Mj0iMTIuNzAzIiB5Mj0iOC41NjY2OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQzAyNzI3Ii8+CjxzdG9wIG9mZnNldD0iMC44NjAxOCIgc3RvcC1jb2xvcj0iI0UzNDM0MyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU3NDdfMjEzOSI+CjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}

.feedback-form-box-header {
    width: 100%;
    border-radius: 16px 0px 0px 0px;
    background: #FCE9EC;
    padding: 24px 24px 24px 104px;
    position: relative;
    overflow: hidden;
    color: #9F1A1A;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.feedback-form-box-header-image {
    width: 94px;
    height: 68px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.feedback-form-box-header-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center left;
}

.feedback-form-box-body {
    padding: 24px;
    width: 100%;
}
.feedback-form-box-body .error {
    text-align: center;
    color: #e34343;
}

.feedback-form-box-top {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.feedback-form-box-body-count-question {
    color: #777;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    margin-left: auto;
}

.feedback-form-box-status {
    margin-bottom: 16px;
    width: 100%;
    border-radius: 100px;
    background: #F6F6F6;
    position: relative;
    height: 4px;
}

.feedback-form-box-status-active {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 100px;
    background: #CA2828;
    width: 24px;
}

.feedback-form-box-btn-back {
    display: none;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #9F1A1A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
}

.feedback-form-box-btn-back.active {
    display: flex;
}

.feedback-form-box-btn-back:before {
    content: '';
    display: block;
    width: 8px;
    height: 12px;
    min-width: 8px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01Ljg1NzU2IDEwLjQ1NTZDNS43ODAxOCAxMC40NTU2IDUuNzExNzMgMTAuNDI1OSA1LjY1MjIgMTAuMzY2NEwxLjQ5MTQ5IDYuMjA1NjRDMS40MzE5NyA2LjE0NjExIDEuNDAyMiA2LjA3NzY2IDEuNDAyMiA2LjAwMDI4QzEuNDAyMiA1LjkyMjkgMS40MzE5NyA1Ljg1NDQ1IDEuNDkxNDkgNS43OTQ5Mkw1LjY1MjIgMS42MzQyMUM1LjcxMTczIDEuNTc0NjggNS43ODAxOCAxLjU0NDkyIDUuODU3NTYgMS41NDQ5MkM1LjkzNDk0IDEuNTQ0OTIgNi4wMDMzOSAxLjU3NDY4IDYuMDYyOTIgMS42MzQyMUw2LjUwOTM1IDIuMDgwNjRDNi41Njg4NyAyLjE0MDE2IDYuNTk4NjMgMi4yMDg2MSA2LjU5ODYzIDIuMjg1OTlDNi41OTg2MyAyLjM2MzM3IDYuNTY4ODcgMi40MzE4MyA2LjUwOTM1IDIuNDkxMzVMMy4wMDA0MiA2LjAwMDI4TDYuNTA5MzUgOS41MDkyMUM2LjU2ODg3IDkuNTY4NzMgNi41OTg2MyA5LjYzNzE4IDYuNTk4NjMgOS43MTQ1NkM2LjU5ODYzIDkuNzkxOTUgNi41Njg4NyA5Ljg2MDQgNi41MDkzNSA5LjkxOTkyTDYuMDYyOTIgMTAuMzY2NEM2LjAwMzM5IDEwLjQyNTkgNS45MzQ5NCAxMC40NTU2IDUuODU3NTYgMTAuNDU1NloiIGZpbGw9IiM5RjFBMUEiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.feedback-form-box-step {
    display: none;
}

.feedback-form-box-step.active {
    display: block;
}

.feedback-form-box-step-title {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%;
    letter-spacing: 0.36px;
    margin-bottom: 24px;
}

.feedback-form-box-content {
    margin-bottom: 24px;
}

.feedback-form-box-next {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    border-radius: 10px;
    background: #777;
    color: #F5F7FB;
    outline: none;
    border: none;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.14px;
    text-transform: uppercase;
    padding: 11.5px 10px;
    width: 100%;
}

.feedback-form-box-next:after {
    content: '';
    display: block;
    width: 5px;
    height: 8px;
    min-width: 5px;
    margin-left: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjE0MjQ0IDkuNDU1NjRDMS4yMTk4MiA5LjQ1NTY0IDEuMjg4MjcgOS40MjU4NyAxLjM0NzggOS4zNjYzNUw1LjUwODUxIDUuMjA1NjRDNS41NjgwMyA1LjE0NjExIDUuNTk3OCA1LjA3NzY2IDUuNTk3OCA1LjAwMDI4QzUuNTk3OCA0LjkyMjkgNS41NjgwMyA0Ljg1NDQ0IDUuNTA4NTEgNC43OTQ5MkwxLjM0NzggMC42MzQyMDhDMS4yODgyNyAwLjU3NDY4NCAxLjIxOTgyIDAuNTQ0OTIyIDEuMTQyNDQgMC41NDQ5MjJDMS4wNjUwNiAwLjU0NDkyMiAwLjk5NjYwNSAwLjU3NDY4NCAwLjkzNzA4MiAwLjYzNDIwOEwwLjQ5MDY1MyAxLjA4MDY0QzAuNDMxMTI5IDEuMTQwMTYgMC40MDEzNjcgMS4yMDg2MSAwLjQwMTM2NyAxLjI4NTk5QzAuNDAxMzY3IDEuMzYzMzcgMC40MzExMjkgMS40MzE4MyAwLjQ5MDY1MyAxLjQ5MTM1TDMuOTk5NTggNS4wMDAyOEwwLjQ5MDY1MyA4LjUwOTIxQzAuNDMxMTI5IDguNTY4NzMgMC40MDEzNjcgOC42MzcxOCAwLjQwMTM2NyA4LjcxNDU2QzAuNDAxMzY3IDguNzkxOTUgMC40MzExMjkgOC44NjA0IDAuNDkwNjUzIDguOTE5OTJMMC45MzcwODIgOS4zNjYzNUMwLjk5NjYwNSA5LjQyNTg3IDEuMDY1MDYgOS40NTU2NCAxLjE0MjQ0IDkuNDU1NjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.feedback-form-box-next.active {
    cursor: pointer;
    pointer-events: initial;
    background: linear-gradient(81deg, #C02727 0%, #E34343 86.51%);
}

.feedback-form-box-question-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #D9E2ED;
    background: #FFF;
    margin-bottom: 8px;

    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.feedback-form-box-question-radio:last-child {
    margin-bottom: 0;
}

.feedback-form-box-question-radio.active {
    border-color: #C3DBF9;
    background: #F5F7FB;
}

.feedback-form-box-question-radio input {
    display: none;
}

.feedback-form-box-question-radio-trigger {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 12px;
    border: 2px solid #C3DBF9;
    transition: 0.25s;
    border-radius: 100%;
}

.feedback-form-box-question-radio.active .feedback-form-box-question-radio-trigger {
    border-width: 5px;
    border-color: #016CEC;
}

.feedback-form-box-question-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #D9E2ED;
    background: #FFF;
    margin-bottom: 8px;

    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.feedback-form-box-question-checkbox:last-child {
    margin-bottom: 0;
}

.feedback-form-box-question-checkbox.active {
    border-color: #C3DBF9;
    background: #F5F7FB;
}

.feedback-form-box-question-checkbox input {
    display: none;
}

.feedback-form-box-question-checkbox-trigger {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 12px;
    border: 2px solid #C3DBF9;
    transition: 0.25s;
    border-radius: 2px;
    position: relative;
}

.feedback-form-box-question-checkbox-trigger:after {
    content: '';
    display: block;
    opacity: 0;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU3NDdfNDMzOSkiPgo8cGF0aCBkPSJNOS41NzIzNCAwLjM4MjMyQzkuNDgwNTUgMC4zMjI3NDYgOS4zNzc5MiAwLjI4MTg0IDkuMjcwMzIgMC4yNjE5MzlDOS4xNjI3MSAwLjI0MjAzOCA5LjA1MjI0IDAuMjQzNTMyIDguOTQ1MjIgMC4yNjYzMzVDOC44MzgxOSAwLjI4OTEzOSA4LjczNjcgMC4zMzI4MDQgOC42NDY1NiAwLjM5NDgzOUM4LjU1NjQxIDAuNDU2ODczIDguNDc5MzcgMC41MzYwNiA4LjQxOTg0IDAuNjI3ODc1TDMuNzUwMzkgNy44MjUzOEwxLjQ3MzE3IDUuNzE5ODJDMS4zOTI4MyA1LjY0NTUzIDEuMjk4NjQgNS41ODc4IDEuMTk1OTggNS41NDk5MUMxLjA5MzMzIDUuNTEyMDIgMC45ODQyMTEgNS40OTQ3MyAwLjg3NDg3IDUuNDk5MDFDMC42NTQwNDYgNS41MDc2NiAwLjQ0NTcwMiA1LjYwMzY3IDAuMjk1NjcgNS43NjU5M0MwLjE0NTYzOSA1LjkyODE5IDAuMDY2MjEwMSA2LjE0MzQxIDAuMDc0ODU3NiA2LjM2NDIzQzAuMDgzNTA1MSA2LjU4NTA2IDAuMTc5NTIgNi43OTM0IDAuMzQxNzgxIDYuOTQzNDNMMy4zMzE3OCA5LjcwNzg4QzMuMzMxNzggOS43MDc4OCAzLjQxNzYxIDkuNzgxNzYgMy40NTczNCA5LjgwNzZDMy41NDkxNCA5Ljg2NzIyIDMuNjUxNzkgOS45MDgxNiAzLjc1OTQyIDkuOTI4MDhDMy44NjcwNSA5Ljk0ODAxIDMuOTc3NTYgOS45NDY1MiA0LjA4NDYxIDkuOTIzNzJDNC4xOTE2NyA5LjkwMDkxIDQuMjkzMTkgOS44NTcyMyA0LjM4MzM2IDkuNzk1MTdDNC40NzM1MiA5LjczMzEyIDQuNTUwNTggOS42NTM5IDQuNjEwMTIgOS41NjIwNEw5LjgxNzg5IDEuNTM0ODJDOS44Nzc0NyAxLjQ0MzAzIDkuOTE4MzcgMS4zNDA0IDkuOTM4MjcgMS4yMzI4QzkuOTU4MTcgMS4xMjUxOSA5Ljk1NjY4IDEuMDE0NzIgOS45MzM4OCAwLjkwNzY5OEM5LjkxMTA3IDAuODAwNjcyIDkuODY3NDEgMC42OTkxODggOS44MDUzNyAwLjYwOTA0MkM5Ljc0MzM0IDAuNTE4ODk2IDkuNjY0MTUgMC40NDE4NTUgOS41NzIzNCAwLjM4MjMyWiIgZmlsbD0iI0Y1RjdGQiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU3NDdfNDMzOSI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.feedback-form-box-question-checkbox.active .feedback-form-box-question-checkbox-trigger {
    border-width: 5px;
    border-color: #016CEC;
    background: #016CEC;
}

.feedback-form-box-question-checkbox.active .feedback-form-box-question-checkbox-trigger:after {
    opacity: 1;
}

.feedback-form-box-final-step {
    display: none;
}

.feedback-form-box-final-step.active {
    display: block;
}

.feedback-form-box-final-step-image {
    width: 173px;
    height: 173px;
    margin-bottom: 24px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.feedback-form-box-final-step-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.feedback-form-box-final-step-title {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%;
    letter-spacing: 0.4px;
    margin-bottom: 16px;
    text-align: left;
}

.feedback-form-box-final-step-text {
    color: #111;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    letter-spacing: 0.32px;
    margin-bottom: 24px;
}

.feedback-form-box-final-step-btn-submit {
    cursor: pointer;
    pointer-events: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #777;
    padding: 10px;
    color: #F5F7FB;
    text-align: center;
    outline: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.14px;
    text-transform: uppercase;
    margin-top: 24px;
}

.feedback-form-box-final-step-form-label {
    display: block;
    width: 100%;
}

.feedback-form-box-final-step-form-label input {
    display: block;
    width: 100%;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #D9E2ED;
    background: #F5F7FB;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #111;
    outline: none;
}

.feedback-form-box-final-step-form-label input:focus {
    border: 1px solid #6A6ED4;
}

.feedback-form-box-final-step-form-label input::placeholder {
    color: #777;
}

.feedback-form-box-final-step-form-label-text {
    color: #424242;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.28px;
    display: block;
    margin-bottom: 6px;
}

.feedback-form-box-final-step-form-label-text-red {
    color: #9F1A1A;
}

.feedback-form-box-final-step-btn-submit.active {
    pointer-events: initial;
    background: linear-gradient(81deg, #C02727 0%, #E34343 86.51%);
}

.feedback-form-box-next.hide,
.feedback-form-box-header.hide,
.feedback-form-box-content.hide,
.feedback-form-box-status.hide,
.feedback-form-box-top.hide {
    display: none;
}

.feedback-form-box-form-submit {
    display: none;
}

.feedback-form-box-form-submit.active {
    display: block;
}

.feedback-form-box-form-submit-image {
    width: 173px;
    height: 173px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.feedback-form-box-form-submit-title {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%;
    letter-spacing: 0.4px;
    margin-bottom: 16px;
}

.feedback-form-box-form-submit-text {
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    letter-spacing: 0.32px;
    margin-bottom: 24px;
}

.feedback-form-box-form-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(81deg, #C02727 0%, #E34343 86.51%);
    color: #F5F7FB;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.14px;
    text-transform: uppercase;
    width: 100%;
    padding: 11.5px 10px;
    cursor: pointer;
    outline: none;
}

.feedback-form-box-form-submit-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.feedback-form-box-bg {
    opacity: 0;
    pointer-events: none;
    transition: 0.25s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.60);
    z-index: 5001;
}

.feedback-form-box-bg.active {
    opacity: 1;
    pointer-events: initial;
}

.feedback-form-box-btn-close {
    display: none;
}

@media screen and (min-width: 992px) {
    .feedback-form-box-question-radio:hover {
        border-color: #C3DBF9;
        background: #F5F7FB;
    }

    .feedback-form-box-question-checkbox:hover {
        border-color: #C3DBF9;
        background: #F5F7FB;
    }
}

@media screen and (max-width: 992px) {
    .feedback-form-box {
        transform: translateY(100%);
        bottom: 0;
        max-width: 100%;
        overflow: auto;
    }

    .feedback-form-box.active {
        transform: translateY(0%);
    }

    .btn-visible-feedback-form {
        position: fixed;
        top: auto;
        left: auto;
        transform: translate(0%, 0%) rotate(-90deg);
        bottom: 320px;
        transform-origin: bottom right;
        right: 0;
        padding: 8px 12px;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .feedback-form-box-header {
        border-radius: 16px 16px 0 0;
    }

    .feedback-form-box {
        border-radius: 16px 16px 0 0;
    }

    .feedback-form-box-header {
        padding: 40px 16px 16px 106px;
    }

    .feedback-form-box-header-image {
        width: 96px;
        height: 71px;
    }

    .feedback-form-box-header {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .feedback-form-box-btn-close {
        display: block;
        position: absolute;
        top: 12px;
        right: 12px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        z-index: 20;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjAxNjUgNC40MTAwOEMxNS4zNDIgNC4wODQ2NiAxNS44Njk4IDQuMDg0NjUgMTYuMTk1MiA0LjQxMDA4QzE2LjUyMDYgNC43MzU1MiAxNi41MjA2IDUuMjYzMzkgMTYuMTk1MiA1LjU4ODhMMTEuNDIxOCAxMC4zNjEzTDE2LjE5NTIgMTUuMTM1N0MxNi41MjAzIDE1LjQ2MSAxNi41MjAzIDE1Ljk4ODEgMTYuMTk1MiAxNi4zMTM0QzE1Ljg2OTggMTYuNjM4OCAxNS4zNDIgMTYuNjM4OCAxNS4wMTY1IDE2LjMxMzRMMTAuMjQzMSAxMS41NEw1LjU4ODggMTYuMTk1MkM1LjI2MzQgMTYuNTIwNiA0LjczNTU0IDE2LjUyMDYgNC40MTAwOSAxNi4xOTUyQzQuMDg0NjYgMTUuODY5OCA0LjA4NDY2IDE1LjM0MiA0LjQxMDA5IDE1LjAxNjVMOS4wNjQzOSAxMC4zNjEzTDQuNDEwMDkgNS43MDY5NkM0LjA4NDY3IDUuMzgxNTIgNC4wODQ2NiA0Ljg1MzY4IDQuNDEwMDkgNC41MjgyNUM0LjczNTU1IDQuMjAzMTEgNS4yNjM0NiA0LjIwMjkzIDUuNTg4OCA0LjUyODI1TDEwLjI0MzEgOS4xODI1NUwxNS4wMTY1IDQuNDEwMDhaIiBmaWxsPSIjMTExMTExIi8+Cjwvc3ZnPgo=");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .feedback-form-box-body {
        padding: 16px;
    }

    .feedback-form-box-step-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }
}