/* Start:/local/templates/insapp3/assets/css/universal/style.css?17455128756272*/
:root.dark {
    --calculator-content-background: #141414;
}

:root {
    --calculator-content-background: #E4E7EC
}

.secondary-text {
    color: rgba(255, 255, 255, 0.50);;
}

.universal, .body-sections {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 100px;
}

.universal-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.banner-default.universal {
    max-height: 400px;
    height: 400px;
    padding: 40px;
}

.banner-default.universal .banner-heading {
    gap: 32px;
}

.banner-default.universal .banner-heading .banner-title,
.banner-default.universal .banner-heading .banner-title > span {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 48px;
}

.banner-default.universal .banner-heading .banner-description {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: 500px;
}

.universal-container .universal-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.universal-cards .universal-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    gap: 24px;
    background: var(--default-card-background);
    color: var(--default-card-text-color);
    border-radius: var(--default-border-radius);
    position: relative;
    overflow: hidden;
}

.universal-card .universal-heading {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 368px;
    width: 368px;
}

.universal-card .universal-heading .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.universal-card .universal-heading .description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.universal-card .universal-content {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.universal-card .universal-content input {
    width: 350px;
}

.universal-card .radio-row .radio-list {
    gap: 24px;
}

.banner-default.calculator {
    height: auto;
    max-height: max-content;
    padding: 40px;
    position: relative;
}

.banner-default.calculator .banner-content {
    max-width: max-content;
}

.banner-default.calculator .banner-heading {
    gap: 32px;
}

.banner-default.calculator .banner-heading .banner-title {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 48px;
}

.banner-default.calculator .banner-heading .banner-description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.calculator-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.calculator-container .calculator-cards {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.calculator-cards .calculator-card {
    background: var(--default-card-background);
    color: var(--default-card-text-color);
    border-radius: var(--default-border-radius);
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex: 1 1 calc(50% - 20px);
}

.calculator-card .calculator-heading {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.calculator-card .calculator-heading .title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.calculator-card .calculator-heading .description,
.calculator-card .calculator-heading .description-section > p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.calculator-card .calculator-heading .description-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.calculator-card .calculator-content {
    padding: 24px;
    background: var(--calculator-content-background);
    border-radius: var(--default-border-radius);
}

.calculator-card .calculator-content .calculator-list {
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin: 0;
    padding-left: 24px;
    max-width: 602px;
}

.calculator-list .calculator-item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.calculator-card .calculator-bottom {
    margin-top: auto;
}

.calculator-card .calculator-bottom button {
    padding: 18px 32px;
}

.calculator-container .calculator-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 1 calc(50% - 20px);
}

/*.articles-container {*/
/*    align-items: flex-start;*/
/*    gap: 24px;*/
/*}*/

/*.articles-container .articles-tags {*/
/*    margin-bottom: 8px;*/
/*}*/

/*.articles-container .articles-heading {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/

/*.articles-container .articles-heading > h1 {*/
/*    font-size: 32px;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    line-height: normal;*/
/*}*/

/*.articles-heading .all-articles {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 10px;*/
/*    color: #025BFF;*/
/*    height: max-content;*/
/*    align-items: center;*/
/*    text-decoration: none;*/
/*    font-size: 18px;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    line-height: 28px;*/
/*}*/

/*.articles-heading .all-articles > img {*/
/*    height: 14px;*/
/*}*/

.banner-default.universal {
    --banner-path: url(/local/templates/insapp3/assets/css/universal/../../img/banner/big/universal.png);
    --banner-background: #025BFF;
    --banner-image-width: 769px;
    --banner-image-height: 850px;
    --banner-image-position-top: auto;
    --banner-image-position-left: auto;
    --banner-image-position-right: 100px;
    --banner-image-position-bottom: -262px;
    --banner-image-params: 50% / cover no-repeat;
    --banner-title-color: #fff;
    --banner-description-color: #fff;
}

.banner-default.calculator {
    --banner-path: url(/local/templates/insapp3/assets/css/universal/../../img/banner/big/calculator.png);
    --banner-background: #025BFF;
    --banner-image-width: 403px;
    --banner-image-height: 270px;
    --banner-image-position-top: auto;
    --banner-image-position-left: auto;
    --banner-image-position-right: 100px;
    --banner-image-position-bottom: -35px;
    --banner-image-params: 50% / cover no-repeat;
    --banner-title-color: #fff;
    --banner-description-color: #fff;
}
/* End */


/* Start:/local/templates/insapp3/assets/css/universal/media.css?174551290913718*/
@media (max-width: 1440px) {
    .universal, .body-sections {
        gap: 72px;
    }

    .banner-default.universal {
        max-height: 270px;
        height: 270px;
        padding: 32px;
    }

    .banner-default.universal .banner-heading {
        gap: 24px;
    }

    .banner-default.universal .banner-heading .banner-title,
    .banner-default.universal .banner-heading .banner-title > span {
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 32px;
    }

    .banner-default.universal .banner-heading .banner-description {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        max-width: 386px;
    }

    .banner-default.universal .image-wrapper.universal {
        --banner-image-width: 489px;
        --banner-image-height: 540px;
        --banner-image-position-top: auto;
        --banner-image-position-left: auto;
        --banner-image-position-right: 100px;
        --banner-image-position-bottom: -160px;
        --banner-image-params: 50% / cover no-repeat;
    }

    .universal-container {
        gap: 16px;
    }

    .universal-container .universal-cards {
        gap: 16px;
    }

    .universal-cards .universal-card {
        padding: 32px;
        gap: 20px;
    }

    .universal-card .universal-heading {
        gap: 0;
    }

    .universal-card .universal-heading .description {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

    .universal-card .universal-content {
        gap: 16px;
    }

    .universal-card .universal-content input {
        width: 240px;
    }

    .universal-card .radio-row .radio-list {
        gap: 16px;
    }


    .banner-default.calculator {
        padding: 24px;
    }

    .banner-default.calculator .banner-heading {
        gap: 24px;
    }

    .banner-default.calculator .banner-heading .banner-title {
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 32px;
    }

    .banner-default.calculator .banner-heading .banner-description {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .banner-default.calculator {
        --banner-image-width: 299px;
        --banner-image-height: 200px;
        --banner-image-position-top: auto;
        --banner-image-position-left: auto;
        --banner-image-position-right: 60px;
        --banner-image-position-bottom: -30px;
        --banner-image-params: 50% / cover no-repeat;
    }


    .calculator-cards .calculator-card {
        gap: 24px;
        padding: 32px;
    }

    .calculator-card .calculator-heading {
        gap: 24px;
    }

    .calculator-card .calculator-heading .title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .calculator-card .calculator-heading .description,
    .calculator-card .calculator-heading .description-section > p,
    .calculator-list .calculator-item {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .calculator-card .calculator-content {
        padding: 32px;
    }

    .calculator-card .calculator-content .calculator-list {
        padding-left: 32px;
        max-width: 470px;
    }


    /*.articles-container {*/
    /*    gap: 32px;*/
    /*}*/

    /*.articles-container .articles-tags {*/
    /*    margin: 0;*/
    /*}*/
}

@media (max-width: 1024px) {
    .universal, .body-sections {
        gap: 72px;
    }

    .banner-default.universal {
        max-height: 240px;
        height: 240px;
        padding: 24px;
    }

    .banner-default.universal .image-wrapper.universal {
        --banner-image-width: 434px;
        --banner-image-height: 480px;
        --banner-image-position-top: auto;
        --banner-image-position-left: auto;
        --banner-image-position-right: 40px;
        --banner-image-position-bottom: -130px;
        --banner-image-params: 50% / cover no-repeat;
    }

    .universal-cards .universal-card {
        padding: 24px;
    }

    .universal-card .universal-heading .description {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .universal-card .universal-heading {
        width: 318px;
    }

    .universal-card .universal-content {
        flex-wrap: wrap;
        gap: 16px;
    }

    .universal-card .universal-content input {
        width: 140px;
    }

    .banner-default.calculator {
        --banner-image-width: 254px;
        --banner-image-height: 170px;
        --banner-image-position-top: auto;
        --banner-image-position-left: auto;
        --banner-image-position-right: 60px;
        --banner-image-position-bottom: -30px;
        --banner-image-params: 50% / cover no-repeat;
    }


    .calculator-cards .calculator-card {
        padding: 24px;
    }

    .calculator-card .calculator-heading .title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .calculator-card .calculator-heading .description,
    .calculator-card .calculator-heading .description-section > p,
    .calculator-list .calculator-item {
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .calculator-card .calculator-content {
        padding: 16px;
    }

    .calculator-card .calculator-content .calculator-list {
        padding-left: 16px;
        max-width: 402px;
    }


    /*.articles-container {*/
    /*    gap: 24px;*/
    /*}*/

    /*.articles-container .articles-heading > h1 {*/
    /*    font-size: 24px;*/
    /*    font-style: normal;*/
    /*    font-weight: 700;*/
    /*    line-height: 24px;*/
    /*}*/
}

@media (max-width: 768px) {
    .universal, .body-sections {
        gap: 32px;
    }

    .banner-default.universal {
        max-height: 160px;
        height: 160px;
        padding: 16px;
    }

    .banner-default.universal .banner-heading {
        gap: 16px;
    }

    .banner-default.universal .banner-heading .banner-title,
    .banner-default.universal .banner-heading .banner-title > span {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .banner-default.universal .banner-content {
        max-width: 331px;
    }

    .banner-default.universal .banner-heading .banner-description {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        max-width: 331px;
    }

    .banner-default.universal .image-wrapper.universal {
        --banner-image-width: 226px;
        --banner-image-height: 250px;
        --banner-image-position-top: auto;
        --banner-image-position-left: auto;
        --banner-image-position-right: 40px;
        --banner-image-position-bottom: -55px;
        --banner-image-params: 50% / cover no-repeat;
    }

    .universal-container {
        gap: 8px;
    }

    .universal-container .universal-cards {
        gap: 8px;
    }

    .universal-cards .universal-card {
        padding: 16px;
    }

    .universal-cards .universal-card.car {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        min-height: 152px;
    }

    .universal-cards .universal-card.car .universal-content {
        width: 100%;
    }

    .universal-card .radio-row .radio-list {
        gap: 8px;
    }

    .universal-card .radio-row .radio-list label {
        padding: 4px 32px;
    }

    .universal-card .universal-heading {
        width: auto;
        max-width: max-content;
    }

    .universal-card .universal-heading .title {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .universal-card .universal-heading .description {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }

    .universal-card .universal-content {
        gap: 8px;
    }

    .universal-card .universal-content input {
        width: 262px;
        max-width: 262px;
    }


    .banner-default.calculator {
        padding: 16px;
    }

    .banner-default.calculator .banner-heading {
        gap: 8px;
    }

    .banner-default.calculator .banner-heading .banner-title {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .banner-default.calculator .banner-heading .banner-description {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .banner-default.calculator {
        --banner-image-width: 194px;
        --banner-image-height: 130px;
        --banner-image-position-top: auto;
        --banner-image-position-left: auto;
        --banner-image-position-right: 30px;
        --banner-image-position-bottom: -32px;
        --banner-image-params: 50% / cover no-repeat;
    }


    .calculator-container .calculator-cards {
        gap: 8px;
    }

    .calculator-container .calculator-wrapper {
        gap: 8px;
    }

    .calculator-cards .calculator-card {
        padding: 16px;
        gap: 16px;
    }

    .calculator-card .calculator-heading {
        gap: 16px;
    }

    .calculator-card .calculator-heading .title {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .calculator-wrapper .calculator-card .calculator-heading {
        gap: 8px;
    }

    .calculator-card .calculator-heading .title > br,
    .calculator-card .calculator-heading .description-section br  {
        display: none;
    }

    .calculator-card .calculator-content {
        padding: 16px;
    }

    .calculator-card .calculator-content .calculator-list {
        padding-left: 16px;
        max-width: 284px;
    }

    .calculator-card .calculator-bottom button {
        padding: 4px 32px
    }


    /*.articles-container {*/
    /*    gap: 16px;*/
    /*}*/

    /*.articles-container .articles-heading > h1 {*/
    /*    font-size: 14px;*/
    /*    font-style: normal;*/
    /*    font-weight: 700;*/
    /*    line-height: normal;*/
    /*}*/

    /*.articles-heading .all-articles {*/
    /*    font-size: 12px;*/
    /*    font-style: normal;*/
    /*    font-weight: 500;*/
    /*    line-height: 18px;*/
    /*}*/

    /*.articles-heading .all-articles > img {*/
    /*    height: 10px;*/
    /*}*/
}

@media (max-width: 576px) {
    .universal, .body-sections {
        gap: 48px;
    }

    .banner-default.universal {
        max-height: 320px;
        height: 320px;
    }

    .banner-default.universal .banner-heading .banner-title,
    .banner-default.universal .banner-heading .banner-title > span {
        text-align: left;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: #fff !important;
    }

    .banner-default.universal .banner-content {
        max-width: max-content;
    }

    .banner-default.universal .banner-heading .banner-description {
        max-width: max-content;
        text-align: left;
    }

    .banner-default.universal .image-wrapper.universal {
        --banner-image-width: 226px;
        --banner-image-height: 250px;
        --banner-image-position-top: auto;
        --banner-image-position-left: auto;
        --banner-image-position-right: -10px;
        --banner-image-position-bottom: -70px;
        --banner-image-params: 50% / cover no-repeat;
    }

    .universal-cards .universal-card {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        min-height: auto;
    }

    .universal-card .radio-row,
    .universal-card .universal-content {
        width: 100%;
    }


    .universal-card .radio-row .radio-list {
        width: 100%;
        flex-wrap: nowrap;
    }

    .universal-cards .universal-card.car .universal-content {
        flex-direction: column;
    }

    .universal-card .universal-content input {
        margin-bottom: 8px;
    }

    .universal-card .universal-content input,
    .universal-card .universal-content button {
        width: 100%;
        max-width: 100%;
    }


    .banner-default.calculator .banner-heading {
        gap: 16px;
    }

    .banner-default.calculator .banner-heading .banner-title > br {
        display: none;
    }

    .banner-default.calculator .image-wrapper {
        display: none;
    }


    .calculator-container .calculator-cards {
        flex-wrap: wrap;
    }

    .calculator-cards .calculator-card {
        flex: 1 1 100%;
    }

    .calculator-card .calculator-heading {
        gap: 16px !important;
    }

    .calculator-card .calculator-heading .description,
    .calculator-card .calculator-heading .description-section > p,
    .calculator-list .calculator-item {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .calculator-card .calculator-heading .title > br {
        display: block;
    }

    .calculator-card .calculator-content .calculator-list {
        max-width: 271px;
    }

    .calculator-card .calculator-bottom button {
        padding: 12px 24px
    }


    /*.articles-container .articles-heading > h1 {*/
    /*    font-size: 18px;*/
    /*    font-style: normal;*/
    /*    font-weight: 700;*/
    /*    line-height: normal;*/
    /*}*/

    /*.articles-container .radio-row .radio-list > label {*/
    /*    width: max-content;*/
    /*}*/

}
/* End */
/* /local/templates/insapp3/assets/css/universal/style.css?17455128756272 */
/* /local/templates/insapp3/assets/css/universal/media.css?174551290913718 */