/* Utility */
.container-xl,
.container-2xl {
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	width: 100%;
}

.container-xl {
	max-width: 1160px;
}

.container-2xl {
	max-width: 1312px;
}

.c-title {
	color: #072437;
	font-size: 28px;
	font-weight: 700;
	line-height: 32px;
}
@media (min-width: 1024px) {
	.c-title {
		font-size: 40px;
		line-height: 48px;
	}
}

.c-subtitle {
	color: #6d6d6d;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
/* // Utility */

/* Input */
.i-input {
	/* Wrapper */
	--input-wrapper-y-gap: 6px;
	/* Input - [default] state */
	--input-bg: #fff;
	--input-border-color: #c7c7c7;
	--input-border-radius: 0px;
	--input-border-width: 1px;
	--input-font-size: 14px;
	--input-font-weight: 400;
	--input-height: 40px;
	--input-paddings-x: 8px;
	--input-placeholder-color: #a4a4a4;
	--input-text-color: #1c1c1c;
	/* Input - [hover] state */
	--input-hover-border-color: #0072bc;
	/* Input - [focus] state */
	--input-focus-outline-width: 4px;
	--input-focus-outline-style: solid;
	--input-focus-outline-color: #e0f0fe;
	--input-focus-outline-offset: 0px;
	--input-focus-border-color: #0072bc;
	/* Input - [error] state */
	--input-error-border-color: oklch(63.7% 0.237 25.331);
	--input-error-outline-color: oklch(93.6% 0.032 17.717);
	--input-error-font-size: 14px;
	--input-error-font-weight: 400;
	--input-error-text-color: oklch(63.7% 0.237 25.331);
	/* Input - [disabled] state */
	--input-disabled-bg: oklch(97% 0.001 106.424);
	/* Input - [all] states - NOTICE */
	--input-notice-font-size: 14px;
	--input-notice-font-weight: 400;
	--input-notice-text-color: oklch(86.9% 0.005 56.366);
	/* Input - TEXTAREA */
	--textarea-height: 140px;
}

.i-input input {
	font-feature-settings: "lnum"
}

.i-input {
	display: flex;
	flex-direction: column;

	gap: var(--input-wrapper-y-gap);

}

.i-input__inner {
	display: flex;
	flex-direction: column-reverse;
	position: relative;
	width: 100%;
}

.i-input__field {
	background-color: var(--input-bg);
	border: var(--input-border-width) solid var(--input-border-color);
	border-radius: var(--input-border-radius);
	color: var(--input-text-color);
	font-size: var(--input-font-size);
	font-weight: var(--input-font-weight);
	height: var(--input-height);
	line-height: 1.2;
	outline: none;
	padding-left: var(--input-paddings-x);
	padding-right: var(--input-paddings-x);
	width: 100%;
}
.i-input__field::placeholder {
	color: var(--input-placeholder-color);
}

textarea.i-input__field {
	height: var(--textarea-height);
	padding: var(--input-paddings-x);
	resize: none;
	width: 100%;
}

.i-input__field:hover {
	border-color: var(--input-hover-border-color)
}
.i-input__field:focus {
	border-color: var(--input-focus-border-color);
	outline-color: var(--input-focus-outline-color);
	outline-offset: var(--input-focus-outline-offset);
	outline-style: var(--input-focus-outline-style);
	outline-width: var(--input-focus-outline-width);
}

/* Error state */
.i-input .i-input-error {
	display: none
}

.i-input.i-error .i-input-error {
	display: block;
}
.i-input.i-error .i-input-notice {
	display: none
}
.i-input.i-error .i-input__field {
	border-color: var(--input-error-border-color)
}
.i-input.i-error .i-input__field:focus {
	outline-color: var(--input-error-outline-color)
}

/* Error message styles */
.i-input-error {
	color: var(--input-error-text-color);
	font-size: var(--input-error-font-size);
	font-weight: var(--input-error-font-weight);
	line-height: 1.2;
	padding-left: var(--input-paddings-x);
}
.i-input-error:empty {
	display: none
}

/* Notice message styles */
.i-input .i-input-notice {
	color: var(--input-notice-text-color);
	font-size: var(--input-notice-font-size);
	font-weight: var(--input-notice-font-weight);
	line-height: 1.2;
	padding-left: var(--input-paddings-x);
}
.i-input .i-input-notice:empty {
	display: none
}

/* Disabled state */
.i-input.disabled {
	cursor: default!important;
	filter: slatescale(1) !important;
	opacity: 0.6 !important;
	outline: none!important;
	pointer-events: none !important;

	user-select: none !important;
}
.i-input.disabled .i-input__field {
	background-color: var(--input-disabled-bg) !important;
	outline: none!important;
}
.i-input.disabled .i-input__field:hover,
.i-input.disabled .i-input__field:focus,
.i-input.disabled .i-input__field:active,
.i-input.disabled .i-input__field:read-only:focus {
	outline: none!important
}
/* // Input */

/* Promo */

.c-promo {
	padding: 24px 0;
}
@media (min-width: 1024px) {
	.c-promo {
		padding-bottom: 48px;
		padding-top: 44px;
	}
}

.c-promo__wrapper {
	display: grid;
	gap: 24px;

	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
	.c-promo__wrapper {
		gap: 48px;
		grid-template-columns: 360px minmax(0, auto);
	}
}
@media (min-width: 1280px) {
	.c-promo__wrapper {
		gap: 80px;
	}
}

.c-promo__img {
	align-self: center;
	box-shadow: 0px 5px 15px 0px #00000059;
	display: flex;

	justify-self: center;
	max-width: 360px;
	overflow: hidden;
}
.c-promo__img img {
	display: block;
	height: auto;
	width: 100%;
}

.c-promo__content {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.c-promo__title {
	color: #072437;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 24px;
}
@media (min-width: 1024px) {
	.c-promo__title {
		font-size: 56px;
		line-height: 72px;
		margin-bottom: 32px;
	}
}

.c-promo__descr {
	color: #6d6d6d;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: 600;

	gap: 16px;
	line-height: 24px;
	margin-bottom: 40px;
}
@media (min-width: 1024px) {
	.c-promo__descr {
		font-size: 18px;

		gap: 24px;
		margin-bottom: 56px;
	}
}
.c-promo__descr p {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.c-promo__button {
	font-size: 18px;
	height: 52px;
	width: 100%;
}
@media (min-width: 420px) {
	.c-promo__button {
		max-width: 352px;
	}
}

.c-scroll-to-bottom {
	display: none;
}
@media (min-width: 1024px) {
	.c-scroll-to-bottom {
		align-items: center;
		background-color: #0072bc;
		border-radius: 50%;
		display: flex;
		height: 64px;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		transition: 0.2s;
		width: 64px;
	}
	.c-scroll-to-bottom:hover {
		background-color: #005389;
	}
	.c-scroll-to-bottom svg {
		flex-shrink: 0;
		height: 32px;
		width: 32px;
	}
}

/* // Promo */


/* How to */
.c-how-to {
	padding: 48px 0;
	scroll-margin-top: 64px;
}
@media (min-width: 1024px) {
	.c-how-to {
		padding: 80px 0;
	}
}

.c-how-to__head {
	display: flex;
	flex-direction: column;

	gap: 16px;
	margin-bottom: 44px;
	text-align: center;
}
@media (min-width: 1024px) {
	.c-how-to__head {
		margin-bottom: 76px;
	}
}

.c-tabs {
	display: flex;
	flex-direction: column;

	gap: 24px;
}
@media (min-width: 1024px) {
	.c-tabs {
		gap: 48px;	
	}
}

.c-tabs__buttons {
	align-self: center;
	display: grid;

	grid-template-columns: minmax(0, 1fr);
	max-width: 480px;
	width: 100%;
}
@media (min-width: 1024px) {
	.c-tabs__buttons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.c-tabs__button {
	align-items: center;
	background-color: #363636;
	border: none;
	box-shadow: 0px 1px 2px 0px #0000000D;
	display: flex;
	height: 48px;
	justify-content: center;
	outline: none;
	padding: 0 12px;
	transition: 0.2s;
}
.c-tabs__button:hover {
	background-color: #005389;
}
.c-tabs__button.active {
	background-color: #0072BC;
}

.c-tabs__button span {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
}

.c-tabs__content {
	display: grid;
	gap: 40px;

	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
	.c-tabs__content {
		gap: 16px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (min-width: 1280px) {
	.c-tabs__content {
		gap: 36px;
	}
}

.subscribe-card-container {

	container-type: inline-size;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.subscribe-card {
	background-color: #fff;
	border: 2px solid transparent;
	box-shadow: 0px 8px 30px 0px #00000014;
	display: flex;
	flex-direction: column;
	padding: 20px;
}
 
@container (width > 380px) {
	.subscribe-card {
		padding: 32px 24px;
	}
}

.subscribe-card-container:nth-child(2) .subscribe-card {
	border: 2px solid #0072bc;
	box-shadow: 0px 8px 30px 0px #0072BC14;
}

.subscribe-card__badge {
	align-items: center;
	background-color: #0072bc;
	color: #fff;
	display: flex;
	height: 36px;
	justify-content: center;
}

.subscribe-card__head {
	border-bottom: 1px solid #eee;
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

.subscribe-card__type {
	align-items: center;
	display: flex;

	gap: 8px;
	justify-content: flex-start;
	margin-bottom: 8px;
}

.subscribe-card__icon {
	align-items: center;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	height: 36px;
	justify-content: center;
	overflow: hidden;
	width: 36px;
}
.subscribe-card__icon img {
	display: block;
	height: 20px;
	width: 20px;
}

.subscribe-card-container:first-child .subscribe-card__icon {
	border-radius: 0;
	height: 24px;
	width: 24px;
}
.subscribe-card-container:first-child .subscribe-card__icon img {
	height: 24px;
	width: 24px;
}
.subscribe-card-container:nth-child(2) .subscribe-card__icon {
	background-color: #0072BC1A;
}
.subscribe-card-container:last-child .subscribe-card__icon {
	background-color: #f4f4f4;
}

.subscribe-card__title {
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	text-align: left;
}

.subscribe-card__pricing {
	align-items: center;
	display: flex;

	gap: 8px;
	justify-content: flex-start;
	margin-bottom: 8px;
	text-align: left;
}

.subscribe-card__price {
	color: #1c1c1c;
	font-size: 48px;
	font-weight: 600;
	line-height: 64px;
}

@container (width > 380px) {
	.subscribe-card__price {
		font-weight: 700;
	}
}

.subscribe-card__period {
	color: #6d6d6d;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

/* .subscribe-card__description {
	color: #6d6d6d;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: 600;

	gap: 6px;
	line-height: 24px;
	margin-bottom: 16px;
	text-align: left;
} */

.subscribe-card__button {
	align-items: center;
	background-color: #363636;
	box-shadow: 0px 4px 8px 0px #00000026;
	color: #fff;
	display: flex;
	font-size: 18px;
	height: 52px;
	justify-content: center;
	line-height: 20px;
	text-align: center;
	text-transform: unset;
}

.subscribe-card-container:nth-child(2) .subscribe-card__button {
	background-color: #0072BC;
}
.subscribe-card-container:nth-child(2) .subscribe-card__button:hover {
	background-color: #005389;
}

.subscribe-card__body {
	display: flex;
	flex-direction: column;
}

.subscribe-card__features {
	display: flex;
	flex-direction: column;

	gap: 12px;
}
.subscribe-card__features li {
	color: #426377;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	padding-left: 32px;
	position: relative;
	text-align: left;
}

.subscribe-card__features li::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23426377' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 14 3.5 3.5L19 6.5'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 24px;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

	user-select: none;
	width: 24px;
}
.subscribe-card__features li.disabled {
	opacity: 0.5;
	pointer-events: none;

	user-select: none;
}

.c-custom-donation {
	align-items: center;
	border: 1px solid #0072bc;
	box-shadow: 0px 8px 30px 0px #00000014;
	display: flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
	max-width: 1128px;
	padding: 20px 16px;
	width: 100%;
}
@media (min-width: 1024px) {
	.c-custom-donation {
		margin-top: 80px;
		padding: 40px;
	}
}

.c-custom-donation__wrapper {
	display: flex;
	flex-direction: column;
	max-width: 450px;
	width: 100%;
}

.c-custom-donation__title {
	border-bottom: 1px solid #eee;
	color: #072437;
	display: flex;
	font-size: 24px;
	font-weight: 700;
	justify-content: center;
	line-height: 32px;
	margin-bottom: 16px;
	padding-bottom: 16px;
	text-align: center;
}

.c-custom-donation__input {
	margin-bottom: 24px;
}
@media (min-width: 1024px) {
	.c-custom-donation__input {
		margin-bottom: 28px;
	}
}

.c-custom-donation__button {
	border: none;
	font-size: 18px;
	font-weight: 600;
	height: 52px;
	outline: none;
	text-transform: unset;
}

.c-one-time-donation {
	align-items: center;
	background-color: #fff;
	box-shadow: 0px 8px 30px 0px #00000014;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media (min-width: 1024px) {
	.c-one-time-donation {
		margin-left: auto;
		margin-right: auto;
		max-width: 720px;
		padding: 40px;
		width: 100%;
	}
}

.c-one-time-donation__inner {
	align-self: center;
	border: 1px solid #0072bc;
	display: flex;
	flex-direction: column;
	padding: 20px 16px;
	width: 100%;
}
@media (min-width: 1024px) {
	.c-one-time-donation__inner {
		max-width: 490px;
		padding: 24px 20px;
	}
}

.c-one-time-donation__list {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 16px;
	position: relative;
}
@media (min-width: 768px) {
	.c-one-time-donation__list {
		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 20px;
	}
}

.c-one-time-donation__label {
	cursor: pointer;
	display: flex;
}
.c-one-time-donation__label:hover .c-one-time-donation__content {
	border-color: #0072bc;
}
.c-one-time-donation__label:hover .c-one-time-donation__text {
	color: #0072bc;
}
.c-one-time-donation__label input:checked + .c-one-time-donation__content {
	border-color: #0072bc;
}
.c-one-time-donation__label input:checked + .c-one-time-donation__content .c-one-time-donation__text {
	color: #0072bc;
	font-weight: 700;
}

.c-one-time-donation__content {
	align-items: center;
	border: 1px solid #c7c7c7;
	display: flex;
	height: 40px;
	justify-content: center;
	padding: 0 8px;
	transition: 0.2s;
	width: 100%;
}

.c-one-time-donation__text {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
}

.c-one-time-donation__input-label {
	color: #312f2f;
	font-size: 12px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
}

.c-one-time-donation__input {
	margin-bottom: 24px;
}
@media (min-width: 1024px) {
	.c-one-time-donation__input {
		margin-bottom: 28px;
	}
}

.c-one-time-donation__button {
	align-self: center;
	border: none;
	font-size: 16px;
	font-weight: 600;
	height: 44px;
	outline: none;
	padding: 0 12px;
	text-transform: unset;
}
/* // How to */

/* Why */
.c-why {
	padding-bottom: 48px;
}
@media (min-width: 1024px) {
	.c-why {
		padding-bottom: 80px;
		padding-top: 80px;
	}
}

.c-why__wrapper {
	display: flex;
	flex-direction: column;
}

.c-why__head {
	align-self: center;
	display: flex;
	flex-direction: column;

	gap: 16px;
	margin-bottom: 24px;
	max-width: 800px;
	text-align: center;
	width: 100%;
}
@media (min-width: 1024px) {
	.c-why__head {
		margin-bottom: 48px;
	}
}

.c-why__layout {
	display: grid;
	gap: 24px;

	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
	.c-why__layout {
		align-items: center;

		gap: 48px;
		grid-template-columns: auto 456px;
	}
}

.c-why__image {
	box-shadow: 0px 5px 15px 0px #00000059;
	display: flex;
}
.c-why__image img {
	display: block;
	height: auto;
	width: 100%;
}

.c-why__content {
	display: flex;
	flex-direction: column;

	gap: 8px;
	text-align: left;
}
@media (min-width: 1024px) {
	.c-why__content {
		gap: 24px;
	}
}

.c-why__title {
	color: #426377;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
@media (min-width: 1024px) {
	.c-why__title {
		font-size: 24px;
		line-height: 32px;
	}
}

.c-why__item-descr {
	color: #6d6d6d;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.c-why__list {
	align-items: flex-start;
	display: flex;
	flex-direction: column;

	gap: 12px;
	justify-content: flex-start;
}
.c-why__list li {
	color: #426377;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	padding-left: 32px;
	position: relative;
	text-align: left;
}
.c-why__list li::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23426377' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 14 3.5 3.5L19 6.5'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 24px;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

	user-select: none;
	width: 24px;
}

.c-why__grid {
	display: grid;
	gap: 16px;

	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
	.c-why__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.c-why__item {
	border: 1px solid #eee;
	display: flex;
	flex-direction: column;

	gap: 12px;
	padding: 16px;
	text-align: left;
}
@media (min-width: 1024px) {
	.c-why__item {

		gap: 8px;
		height: 100%;
		padding: 24px;
	}
}

.c-why__item-title {
	color: #072437;
	font-size: 26px;
	font-weight: 600;
	line-height: 36px;
}

.c-why__item-subtitle {
	color: #6d6d6d;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.c-why__card {
	background: linear-gradient(90deg, #E0EAFC 0%, #CFDEF3 100%);
	border: 1px solid #eee;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
	.c-why__card {
		gap: 0;
		grid-column-end: 4;
		grid-column-start: 1;
		grid-template-columns: auto 416px;
	}
}

.c-why__card-content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: flex-start;
	padding: 16px;
	text-align: left;
}
@media (min-width: 1024px) {
	.c-why__card-content {
		justify-content: center;
		padding: 40px;
		padding-right: 64px;
	}
}

.c-why__card-img {
	border-top: 1px solid #eee;
	display: flex;
	justify-self: center;
	max-width: 416px;
}
@media (min-width: 1024px) {
	.c-why__card-img {
		border-left: 1px solid #eee;
		border-top: unset;
	}
}
.c-why__card-img img {
	display: block;
	height: auto;
	width: 100%;
}
/* // Why */

/* Best materials */
.c-best-m {
	overflow: hidden;
	padding-bottom: 48px;
}
@media (min-width: 1024px) {
	.c-best-m {
		padding-bottom: 80px;
		padding-top: 80px;
	}
}

.c-best-m__wrapper {
	display: flex;
	flex-direction: column;
}

.c-best-m__head {
	margin-bottom: 24px;
	text-align: center;
}
@media (min-width: 1024px) {
	.c-best-m__head {
		margin-bottom: 54px;
	}
}

.c-best-m-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.c-best-m-card:hover .c-best-m-card__img {
	opacity: 0.8;
}
.c-best-m-card:hover .c-best-m-card__title {
	color: #0072bc;
}

.c-best-m-card__img {
	display: flex;
	transition: 0.2s;
}
@media (min-width: 1024px) {
	.c-best-m-card__img {
		height: 205px;
		width: 100%;
	}
}
.c-best-m-card__img img {
	display: block;
	height: auto;
	width: 100%;;
}
@media (min-width: 1024px) {
	.c-best-m-card__img img {
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

.c-best-m-card__title {
	color: #072437;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
}

.c-best-m-swiper-wrapper {
	display: none;
}
@media (min-width: 1024px) {
	.c-best-m-swiper-wrapper {
		display: block;
		padding-left: 24px;
		padding-right: 24px;
		position: relative;
	}
}
@media (min-width: 1500px) {
	.c-best-m-swiper-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}

.c-best-m-swiper-nav {
	align-items: center;
	background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 69.71%, #FAFAFA 100%);
	border: 1px solid #eee;
	border-radius: 50%;
	box-shadow: 0px 6px 8px 0px #0000000D;
	display: flex;
	height: 48px;
	justify-content: center;
	position: absolute;
	top: calc(50% - 46px);
	transition: 0.2s;
	width: 48px;
	z-index: 2;

}
.c-best-m-swiper-nav:hover {
	transform: scale(1.05)
}
.c-best-m-swiper-nav:active {
	transform: scale(0.95)
}
.c-best-m-swiper-nav.swiper-button-disabled {
	opacity: 0.5;
	pointer-events: none;
	user-select: none;
}

.c-best-m-swiper-nav--prev {
	left: 0px;
}
@media (min-width: 1500px) {
	.c-best-m-swiper-nav--prev {
		left: -24px;
	}
}
.c-best-m-swiper-nav--next {
	right: 0px;
}
@media (min-width: 1500px) {
	.c-best-m-swiper-nav--next {
		right: -24px;
	}
}

.c-best-m__mobile-col {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
@media (min-width: 1024px) {
	.c-best-m__mobile-col {
		display: none;
	}
}
/* // Best materials */


/* Faq */
.c-faq {
	padding-bottom: 48px;
}
@media (min-width: 1024px) {
	.c-faq {
		padding-bottom: 80px;
		padding-top: 80px;
	}
}

.c-faq__wrapper {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
	.c-faq__wrapper {
		grid-template-columns: auto 704px;
	}
}

.c-faq__wrapper .c-title {
	text-align: center;
}
@media (min-width: 1024px) {
	.c-faq__wrapper .c-title {
		display: flex;
		max-width: 265px;
		text-align: left;
	}
}

.c-faq__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.c-accordion {
	background-color: #f9f9f9;
	box-shadow: 0px 3px 8px 0px #0000000D;
}
@media (min-width: 1024px) {
	.c-accordion {
		padding-bottom: 12px;
	}
}

.c-accordion.active .c-accordion__icon {
	transform: rotate(180deg);
}

.c-accordion__button {
	align-items: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	outline: none;
	padding: 12px;
	width: 100%;
}
@media (min-width: 1024px) {
	.c-accordion__button {
		padding: 24px;
		padding-bottom: 12px;
	}
	.c-accordion__button:hover .c-accordion__title,
	.c-accordion__button:hover .c-accordion__icon {
		color: #0072bc;
	}

}

.c-accordion__title {
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	transition: 0.2s;
}
@media (min-width: 1024px) {
	.c-accordion__title {
		font-size: 18px;
	}
}

.c-accordion__icon {
	align-items: center;
	color: #6d6d6d;
	display: flex;
	flex-shrink: 0;
	height: 24px;
	justify-content: center;
	transition: 0.2s;
	width: 24px;
}

.c-accordion__content {
	color: #1c1c1c;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	gap: 6px;
	line-height: 24px;
	padding: 12px;
	padding-top: 0;
	text-align: left;
}
@media (min-width: 1024px) {
	.c-accordion__content {
		font-size: 18px;
		padding: 12px 24px;
	}
}
.c-accordion__content ol,
.c-accordion__content ul {
	margin: 0;
	padding-left: 24px;
}
.c-accordion__content ol {
	list-style-type: numeric;
}
.c-accordion__content ul {
	list-style-type: disc;
}
/* // Faq */

/* Feedback */

.c-feedback {
	overflow: hidden;
	padding-bottom: 48px;
}
@media (min-width: 1024px) {
	.c-feedback {
		padding-bottom: 80px;
		padding-top: 80px;
	}
}

.c-feedback__head {
	margin-bottom: 16px;
	text-align: center;
}
@media (min-width: 1024px) {
	.c-feedback__head {
		margin-bottom: 40px;
	}
}

.c-feedback__content {
	background: linear-gradient(188.52deg, #659BFF 0%, #C7DBFF 32.35%, #4686FE 45.77%, #C7DBFF 100%);
	box-shadow: 0px 10px 20px 0px #00000026;
	display: flex;
	margin-left: -16px;
	margin-right: -16px;
	padding: 16px;
}
@media (min-width: 1024px) {
	.c-feedback__content {
		margin-left: 0;
		margin-right: 0;
		padding: 32px;
	}
}

.c-feedback__inner {
	background-color: #fff;
	display: grid;
	gap: 32px;
	grid-template-columns: minmax(0, 1fr);
	padding: 16px;
	width: 100%;
}
@media (min-width: 1024px) {
	.c-feedback__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 40px;
	}
}

.c-feedback__col {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	text-align: center;
}
.c-feedback__icon {
	align-items: center;
	background-color: #c8e9ff;
	border: 8px solid #f0f9ff;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	height: 56px;
	justify-content: center;
	position: relative;
	width: 56px;
}
.c-feedback__icon img {
	flex-shrink: 0;
}

.c-feedback__inner-col {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: center;
}

.c-feedback__title {
	color: #181d27;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}

.c-feedback__text {
	color: #535862;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.c-feedback__link {
	color: #0072bc;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	transition: 0.2s;
}
.c-feedback__link:hover {
	color: #005389;
	text-decoration: underline;
}
/* // Feedback */