@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

.page-calc,
.page-calc * {
    font-family: "Inter", sans-serif;
}

.calc-title {
    color: #23262F;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.8px;
    margin-bottom: 8px;
}

.calc-desc {
    color: #353945;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.calc-main-box {
    background: #F4F5F6;
    margin-top: 28px;
    padding-top: 30px;
}



.calculator {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 20px;
}

.form-row {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
    gap: 37px;
}

.form-group {
    width: calc(50% - 18.5px);
}

.form-group label {
    display: block;
}

.form-label-text {
    color: #2F323D;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
}

.form-group-inp-wrap {
    position: relative;
}

.form-group-inp-wrap-1:after {
    content: '';
    display: block;
    right: 15px;
    z-index: 20;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMDM5MDYgMi4wOTA2M0M0LjAzOTA2IDIuMDkwNjMgMTEuOTYwOCAtMS4zNDY4NCAxMy4xOTczIDMuOTgzNTVDMTMuODMzMSA2LjcyNDI3IDEwLjcwNCA4LjgyMDUgOS4yMzEyNCAxMC4wMDdDNi43MzYwOSAxMi4wMTc1IDQuODQyMzggMTMuNDU5OSA1LjM3NDIyIDE1Ljk1MTVDNi40NDc5NSAyMC45ODI5IDE0LjQyMzcgMTguMjY5MiAxNC40MjM3IDE4LjI2OTIiIHN0cm9rZT0iIzg5OTBBMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEuMjY5NTMgOC42MTUyM0gxNi41MDAzIiBzdHJva2U9IiM4OTkwQTMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjI2OTUzIDEyLjc2OTVIMTYuNTAwMyIgc3Ryb2tlPSIjODk5MEEzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.form-group-inp-wrap-2:after {
    content: '';
    display: block;
    right: 15px;
    z-index: 20;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjY1NzYgMi44NDE4TDMuMzQxOCAxNS4xNTc2IiBzdHJva2U9IiM4OTkwQTMiLz4KPHBhdGggZD0iTTQuMjg5NDcgOC41MjYyMUM2LjM4MjM0IDguNTI2MjEgOC4wNzg5NSA2LjgyOTYxIDguMDc4OTUgNC43MzY3NEM4LjA3ODk1IDIuNjQzODcgNi4zODIzNCAwLjk0NzI2NiA0LjI4OTQ3IDAuOTQ3MjY2QzIuMTk2NjEgMC45NDcyNjYgMC41IDIuNjQzODcgMC41IDQuNzM2NzRDMC41IDYuODI5NjEgMi4xOTY2MSA4LjUyNjIxIDQuMjg5NDcgOC41MjYyMVoiIHN0cm9rZT0iIzg5OTBBMyIvPgo8cGF0aCBkPSJNMTQuNzExMyAxNy4wNTE2QzE2LjgwNDIgMTcuMDUxNiAxOC41MDA4IDE1LjM1NSAxOC41MDA4IDEzLjI2MjFDMTguNTAwOCAxMS4xNjkzIDE2LjgwNDIgOS40NzI2NiAxNC43MTEzIDkuNDcyNjZDMTIuNjE4NSA5LjQ3MjY2IDEwLjkyMTkgMTEuMTY5MyAxMC45MjE5IDEzLjI2MjFDMTAuOTIxOSAxNS4zNTUgMTIuNjE4NSAxNy4wNTE2IDE0LjcxMTMgMTcuMDUxNloiIHN0cm9rZT0iIzg5OTBBMyIvPgo8L3N2Zz4K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.form-group input {
    display: block;
    width: 100%;
    padding: 12px 38px 12px 15px;
    color: #23262F;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 8px;
    border: 1px solid #4E5466;
    background: #FFF;
    outline: none;
}

.form-group input::placeholder {
    color: #8990A3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    vertical-align: middle;
}

.btn-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 37px;
    margin-top: 35px;
}

.btn-row button {
    width: 220px;
    border-radius: 8px;
    background: #3B71FE;
    padding: 17px 10px;
    color: #FCFCFD;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
    line-height: 16px;
    outline: none;
    border: none;
}

.btn-row button:hover {
    background-color: #3a66ed;
}

.clear-btn {
    color: #757575;
    outline: none;
    background: transparent !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    outline: none;
    cursor: pointer;
    padding: 0 !important;
    border: none;
    margin-top: 8.5px;
}

.clear-btn:before {
    content: '';
    display: block;
    width: 15px;
    min-width: 15px;
    height: 15px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjgxMzgxNCAwLjgxMzgxNEMxLjIzMjIzIDAuMzk1Mzk1IDEuOTEwNjIgMC4zOTUzOTUgMi4zMjkwNCAwLjgxMzgxNEw4IDYuNDg0NzdMMTMuNjcxIDAuODEzODE0QzE0LjA4OTQgMC4zOTUzOTUgMTQuNzY3OCAwLjM5NTM5NSAxNS4xODYyIDAuODEzODE0QzE1LjYwNDYgMS4yMzIyMyAxNS42MDQ2IDEuOTEwNjIgMTUuMTg2MiAyLjMyOTA0TDkuNTE1MjMgOEwxNS4xODYyIDEzLjY3MUMxNS42MDQ2IDE0LjA4OTQgMTUuNjA0NiAxNC43Njc4IDE1LjE4NjIgMTUuMTg2MkMxNC43Njc4IDE1LjYwNDYgMTQuMDg5NCAxNS42MDQ2IDEzLjY3MSAxNS4xODYyTDggOS41MTUyM0wyLjMyOTA0IDE1LjE4NjJDMS45MTA2MiAxNS42MDQ2IDEuMjMyMjMgMTUuNjA0NiAwLjgxMzgxNCAxNS4xODYyQzAuMzk1Mzk1IDE0Ljc2NzggMC4zOTUzOTUgMTQuMDg5NCAwLjgxMzgxNCAxMy42NzFMNi40ODQ3NyA4TDAuODEzODE0IDIuMzI5MDRDMC4zOTUzOTUgMS45MTA2MiAwLjM5NTM5NSAxLjIzMjIzIDAuODEzODE0IDAuODEzODE0WiIgZmlsbD0iI0ZDNDc0NyIvPgo8L3N2Zz4K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.form-group-list-variable {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.form-group-variable-item {
    border-radius: 4px;
    background: #F0F3FA;
    padding: 4px 8px;
    color: #4E5466;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    cursor: pointer;
    text-transform: uppercase;
}

.results {
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 30px;
    padding: 30px;
    border-top: 1px solid #F4F5F6;
    border-radius: 0;
    margin-bottom: -30px;
}

.result-row {
    margin-bottom: 10px;
}

.result-value {
    font-weight: bold;
}

.copy-link {
    display: flex;
    align-items: center;
    color: #4a76fd;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
}

.copy-link img {
    margin-right: 5px;
}

.hidden {
    display: none;
}

.result-row-top {
    display: flex;
    gap: 21px;
    justify-content: center;
    margin-bottom: 30px;
}

.result-row-top .result-row {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.result-row-title-big {
    color: #353945;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 5px;
}

.result-row-top .result-value {
    color: #23262F;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.result-row-title-small {
    color: #353945;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.result-value {
    color: #23262F;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.copy-link {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #757575;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.copy-link:before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    min-width: 28px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDdWNUMxMSAzLjExNDM4IDExIDIuMTcxNTggMTEuNTg1OCAxLjU4NTc4QzEyLjE3MTYgMSAxMy4xMTQ0IDEgMTUgMUgyNUMyNi44ODU2IDEgMjcuODI4NCAxIDI4LjQxNDIgMS41ODU3OEMyOSAyLjE3MTU4IDI5IDMuMTE0MzggMjkgNVYxNUMyOSAxNi44ODU2IDI5IDE3LjgyODQgMjguNDE0MiAxOC40MTQyQzI3LjgyODQgMTkgMjYuODg1NiAxOSAyNSAxOUgyM001IDI5SDE1QzE2Ljg4NTYgMjkgMTcuODI4NCAyOSAxOC40MTQyIDI4LjQxNDJDMTkgMjcuODI4NCAxOSAyNi44ODU2IDE5IDI1VjE1QzE5IDEzLjExNDQgMTkgMTIuMTcxNiAxOC40MTQyIDExLjU4NThDMTcuODI4NCAxMSAxNi44ODU2IDExIDE1IDExSDVDMy4xMTQzOCAxMSAyLjE3MTU4IDExIDEuNTg1NzggMTEuNTg1OEMxIDEyLjE3MTYgMSAxMy4xMTQ0IDEgMTVWMjVDMSAyNi44ODU2IDEgMjcuODI4NCAxLjU4NTc4IDI4LjQxNDJDMi4xNzE1OCAyOSAzLjExNDM4IDI5IDUgMjlaIiBzdHJva2U9IiMzQjcxRkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.calc-btn-add-to-bookmarks {
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    color: #353945;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer;
}

.calc-btn-add-to-bookmarks:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4MjRfNjYwOCkiPgo8cGF0aCBkPSJNMy42NzEzMSAxNy40OTU0QzMuNTk5MzEgMTcuNDk1NCAzLjUyNzMxIDE3LjQ1OTQgMy40NTUzMSAxNy40MjM0QzMuMzQ3MzEgMTcuMzUxNCAzLjI3NTMxIDE3LjE3MTQgMy4zMTEzMSAxNy4wMjc0TDQuODk1MzEgMTEuMTIzNEwwLjE0MzMxMyA3LjI3MTM4Qy0wLjAwMDY4NzM5OCA3LjE5OTM4IC0wLjAzNjY4NzQgNy4wMTkzOCAtMC4wMDA2ODc0MDQgNi44NzUzOEMwLjAzNTMxMjYgNi43MzEzOCAwLjE3OTMxMyA2LjYyMzM4IDAuMzIzMzEzIDYuNjIzMzhMNi40NDMzMSA2LjI5OTM4TDguNjM5MzEgMC41NzUzNzVDOC43MTEzMSAwLjQ2NzM3NSA4Ljg1NTMxIDAuMzU5Mzc1IDguOTk5MzEgMC4zNTkzNzVDOS4xNDMzMSAwLjM1OTM3NSA5LjI4NzMxIDAuNDY3Mzc1IDkuMzIzMzEgMC41NzUzNzVMMTEuNTE5MyA2LjI5OTM4TDE3LjYzOTMgNi42MjMzOEMxNy43ODMzIDYuNjIzMzggMTcuOTI3MyA2LjczMTM4IDE3Ljk2MzMgNi44NzUzOEMxNy45OTkzIDcuMDE5MzggMTcuOTYzMyA3LjE2MzM4IDE3Ljg1NTMgNy4yNzEzOEwxMy4xMDMzIDExLjEyMzRMMTQuNjg3MyAxNy4wMjc0QzE0LjcyMzMgMTcuMTcxNCAxNC42ODczIDE3LjMxNTQgMTQuNTQzMyAxNy40MjM0QzE0LjQzNTMgMTcuNDk1NCAxNC4yNTUzIDE3LjUzMTQgMTQuMTQ3MyAxNy40MjM0TDguOTk5MzEgMTQuMTExNEwzLjg1MTMxIDE3LjQyMzRDMy43NzkzMSAxNy40OTU0IDMuNzQzMzEgMTcuNDk1NCAzLjY3MTMxIDE3LjQ5NTRaIiBmaWxsPSIjRkZEMTY2Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzgyNF82NjA4Ij4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.calc-wrapper-form {
    border-radius: 16px;
    border: 1px solid #F5F5F5;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
    width: 1050px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.calc-btn-add-to-bookmarks-wrapper {
    width: 1050px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
}

.form-row {
    width: 737px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.calc-how-work {
    border-radius: 16px;
    border: 1px solid #F5F5F5;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    margin-top: 60px;
    width: 1200px;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    padding: 35px 36px;
}

.calc-how-work-title {
    color: #23262F;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 15px;
    letter-spacing: 0;
    margin-top: 0;
}

.calc-how-work-text {
    color: #353945;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 50px;
}

.calc-how-work-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -79px;
    padding-left: 53px;
    padding-right: 53px;
}

.calc-how-work-item {
    width: calc(50% - 68px);
    display: flex;
    align-items: center;
    margin-top: 79px;
}

.calc-how-work-item-count-wrap {
    display: flex;
    align-items: center;
    width: 129px;
}

.calc-how-work-item-text {
    width: 300px;
    max-width: calc(100% - 129px);
    color: #353945;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.calc-how-work-item-count {
    width: 81px;
    min-width: 81px;
    margin-right: 8px;
    border-bottom: 1px solid #353945;
    color: rgba(83, 131, 254, 0.60);
    font-size: 124px;
    font-style: normal;
    font-weight: 900;
    line-height: 94px;
    text-transform: capitalize;
}

.calc-how-work-item-count-title {
    color: #8990A3;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transform-origin: center left;
    position: relative;
    left: 7px;
    transform: rotate(-90deg) translate(-50%, 0%);
}

.calc-about-pdv {
    margin-top: 60px;
}

.calc-about-pdv-title {
    color: #23262F;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 15px;
    letter-spacing: 0;
    margin-top: 0;
}

.calc-about-pdv-text {
    color: #353945;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px;
}

.calc-about-pdv-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.calc-about-pdv-item {
    width: calc(25% - 75px / 4);
    border-radius: 24px;
    background: #FCFCFD;
    box-shadow: 0px 3px 3px -8px rgba(15, 15, 15, 0.10);
    padding: 32px;
}

.calc-about-pdv-item-count {
    color: #4E5466;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.calc-about-pdv-item-text {
    color: #757575;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.container {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
}

.calc-how-work-pdv {
    border-radius: 16px;
    border: 1px solid #F5F5F5;
    background: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    padding: 38px 50px;
    margin-top: 60px;
    width: 1200px;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}

.calc-how-work-pdv-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calc-how-work-pdv-left {
    width: 413px;
}

.calc-how-work-pdv-left img {
    display: block;
    width: 100%;
    height: auto;
}

.calc-how-work-pdv-right {
    width: calc(100% - 511px);
}

.calc-how-work-pdv-title {
    color: #23262F;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 15px;
    letter-spacing: 0;
    margin-top: 0;
}

.calc-how-work-pdv-text {
    color: #353945;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.calc-how-work-pdv-text p {
    margin-bottom: 20px;
}

.calc-how-work-pdv-text p:last-child {
    margin-bottom: 0;
}

.calc-history-pdv {
    margin-top: 60px;
}

.calc-history-pdv-title {
    color: #23262F;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 25px;
    letter-spacing: 0;
    margin-top: 0;
}

.calc-history-pdv-table {
    width: 100%;
}

.calc-history-pdv-table table {
    display: block;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #E1E6F5;
    background: #FFF;
}

.calc-history-pdv-table thead {
    background: #D7E7FF;
    display: flex;
    align-items: center;
}

.calc-history-pdv-table thead tr {
    display: flex;
    align-items: center;
    width: 100%;
}

.calc-history-pdv-table thead th {
    color: #353945;
    font-size: 18px;
    font-style: normal;
    border: none !important;
    font-weight: 700;
    line-height: 24px;
    padding: 16px 15px !important;
    background: #D7E7FF !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.calc-history-pdv-table tbody {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.calc-history-pdv-table tbody tr {
    display: flex;
    width: 100%;
    background: #FFF;
    border-bottom: 1px solid #E1E6F5 !important;
}

.calc-history-pdv-table tbody tr:last-child {
    border-bottom: none !important;
}

.calc-history-pdv-table tbody td {
    border: none !important;
    padding: 21px 15px !important;
    display: flex;
    align-items: center justify-content: flex-start;
}

.calc-history-pdv-table thead th:first-child {
    width: 260px;
}

.calc-history-pdv-table thead th:last-child {
    width: calc(100% - 260px);
}

.calc-history-pdv-table td:first-child {
    width: 260px;
    color: #757575;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
}


.calc-history-pdv-table td:last-child {
    width: calc(100% - 260px);
    color: #353945;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.calc-files {
    position: relative;
    margin-top: 60px;
    padding: 165px 72px;
    width: 1200px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;

}

.calc-files .container {
    position: relative;
    z-index: 20;
}

.calc-files-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.calc-files-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 0;
    margin-top: 0;
}

.calc-files-block {
    border-radius: 8px;
    background: #FFF;
    padding: 30px;
    width: 528px;
    max-width: 100%;
    position: relative;
    z-index: 20;
}

.calc-files-title {
    color: #23262F;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 15px;
    letter-spacing: 0; 
    margin-top: 0;
}

.calc-files-text {
    color: #353945;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}

.calc-files-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.calc-files-item {
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 32px;
}

.calc-files-icon {
    width: 47px;
    margin-left: auto;
    margin-right: auto;
    height: 65px;
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA0OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ3LjQ5OTcgNjEuMzE4QzQ3LjQ5ODkgNjIuMjk0OCA0Ny4xMDc5IDYzLjIzMTMgNDYuNDEyNCA2My45MjJDNDUuNzE3IDY0LjYxMjcgNDQuNzczOSA2NS4wMDExIDQzLjc5MDQgNjUuMDAxOEg0LjIxMjIxQzMuMjI4NyA2NS4wMDE4IDIuMjg1MzggNjQuNjE0MiAxLjU4OTM3IDYzLjkyNDFDMC44OTMzNjYgNjMuMjMzOSAwLjUwMTU2NyA2Mi4yOTc3IDAuNTAwMDAxIDYxLjMyMDlWMy43ODgzNUMwLjQ5OTYxMiAzLjMwNDA4IDAuNTk1MzY2IDIuODI0NDkgMC43ODE3ODQgMi4zNzcwMkMwLjk2ODIwMyAxLjkyOTU0IDEuMjQxNjMgMS41MjI5NiAxLjU4NjQyIDEuMTgwNTRDMS45MzEyIDAuODM4MTA5IDIuMzQwNTkgMC41NjY1NTcgMi43OTExNSAwLjM4MTQxNUMzLjI0MTcxIDAuMTk2Mjc0IDMuNzI0NjEgMC4xMDExNzggNC4yMTIyMSAwLjEwMTU2NEgyOS42MTI1TDQ3LjQ5OTcgMTguMjE4NVY2MS4zMThaIiBmaWxsPSIjNDVCMDU4Ii8+CjxwYXRoIGQ9Ik0zMS41ODAxIDE3Ljc1MzFMNDcuNDk4OSAzMi44NjQyVjE4LjEySDMzLjM5NzhDMzIuNzgyMSAxOC4xMjY5IDMyLjE3NTIgMTcuOTc1MiAzMS42MzYyIDE3LjY3OTdMMzEuNTgwMSAxNy43NTMxWiIgZmlsbD0iIzJFOTUzRiIvPgo8cGF0aCBkPSJNNDcuNDk5MiAxOC4xODczSDMzLjM1OTZDMzIuMzc2MSAxOC4xODY2IDMxLjQzMzEgMTcuNzk4MiAzMC43Mzc3IDE3LjEwNzVDMzAuMDQyMiAxNi40MTY4IDI5LjY1MTIgMTUuNDgwMyAyOS42NTA0IDE0LjUwMzVWMEw0Ny40OTkyIDE4LjE4NzNaIiBmaWxsPSIjOEVEMUIxIi8+CjxwYXRoIGQ9Ik0xNy45MTgxIDUyLjc4MzVDMTcuNjk4NyA1Mi43ODM1IDE3LjQ5NjYgNTIuNjkyMSAxNy4zNjk2IDUyLjUwOTNMMTMuNTgzMyA0Ny40NjE0TDkuNzc5NzEgNTIuNTA5M0M5LjY1MTc0IDUyLjY5MjEgOS40NTA2NSA1Mi43ODM1IDkuMjMxMjcgNTIuNzgzNUM4LjgyOTA3IDUyLjc4MzUgOC41IDUyLjQ3MjcgOC41IDUyLjA1MjJDOC41IDUxLjkwNiA4LjUzNTU1IDUxLjc0MTUgOC42NDYyNSA1MS42MTM1TDEyLjU5NzEgNDYuNDAyTDguOTIxNDkgNDEuNTAwNEM4LjgzMDA5IDQxLjM3MjQgOC43NzQyMiA0MS4yMjYxIDguNzc0MjIgNDEuMDc5OUM4Ljc3NDIyIDQwLjczMjUgOS4wNjY3MyA0MC4zNDg2IDkuNTA2NTEgNDAuMzQ4NkM5LjcyNTg5IDQwLjM0ODYgOS45NDUyNiA0MC40NTgzIDEwLjA5MTUgNDAuNjQxMUwxMy41ODMzIDQ1LjM0MTdMMTcuMDc1MSA0MC42MjI4QzE3LjIwNDEgNDAuNDQgMTcuNDA0MiA0MC4zNDg2IDE3LjYyNDYgNDAuMzQ4NkMxOC4wMDg1IDQwLjM0ODYgMTguMzc0MSA0MC42NTk0IDE4LjM3NDEgNDEuMDc5OUMxOC4zNzQxIDQxLjIyNjEgMTguMzM3NSA0MS4zNzI0IDE4LjI0NTEgNDEuNTAwNEwxNC41Njk1IDQ2LjM4MzhMMTguNTIxNCA1MS42MTM1QzE4LjYxMjggNTEuNzQxNSAxOC42NDgzIDUxLjg4NzcgMTguNjQ4MyA1Mi4wMzRDMTguNjQ4MyA1Mi40MzYyIDE4LjMxOTMgNTIuNzgzNSAxNy45MTgxIDUyLjc4MzVaTTI4LjA2MzQgNTIuNjU1NkgyMi41MjNDMjEuOTE4NyA1Mi42NTU2IDIxLjQyNTEgNTIuMTYxOSAyMS40MjUxIDUxLjU1ODZWNDEuMDc5OUMyMS40MjUxIDQwLjY3NzcgMjEuNzU0MiA0MC4zNDg2IDIyLjIxMTIgNDAuMzQ4NkMyMi42MTM0IDQwLjM0ODYgMjIuOTQzNSA0MC42Nzc3IDIyLjk0MzUgNDEuMDc5OVY1MS4zMDI3SDI4LjA2MzRDMjguNDI4IDUxLjMwMjcgMjguNzIxNSA1MS41OTUyIDI4LjcyMTUgNTEuOTYwOEMyOC43MjE1IDUyLjM2MyAyOC40MjggNTIuNjU1NiAyOC4wNjM0IDUyLjY1NTZaTTM1LjE1NDYgNTIuODc0OUMzMy4zNDQ3IDUyLjg3NDkgMzEuOTE2NyA1Mi4yNzE2IDMwLjg3NTcgNTEuMzU2NUMzMC43MTEyIDUxLjIxMDMgMzAuNjM4IDUxLjAwOTEgMzAuNjM4IDUwLjgwOEMzMC42MzggNTAuNDQyNCAzMC45MTIzIDUwLjA0MDIgMzEuMzUxIDUwLjA0MDJDMzEuNDk3MyA1MC4wNDAyIDMxLjY2MTggNTAuMDc2OCAzMS43OTA4IDUwLjE4NjVDMzIuNjMxOCA1MC45MzYgMzMuODAxOCA1MS41MjExIDM1LjIxMDUgNTEuNTIxMUMzNy4zODcgNTEuNTIxMSAzOC4wODA3IDUwLjM1MSAzOC4wODA3IDQ5LjQxNzZDMzguMDgwNyA0Ni4yNzIgMzAuODU4NCA0OC4wMDk5IDMwLjg1ODQgNDMuNjU2N0MzMC44NTg0IDQxLjY0NTYgMzIuNjUgNDAuMjczNCAzNS4wNDU5IDQwLjI3MzRDMzYuNjE4MiA0MC4yNzM0IDM3Ljk3MiA0MC43NDg4IDM4Ljk1OTIgNDEuNTcxNUMzOS4xMjM4IDQxLjcxNzcgMzkuMjE2MiA0MS45MTg4IDM5LjIxNjIgNDIuMTE5OUMzOS4yMTYyIDQyLjQ4NTYgMzguOTA0NCA0Mi44NTEyIDM4LjUwMjIgNDIuODUxMkMzOC4zNTQ5IDQyLjg1MTIgMzguMTkwNCA0Mi43OTY0IDM4LjA2MzQgNDIuNjg2N0MzNy4xNjY2IDQxLjk1NTQgMzYuMDUyNSA0MS42MjYzIDM0LjkzNjMgNDEuNjI2M0MzMy40NzM3IDQxLjYyNjMgMzIuNDMwNyA0Mi40MTI1IDMyLjQzMDcgNDMuNTY1MkMzMi40MzA3IDQ2LjMwODYgMzkuNjUzOSA0NC43MzUzIDM5LjY1MzkgNDkuMjg5NkMzOS42NTM5IDUxLjA2NSAzOC40NDczIDUyLjg3NDkgMzUuMTU0NiA1Mi44NzQ5WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.calc-files-name {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #141416;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.calc-files-name:after {
    content: '';
    display: block;
    width: 13px;
    min-width: 13px;
    height: 13px;
    margin-left: 9px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgOS45Njg3NUMxIDExLjg0NTggMSAxMi43ODQzIDEuNjM0NiAxMy4zNjc1QzIuMjY5MiAxMy45NTA2IDMuMjkwNTggMTMuOTUwNiA1LjMzMzMzIDEzLjk1MDZIOS42NjY2N0MxMS43MDk0IDEzLjk1MDYgMTIuNzMwOCAxMy45NTA2IDEzLjM2NTQgMTMuMzY3NUMxNCAxMi43ODQzIDE0IDExLjg0NTggMTQgOS45Njg3NSIgc3Ryb2tlPSIjM0I3MUZFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy41MDAyMiAxVjkuNjI3NDJNNy41MDAyMiA5LjYyNzQyTDEwLjM4OTEgNi43MjM5Nk03LjUwMDIyIDkuNjI3NDJMNC42MTEzMyA2LjcyMzk2IiBzdHJva2U9IiMzQjcxRkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.calc-files-item:last-child .calc-files-name:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNS42MjVMMTMuNSAxLjYyNU0xMy41IDEuNjI1SDkuNU0xMy41IDEuNjI1TDguMTY2NjcgNi45NTgzM002LjE2NjY3IDIuOTU4MzNINC43QzMuNTc5OSAyLjk1ODMzIDMuMDE5ODQgMi45NTgzMyAyLjU5MjAyIDMuMTc2MzJDMi4yMTU2OSAzLjM2ODA3IDEuOTA5NzMgMy42NzQwMyAxLjcxNzk5IDQuMDUwMzVDMS41IDQuNDc4MTggMS41IDUuMDM4MjMgMS41IDYuMTU4MzNWMTAuNDI1QzEuNSAxMS41NDUxIDEuNSAxMi4xMDUyIDEuNzE3OTkgMTIuNTMzQzEuOTA5NzMgMTIuOTA5MyAyLjIxNTY5IDEzLjIxNTMgMi41OTIwMiAxMy40MDdDMy4wMTk4NCAxMy42MjUgMy41Nzk5IDEzLjYyNSA0LjcgMTMuNjI1SDguOTY2NjdDMTAuMDg2OCAxMy42MjUgMTAuNjQ2OCAxMy42MjUgMTEuMDc0NiAxMy40MDdDMTEuNDUxIDEzLjIxNTMgMTEuNzU2OSAxMi45MDkzIDExLjk0ODcgMTIuNTMzQzEyLjE2NjcgMTIuMTA1MiAxMi4xNjY3IDExLjU0NTEgMTIuMTY2NyAxMC40MjVWOC45NTgzMyIgc3Ryb2tlPSIjM0I3MUZFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.history {
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 30px;
    padding: 30px;
    border-top: 1px solid #F4F5F6;
    border-radius: 0;
    margin-bottom: -30px;
}

.history-bottom-row {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #8990A3;
    padding-top: 12px;
    margin-top: 15px;
    gap: 20px;
}

.btn-copy-all-history {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #757575;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.btn-copy-all-history:before {
    content: '';
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzE0MjkgMy4yODU3MUM2LjcxNDI5IDIuMjA4MjIgNi43MTQyOSAxLjY2OTQ3IDcuMDQ5MDMgMS4zMzQ3M0M3LjM4Mzc3IDEgNy45MjI1MSAxIDkgMUgxNC43MTQzQzE1Ljc5MTggMSAxNi4zMzA1IDEgMTYuNjY1MyAxLjMzNDczQzE3IDEuNjY5NDcgMTcgMi4yMDgyMiAxNyAzLjI4NTcxVjlDMTcgMTAuMDc3NSAxNyAxMC42MTYyIDE2LjY2NTMgMTAuOTUxQzE2LjMzMDUgMTEuMjg1NyAxNS43OTE4IDExLjI4NTcgMTQuNzE0MyAxMS4yODU3TTMuMjg1NzEgMTdIOUMxMC4wNzc1IDE3IDEwLjYxNjIgMTcgMTAuOTUxIDE2LjY2NTNDMTEuMjg1NyAxNi4zMzA1IDExLjI4NTcgMTUuNzkxOCAxMS4yODU3IDE0LjcxNDNWOUMxMS4yODU3IDcuOTIyNTEgMTEuMjg1NyA3LjM4Mzc3IDEwLjk1MSA3LjA0OTAzQzEwLjYxNjIgNi43MTQyOSAxMC4wNzc1IDYuNzE0MjkgOSA2LjcxNDI5SDMuMjg1NzFDMi4yMDgyMiA2LjcxNDI5IDEuNjY5NDcgNi43MTQyOSAxLjMzNDczIDcuMDQ5MDNDMSA3LjM4Mzc3IDEgNy45MjI1MSAxIDlWMTQuNzE0M0MxIDE1Ljc5MTggMSAxNi4zMzA1IDEuMzM0NzMgMTYuNjY1M0MxLjY2OTQ3IDE3IDIuMjA4MjIgMTcgMy4yODU3MSAxN1oiIHN0cm9rZT0iIzNCNzFGRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-delete-all-history {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #757575;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.btn-delete-all-history:before {
    content: '';
    display: block;
    width: 15px;
    min-width: 15px;
    height: 15px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjMxMzgxNCAwLjgxMzgxNEMwLjczMjIzMyAwLjM5NTM5NSAxLjQxMDYyIDAuMzk1Mzk1IDEuODI5MDQgMC44MTM4MTRMNy41IDYuNDg0NzdMMTMuMTcxIDAuODEzODE0QzEzLjU4OTQgMC4zOTUzOTUgMTQuMjY3OCAwLjM5NTM5NSAxNC42ODYyIDAuODEzODE0QzE1LjEwNDYgMS4yMzIyMyAxNS4xMDQ2IDEuOTEwNjIgMTQuNjg2MiAyLjMyOTA0TDkuMDE1MjMgOEwxNC42ODYyIDEzLjY3MUMxNS4xMDQ2IDE0LjA4OTQgMTUuMTA0NiAxNC43Njc4IDE0LjY4NjIgMTUuMTg2MkMxNC4yNjc4IDE1LjYwNDYgMTMuNTg5NCAxNS42MDQ2IDEzLjE3MSAxNS4xODYyTDcuNSA5LjUxNTIzTDEuODI5MDQgMTUuMTg2MkMxLjQxMDYyIDE1LjYwNDYgMC43MzIyMzMgMTUuNjA0NiAwLjMxMzgxNCAxNS4xODYyQy0wLjEwNDYwNSAxNC43Njc4IC0wLjEwNDYwNSAxNC4wODk0IDAuMzEzODE0IDEzLjY3MUw1Ljk4NDc3IDhMMC4zMTM4MTQgMi4zMjkwNEMtMC4xMDQ2MDUgMS45MTA2MiAtMC4xMDQ2MDUgMS4yMzIyMyAwLjMxMzgxNCAwLjgxMzgxNFoiIGZpbGw9IiNGQzQ3NDciLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.history-row {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    justify-content: space-between;
}

.history-row.hidden {
    display: none;
}

.history-row:first-child {
    margin-top: 0;
}

.history-row-value {
    color: #353945;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.history-row-value strong {
    font-weight: 700;
}

.history-row-count {
    color: #353945;
    white-space: nowrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    min-width: 25px;
    padding-right: 4px;
}

.history-row-btns {
    display: flex;
    align-items: center;
    margin-left: auto;
    min-width: 60px;
    justify-content: flex-end;
    gap: 16px;
}

.history-row-copy-text {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzE0MjkgMy43ODU3MUM2LjcxNDI5IDIuNzA4MjIgNi43MTQyOSAyLjE2OTQ3IDcuMDQ5MDMgMS44MzQ3M0M3LjM4Mzc3IDEuNSA3LjkyMjUxIDEuNSA5IDEuNUgxNC43MTQzQzE1Ljc5MTggMS41IDE2LjMzMDUgMS41IDE2LjY2NTMgMS44MzQ3M0MxNyAyLjE2OTQ3IDE3IDIuNzA4MjIgMTcgMy43ODU3MVY5LjVDMTcgMTAuNTc3NSAxNyAxMS4xMTYyIDE2LjY2NTMgMTEuNDUxQzE2LjMzMDUgMTEuNzg1NyAxNS43OTE4IDExLjc4NTcgMTQuNzE0MyAxMS43ODU3TTMuMjg1NzEgMTcuNUg5QzEwLjA3NzUgMTcuNSAxMC42MTYyIDE3LjUgMTAuOTUxIDE3LjE2NTNDMTEuMjg1NyAxNi44MzA1IDExLjI4NTcgMTYuMjkxOCAxMS4yODU3IDE1LjIxNDNWOS41QzExLjI4NTcgOC40MjI1MSAxMS4yODU3IDcuODgzNzcgMTAuOTUxIDcuNTQ5MDNDMTAuNjE2MiA3LjIxNDI5IDEwLjA3NzUgNy4yMTQyOSA5IDcuMjE0MjlIMy4yODU3MUMyLjIwODIyIDcuMjE0MjkgMS42Njk0NyA3LjIxNDI5IDEuMzM0NzMgNy41NDkwM0MxIDcuODgzNzcgMSA4LjQyMjUxIDEgOS41VjE1LjIxNDNDMSAxNi4yOTE4IDEgMTYuODMwNSAxLjMzNDczIDE3LjE2NTNDMS42Njk0NyAxNy41IDIuMjA4MjIgMTcuNSAzLjI4NTcxIDE3LjVaIiBzdHJva2U9IiMzQjcxRkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.history-row-delete {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjMxMzgxNCAwLjgxMzgxNEMwLjczMjIzMyAwLjM5NTM5NSAxLjQxMDYyIDAuMzk1Mzk1IDEuODI5MDQgMC44MTM4MTRMNy41IDYuNDg0NzdMMTMuMTcxIDAuODEzODE0QzEzLjU4OTQgMC4zOTUzOTUgMTQuMjY3OCAwLjM5NTM5NSAxNC42ODYyIDAuODEzODE0QzE1LjEwNDYgMS4yMzIyMyAxNS4xMDQ2IDEuOTEwNjIgMTQuNjg2MiAyLjMyOTA0TDkuMDE1MjMgOEwxNC42ODYyIDEzLjY3MUMxNS4xMDQ2IDE0LjA4OTQgMTUuMTA0NiAxNC43Njc4IDE0LjY4NjIgMTUuMTg2MkMxNC4yNjc4IDE1LjYwNDYgMTMuNTg5NCAxNS42MDQ2IDEzLjE3MSAxNS4xODYyTDcuNSA5LjUxNTIzTDEuODI5MDQgMTUuMTg2MkMxLjQxMDYyIDE1LjYwNDYgMC43MzIyMzMgMTUuNjA0NiAwLjMxMzgxNCAxNS4xODYyQy0wLjEwNDYwNSAxNC43Njc4IC0wLjEwNDYwNSAxNC4wODk0IDAuMzEzODE0IDEzLjY3MUw1Ljk4NDc3IDhMMC4zMTM4MTQgMi4zMjkwNEMtMC4xMDQ2MDUgMS45MTA2MiAtMC4xMDQ2MDUgMS4yMzIyMyAwLjMxMzgxNCAwLjgxMzgxNFoiIGZpbGw9IiNGQzQ3NDciLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.history-btn-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 2px solid #F4F5F6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3369FE;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 15px;
    cursor: pointer;
}

.history-btn-load-more span {
    padding-left: 4px;
    padding-right: 4px;
}

.history-btn-load-more.hidden {
    display: none;
}

.history-btn-load-more:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzMzOTggOS4zMzMzM0MxLjMzMzk4IDkuMzMzMzMgMS40MTQ4NiA5Ljg5OTUgMy43NTgwMSAxMi4yNDI2QzYuMTAxMTYgMTQuNTg1OCA5LjkwMDE1IDE0LjU4NTggMTIuMjQzMyAxMi4yNDI2QzEzLjA3MzUgMTEuNDEyNSAxMy42MDk1IDEwLjM5OTUgMTMuODUxNCA5LjMzMzMzTTEuMzMzOTggOS4zMzMzM1YxMy4zMzMzTTEuMzMzOTggOS4zMzMzM0g1LjMzMzk4TTE0LjY2NzMgNi42NjY2N0MxNC42NjczIDYuNjY2NjcgMTQuNTg2NCA2LjEwMDUxIDEyLjI0MzMgMy43NTczNkM5LjkwMDE1IDEuNDE0MjEgNi4xMDExNiAxLjQxNDIxIDMuNzU4MDEgMy43NTczNkMyLjkyNzgzIDQuNTg3NTQgMi4zOTE3OCA1LjYwMDQ4IDIuMTQ5ODcgNi42NjY2N00xNC42NjczIDYuNjY2NjdWMi42NjY2N00xNC42NjczIDYuNjY2NjdIMTAuNjY3MyIgc3Ryb2tlPSIjMzM2OUZFIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-calc {
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .calc-how-work-list {
        padding-left: 0;
        padding-right: 0;
    }

    .calc-how-work-item {
        width: calc(50% - 25px);
    }

    .calc-how-work-pdv {
        margin-top: 40px;
        padding: 20px;
    }

    .calc-how-work-pdv .container {
        padding: 0;
    }

    .calc-how-work-pdv-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .calc-how-work-pdv-left {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .calc-how-work-pdv-right {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .calc-title {
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .calc-main-box {
        margin-top: 24px;
        padding-top: 24px;
    }

    .calc-wrapper-form {
        width: calc(100% + 32px);
        max-width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        border-radius: 0;
        padding: 25px 15px;
    }

    .form-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .form-group {
        width: 100%;
    }

    .clear-btn {
        margin-top: 4px;
    }


    .btn-row {
        margin-top: 20px;
        gap: 15px;
        justify-content: space-between;
    }

    .btn-row button {
        width: calc(50% - 7.5px);
        padding: 14px 10px;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px
    }

    .result-row-top {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
        gap: 20px;
    }

    .results {
        margin-top: 20px;
        margin-bottom: -25px;
        padding: 20px 15px;
    }

    .result-row-title-big {
        color: #353945;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 6px;
        margin-right: auto;
        margin-left: auto;
    }

    .result-row-title-big strong {
        display: none;
    }

    .result-row-top .result-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .result-row-top .result-value {
        color: #23262F;
        font-size: 23px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

    .result-row-title-small {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .result-value {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

    .copy-link {
        margin-top: 15px;
    }

    .calc-how-work-item {
        width: 100%;
        margin-top: 0;
        margin-bottom: 25px;
    }

    .calc-how-work-item:last-child {
        margin-bottom: 0;
    }

    .calc-how-work {
        padding: 25px 20px;
        margin-top: 40px;
        border-radius: 8px;
    }

    .calc-how-work-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .calc-how-work-text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 40px;
    }

    .calc-how-work-list {
        margin-top: 0;
    }


    .calc-how-work-item-count {
        width: 65px;
        min-width: 65px;
        font-size: 110px;
        font-style: normal;
        font-weight: 900;
        line-height: 82px;
        margin-right: 0;
    }

    .calc-how-work-item-count-wrap {
        width: 95px;
    }

    .calc-how-work-item-text {
        width: calc(100% - 103px);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }

    .calc-how-work-item-count-title {
        left: 14px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .calc-about-pdv {
        margin-top: 40px;
    }

    .calc-about-pdv-title {
        color: #23262F;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .calc-about-pdv-text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .calc-about-pdv-list {
        gap: 15px;
    }

    .calc-about-pdv-item {
        width: 100%;
        padding: 25px 30px;
    }

    .calc-about-pdv-item-count {
        font-size: 50px;
        font-style: normal;
        font-weight: 800;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .calc-about-pdv-item-text {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .calc-how-work-pdv-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .calc-how-work-pdv-text {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .calc-how-work-pdv-text p {
        margin-bottom: 0;
    }

    .calc-history-pdv-table thead th {
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .calc-history-pdv-table thead th:first-child {
        width: 89px;
        min-width: 89px !important;
        padding: 15px 10px !important;
    }

    .calc-history-pdv-table thead th:last-child {
        width: calc(100% - 89px);
        padding: 15px 10px !important;
    }

    .calc-history-pdv-table td:first-child {
        width: 89px;
        min-width: 89px !important;
        padding: 15px 10px !important;
        color: #757575;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .calc-history-pdv-table td:last-child {
        width: calc(100% - 89px);
        padding: 15px 10px !important;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .calc-history-pdv-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .calc-history-pdv {
        margin-top: 40px;
    }

    .calc-files {
        margin-top: 40px;
    }

    .calc-files {
        padding: 184px 15px;
    }

    .calc-files-block {
        padding: 20px;
    }

    .calc-files-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .calc-files-text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 40px;
    }

    .calc-files-list {
        gap: 30px;
        justify-content: space-between;
    }

    .calc-files-item {
        padding-top: 0;
        width: initial;
    }

    .calc-files-name span {
        display: none;
    }

    .history-row {
        position: relative;
    }

    .history-row-value {
        font-size: 13px;
        line-height: 24px;
    }

    .history-row-count {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        min-width: 32px;
        line-height: 24px;
    }

    .history-row-btns {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: absolute;
        top: 41px;
        left: 0;
        gap: 11px;
    }

    .history-row-copy-text {
        width: 15px;
        height: 15px;
    }

    .history-row-delete {
        width: 13px;
        height: 13px;
    }

    .history-row {
        min-height: 79px;
        padding-top: 12px;
        border-top: 1px solid #F4F5F6;
    }

    .history-row:first-child {
        border-top: none;
        margin-top: -12px;
    }

    .history-bottom-row{ 
        justify-content: space-between;
    }
}