.hero.hero_ofd {
	background-color: #D9E6FA;
	justify-content: center;
}
.hero.hero_ofd .button {
	width: auto;
}
.hero.hero_ofd .hero__buttons {
	max-width: 324px;
}

.card_keypoint {
	padding: 24px 24px 172px 24px;
	background-size: auto 164px;
}
.card_keypoint.card_1 {
	background-image: url('i/keypoint1.png');
}
.card_keypoint.card_2 {
	background-image: url('i/keypoint2.png');
}
.card_keypoint.card_3 {
	background-image: url('i/keypoint3.png');
}
.card_keypoint.card_4 {
	background-image: url('i/keypoint4.png');
}

.banner_fold {
	gap: 32px;
	background-image: url('i/bg_banner_request_mobile.png');
}

.card_point.card_0 {
	order: 0;
}
.card_point.card_1 {
	order: 1;
}
.card_point.card_2 {
	order: 2;
}
.card_point.card_3 {
	order: 3;
}
.card_point.card_4 {
	order: 4;
}
.card_point.card_5 {
	order: 5;
}

.cards_var {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}
.cards_var .card {
	grid-column: span 2;
}

.banner_with-image {
	border-radius: 16px;
}
.banner_with-image .banner__content {
	padding: 32px 16px 0 16px;
}
.banner_with-image .banner__image {
	height: 154px;
	background-image: url('i/bg_banner_ofd_mobile.png');
	background-size: contain;
}

.formcta {
	padding: 24px;
	gap: 32px;
	border-radius: 32px;
}
.formcta .form__grid {
	gap: 8px;
}
.formcta .form__checkbox {
	text-wrap: pretty;
}

.faq-list {
	max-width: none;
}

@media (max-width: 575px) {
  .card_keypoint.card_3 {
    padding-bottom: 152px;
  }
  .card_keypoint.card_4 {
    padding-bottom: 128px;
  }
	.card_point.card_1 .h3 {
		max-width: 45%;
	}
}

@media (min-width: 576px) {
	.hero.hero_ofd {
		padding: 32px 38px;
		min-height: 510px;
		background-image: url('i/bg_hero.png');
		background-position: right bottom;
		background-size: 361px auto;
	}
	.hero.hero_ofd .hero__bottom {
		max-width: 436px;
	}

	.card_frame .card__num, .card_frame .card__icon {
		margin-bottom: 8px;
	}

	.card_keypoint {
		min-height: 240px;
		padding: 32px 240px 32px 32px;
		background-size: auto;
	}

	.banner_fold {
		padding: 48px 56px;
		border-radius: 24px;
		gap: 48px;
		background-image: url('i/bg_banner_request_tablet.png');
	}
	.banner_fold .button {
    min-width: 245px;
  }

	.card_point.card_1 {
		order: 5;
	}
	.card_point.card_2 {
		order: 1;
	}
	.card_point.card_3 {
		order: 2;
	}
	.card_point.card_4 {
		order: 4;
	}
	.card_point.card_5 {
		order: 3;
	}

	.cards_var {
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
	}
	.cards_var .card.card_wide_md {
		grid-column: span 4;
	}

	.banner_with-image {
		border-radius: 32px;
	}
	.banner_with-image .banner__content {
		padding: 48px 56px 20px 56px;
	}
	.banner_with-image .banner__image {
		height: 386px;
		background-size: auto;
		background-position: bottom right;
	}

	.formcta {
		padding: 48px 40px;
		gap: 20px;
	}
	.formcta .form__grid {
		gap: 16px 8px;
	}
}

@media (min-width: 992px) {
	.hero.hero_ofd {
		padding: 37px 55% 37px 56px;
		min-height: 554px;
		background-size: auto;
	}
	.hero.hero_ofd .hero__bottom {
		max-width: none;
	}
	.hero.hero_ofd .hero__text {
		max-width: 620px;
	}
	.hero.hero_ofd .hero__buttons {
		max-width: none;
	}

	.card_keypoint {
		min-height: 271px;
		padding: 32px 260px 32px 32px;
	}

	.banner_fold {
		grid-template-columns: 1fr 552px;
		gap: 0;
		background-image: url('i/bg_banner_request_desktop.png');
	}

	.cards_var {
		grid-template-columns: repeat(6, 1fr);
		gap: 24px;
	}
	.cards_var .card.card_wide_md {
		grid-column: span 2;
	}
	.cards_var .card.card_wide_lg {
		grid-column: span 3;
	}

	/* .banner_fold .button {
    min-width: none;
  } */
	.banner_with-image {
		grid-template-columns: 1fr 47%;
		border-radius: 32px;
	}
	.banner_with-image .banner__content {
		padding: 48px 56px;
	}
	.banner_with-image .banner__image {
		height: 387px;
		background-image: url('i/bg_banner_ofd_desktop.png');
		background-size: auto;
		background-position: bottom right;
	}

	.formcta .formcta__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .formcta .form__grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (min-width: 1600px) {
	.formcta {
			padding: 48px 56px;
	}
}
