.section-calc{ background: #35353D; }
.calc-cards{margin: 0 -15px; }
.card-item{ background: #fff; border-radius: 5px; padding: 15px; box-sizing: border-box; height: 100%}
.card-sber{background: #EFEAD7;}
.card-title{color: #897242; text-transform: uppercase; font-size: 20px; font-family: 'BookAntiqua'; font-weight: 600; margin-bottom: 20px;}
.card-title.second-title{ border-top:1px solid #897242; padding-top: 20px;}
.card-detale{ text-align: right; margin-left: auto; margin-right: 0; color:  #897242;}
.card-desc{ color: #7D7D7D; font-size: 15px; line-height: 1.4; margin-bottom: 20px;}
.card-desc p{ text-align: left}
.card-desc ul{ margin: 0; padding-left: 20px;}
.card-desc li { margin-bottom: 10px;}
.card-desc li b{ color: #000; font-size: 18px}
.card-desc li span{ font-size: 13px; display: block}
.card-row{ margin-bottom: 15px;}
.card-row:last-child{ margin-bottom: 20px;}
.card-row-name{color: #7D7D7D; font-size: 14px;}
.card-row-val{color: #000000; font-size: 22px; font-weight: 600; line-height: 1.1}
.card-row-val span{ font-size: 18px;}

.calc-cards .swiper-slide{width: calc(100% - 100px); max-width: 380px; height: unset; padding-left:15px; }
.calc-cards .swiper-slide:last-child{ padding-right:15px; }

.calc-form{ padding-top: 30px; max-width: 600px; margin: auto}
.calc-row{ margin-bottom: 20px;}
.calc-title{color: #99855A; font-size: 26px; margin-bottom: 20px   }
.calc-row-title{ color: #7D7D7D; font-size: 16px; margin-bottom: 10px;}
.slider-input{ border-radius: 5px; background: #fff; height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 10px 0px;}
.slider-input div{ color: #7D7D7D; padding: 0 10px; }
.slider-input-value{ flex: 1; color: #000; font-size: 20px; font-weight: bold}

.content-calc h2{ margin: 0px; font-size: 34px}
.content-calc h3{ margin: 0px; margin-bottom: 30px; font-size: 18px}

@media only screen and (min-width: 768px) {

    .calc-inner{ border: 2px solid #EFEAD7; padding: 40px; border-radius: 10px;}
}

@media only screen and (min-width: 1024px) {

    .section-calc{ padding: 30px 0 }

    .content-calc{ border: 2px solid #EFEAD7; padding: 20px; padding-right: 0; border-radius: 10px;}
    .content-calc h2{ margin: 0px; font-size: 50px}
    .content-calc h3{ margin: 0px; margin-bottom: 40px; font-size: 20px}
    .calc-wrap{ display: flex; justify-content: space-between; }
    .calc-form{ min-width: 240px; order: 1; margin-right: 20px; padding-top: 0px;}
    .calc-cards{ order: 2; }

    .calc-inner{ border: none; padding: 0px;}

    .calc-cards{margin:0; }

    .calc-cards .swiper-slide{ max-width: 280px;  padding:0px; }

}


@media only screen and (min-width: 1280px) {

    .section-calc{ padding: 40px 0 }

    .content-calc{padding: 20px;;}


    .calc-form{ width: 420px; order: 1; margin-right: 20px;}
    .calc-cards{ order: 2; }



    .calc-cards .swiper-slide{ max-width: unset; width: calc(33.33% - 10px)}

}