.calculator {
    background: var(--block-gradient);
    display: flex;
    justify-content: center;
    padding-bottom: 98px;
}
.calculator-items {
    display: flex;
}
.calculator-item-header {
    width: 100%;
    margin-top: 206px;
}
.calculator .main-boost-header {
    margin: 0 0 185px 0;
}
.calculator-item-header-information-user {

}
.calculator-item-header-information-user h2,
.calculator-item-header-information-blogger h2 {
    font-size: 24px;
    font-family: var(--font-family-m);
    letter-spacing: -1.125px;
    line-height: 28px;
    color: var(--color-dark-black);
}
.calculator-item-header-information-user h2 {
    margin: 55px 0 0 0;
}
.calculator-item-header-information-blogger h2 {
    margin-top: 37px;
}
.calculator-item-header-information-user p,
.calculator-item-header-information-blogger p {
    margin-top: 8px;
    font-size: 16px;
    font-family: var(--font-family-r);
}
.calculator-calculate {
    position: relative;
    width: 100%;
}
.calculator-layout,
.calculator-data {
    position: absolute;
    display: flex;
}
.calculator-layout {
    width: 406px;
    height: 464px;
    background: #F1F5F8;
    border-radius: 23px;
    top: 46px;
    right: 0;
    z-index: 1;
}
.calculator-data {
    box-shadow: 0 14px 43px rgba(212, 210, 224, 0.585337);
    background: var(--color-white);
    width: 420px;
    height: 498px;
    top: 108px;
    right: 63px;
    border-radius: 44px;
    z-index: 2;
    padding: 29px 23px 30px 23px;
}
.calculator-data-items {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}
.calculator-data-item,
.calculator-data-button {
    border-radius: 20px;
    height: 98px;
    width: 100%;
}
.calculator-data-item {
    background: #F1F5F8;
}
.calculator-data-button {
    background: var(--color-blue);
    display: flex;
    align-items: center;
}
.calculator-data-button-earning {

}
.calculator-data-button-earning img {
    width: 35px;
    height: 41px;
    margin-left: 19px;
}
.calculator-data-button-earning-info {
    margin-left: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.calculator-data-button-earning-info-title,
.calculator-data-button-earning-info-content {
    color: #fff;
    margin: 0;
}
.calculator-data-button-earning-info-title {
    font-family: var(--font-family-r);
    font-size: 16px;
}
.calculator-data-button-earning-info-content {
    font-family: var(--font-family-b);
    font-size: 20px;
    margin-top: 6px;
}
.calculator-data-item-title,
.calculator-data-item-value-clients,
.calculator-data-item-value-orders,
.calculator-data-item-value-sum {
    display: block;
}
.calculator-data-item-title {
    font-family: var(--font-family-r);
    font-size: 16px;
    color: #5F5F5F;
    margin: 10px 0 0 14px;
}
.calculator-data-item-value-clients,
.calculator-data-item-value-orders,
.calculator-data-item-value-sum {
    font-family: var(--font-family-b);
    font-size: 20px;
    color: var(--color-blue);
    margin: 6px 0 0 14px;
}
.calculator-data-item-range-block {
    display: flex;
    flex-direction: row;
}
.calculator-data-item input[type="range"] {
    margin: 10px 14px 0 14px;
    width: 100%;
}