.credit__box {
  margin-bottom: 130px;
}
.credit__box .top__box__rightside {
  background: linear-gradient(89.31deg, #BED2F5 38.87%, #B1DFF2 108.8%);

}
.top__credit {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.top__credit__mainoffer {
  background: linear-gradient(180deg, #2A2C2D 0%, #000000 120.51%);
}
.top__credit__mainoffer h2 {
  color: var(--white-color);
}
.top__credit__mainoffer img {
  width: 100%;
}
.top__credit .little__offers {
  column-gap: 15px;
}
.p__20 {
font-size: 20px;
font-weight: 400;
line-height: 27px;
}
.top__box__rightside .p__20 {
  margin-top: 0;
}
.top__credit .offer {
  width: 50%;
  margin-right: 0;
}
.little__offers .offer__h3 {
  color: var(--text-color);
}
.best__price__garanty {
  background: url("../img/kowel.png") no-repeat, #EAF1FC;
  background-position: right;
}
.your__car {
  display: flex;
  column-gap: 5%;
}
.your__car__road  {
  display: flex;
  flex-direction: column;
  width: 50%;
  flex-wrap: wrap;
}
.your__car__road .blue__h2 {
  margin-bottom: 40px;
}
.road__div {
  display: flex;
  margin-bottom: 25px;
}
.road__line {
  width: 10%;
  display: flex;
  flex-direction: column;
}
.road__rightside {
  width: 90%;
  display: flex;
  flex-direction: column;
}
.number {
  border: 1px solid #1e1e1e;
  border-radius: 100px;
  padding: 15px 20px;
  margin: 0 auto;
}
.I {
  display: block;
  margin: 0 auto;
  text-align: center;
  background: var(--gray-color);
  width: 2px;
  height: 100%;
}
.road__rightside .search__body__select {
  margin-bottom: 15px;
}
.your__car__road .h2__div {
  margin-bottom: 15px
}
.your__car__road .h2__div .blue__h2 {
  margin-bottom: 0;
  color: var(--gray-color);
}
.gray__div {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
.gray__left {
  width: 10%;
  text-align: center;
}
.gray__right {
  width: 90%;
}
.gray__left img {
  width: 65%;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #ADADAD;
  border-radius: 100px;
}
.gray__right .p__20 {
color: var(--gray-color);
}
.road__rightside .autocredit__3inputs {
  margin: 0;
}
.road__rightside .autocredit__3inputs .black__button {
  margin-left: 0;
}
.road__rightside .blue__p ,.road__rightside .blue__p a {
  color: var(--gray-color);
}
.road__line img {
  width: 65%;
  margin: 0 auto;
  padding: 15px 10px;
  border: 1px solid #0046C7;
  border-radius: 100px;
}
.your__car__conditions {
  column-gap: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 50%;
}
.future__auto {
  display: flex;
  width: 100%;
  padding: 30px;
  background: #FFF;
  border-radius: 40px;
  flex-direction: column;
  margin-bottom: 15px;
}
.future__auto img {
  margin: 0 auto;
  width: 90%;
}
.big__condition {
  width: 100%;
}
.small__condition {
  width: calc(50% - 8px);
}
.big__condition ,.small__condition {
  padding: 25px;
  border-radius: 26px;
  box-sizing: border-box;
  border: 1px solid #BED2F5;
  margin-bottom: 15px;
  display: flex;
  backdrop-filter: blur(5px);
}
.big__condition p ,.small__condition p {
font-size: 22px;
font-weight: 400;
line-height: 30px;
color: #5757A5;
margin: 0;
}
.condition__half {
  width: 50%;
}
.condition__half ul {
  list-style: disc;
  padding-left: 15px;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  color: var(--gray-color);
}
.zayavka {
  width: 50%;
  background: url("../img/%.png") no-repeat right bottom , #EAF1FC;
  height: fit-content;
}
.zayavka .offer__h3 ,.no__time .offer__h3 {
  margin-bottom: 40px;
}
.no__time {
  width: 50%;
  margin-right: 0;
  background: url("../img/choise-back.png") no-repeat right bottom , #EAF1FC;
  height: fit-content;
}
.no__problem__div {
  background: linear-gradient(180deg, #4786F6 0%, #2365DD 63.43%, #0046C7 100%);
  display: flex;
  margin-bottom: 90px;
  margin-top: 15px;
}
.no__problem__leftside {
  width: 50%;
}
.no__problem__div img {
  margin: auto;
  width: 40%;
}
.no__problem__leftside .blue__h4 {
  margin-bottom: 10px;
  color: var(--white-color);
}
.no__problem__leftside .p__20 {
  margin-bottom: 50px;
  color: var(--white-color);
}
.cond__1 {
background: url("../img/fon1.png");
background-size: cover;
}
.cond__2 {
background: url("../img/cond2.png") no-repeat right bottom;
}
.cond__3 {
background: url("../img/cond3.png") no-repeat right bottom;
}
.cond__4 {
background: url("../img/cond4.png") no-repeat right bottom;
}
.cond__5 {
background: url("../img/cond5.png") no-repeat right bottom;
}
.cond__6 {
background: url("../img/cond6.png") no-repeat right bottom;
}
.cond__7 {
background: url("../img/cond7.png") no-repeat right bottom;
}
.cond__8 {
background: url("../img/cond8.png") no-repeat right bottom;
}
/*Trade-in styles*/

.top__trade-in__mainoffer {
  background: var(--white-color);
}
.top__trade-in__mainoffer h2 {
  margin-bottom: 15px;
}
.top__trade-in__mainoffer img {
  width: 100%;
}
.h2__div__column .condition__half {
  width: 100%;
}
.future__auto .in__credit::before{
  background-image: url("../img/in-credit-g.svg");
}
.future__auto .h2__div {
  margin-bottom: 5px;
}
.future__auto .h2__div .blue__h4 {
  margin: 0;
}
.future__auto .h2__div .complectation__name {
  margin-left: auto;
}
.future__auto .complectation__parametr__div {
  width: 33%;
}
.trade__advantages__div {
  column-gap: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 130px;
  margin-bottom: 130px;
}
.trade__advantage {
  padding: 25px;
  border-radius: 26px;
  box-sizing: border-box;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  width: 32%;
  background: #ffffff;
}
.trade__advantage .blue__h4{
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 10px;
  width: 80%;
}
.trade__advantage .p__20 {
  margin: 0;
  width: 80%;
}
.doc {
  background: url("../img/doc.svg") no-repeat right ,#fff;
}
.card {
  background: url("../img/card.svg") no-repeat right ,#fff;
}
.time {
  background: url("../img/time.svg") no-repeat right ,#fff;
}
.key {
  background: url("../img/key.svg") no-repeat right ,#fff;
}
.risk {
  background: url("../img/risk.svg") no-repeat right ,#fff;
}
.free {
  background: url("../img/free.svg") no-repeat right ,#fff;
}

@media screen and (max-width: 1550px) {
  .p__20 ,.big__condition p, .small__condition p ,.condition__half ul{
  font-size: 18px;
  line-height: 25px;
}

}
@media screen and (max-width:1285px) {
  .number {
  padding: 5px 10px;
}
.gray__left img {
  padding: 9px;
}
.road__line img {
  padding: 9px 7px;
}
.p__20 ,.big__condition p, .small__condition p ,.condition__half ul {
  font-size: 16px;
}

}
@media screen and (max-width:989px){
.your__car {
  flex-direction: column;
}
.top__credit ,.your__car__road ,.your__car__conditions {
  width: 100%;
}
.top__credit .little__offers {
  flex-direction: row;
  margin-bottom: 15px;
}
.trade__advantage {
width: calc( 50% - 8px );
}
.credit__box ,.trade__advantages__div {
  margin-bottom: 40px;
}
.trade__advantages__div {
  margin-top: 40px;
}
}