.sms-calc__consultation-button {
	border-color: #fff;
}
.sms-calc__consultation-button:where(:not(.button--transparent)) {
	color: #fff;
}

.custom-design__container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.custom-design__main-info {
	width: 100%;
	max-width: 348px;
}

.custom-design__item {
	font-weight: 500;
	font-family: var(--inter);
	color: var(--gray-light);
	line-height: 22px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 32px;
}

.custom-design__item::before {
	content: url('/local/templates/gofromir_refactored/assets/images/arrow-top-right.svg');
	position: absolute;
	left: 0;
	top: 0;
}

.product-thumbs--design {
	background: none;
	border-radius: 0;
	padding: 0 !important;
}

.custom-design__images {
	max-width: 460px;
	width: 100%;
}

.effects {
	position: absolute;
	width: 100%;
	height: 100%;
}

.effects::before {
	content: url('/local/templates/gofromir_refactored/assets/images/design-item.webp');
	position: absolute;
	left: 30px;
	top: -25px;
	z-index: 4;
	transition: 200ms ease all;
}

.effects::after {
	content: url('/local/templates/gofromir_refactored/assets/images/design-item-2.webp');
	position: absolute;
	left: 70px;
	top: -50px;
	z-index: 3;
	transition: 200ms ease all;
}

.custom-design__tabs {
	width: 100%;
	max-width: 352px;
}

.custom-design__tab {
	padding: 36px 36px 4px;
	border-radius: 36px;
	border: 2px solid transparent;
}

.custom-design__tab-title {
	font-size: 20px;
	font-weight: 500;
	font-family: var(--inter);
	color: #C4C4C4;
}

.custom-design__tab-title:hover {
	color: #3E3E3E;
}

.custom-design__tab--active .custom-design__tab-title {
	margin-bottom: 24px;
	font-family: var(--monts);
	font-weight: 600;
	color: #3E3E3E;
}

.custom-design__tab-desc {
	color: var(--gray-light);
	font-family: var(--inter);
	font-weight: 500;
	line-height: 22.4px;
	display: none;
}

.custom-design__tab--active .custom-design__tab-desc {
	display: block;
}

.print-button {
	margin: 40px 36px 0;
}

.button-green-new {
	margin-top: 30px;
}

.button-green-new:hover {
	background: #2BAB33;
	color: #fff;
}

.print-item {
	display: flex;
	align-items: center;
	margin-top: 85px;
	justify-content: center;
}

.print-item__images {
	width: 590px;
	margin-right: 90px;
}

.print-item__info-title {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 25px;
}

.print-item__info-subtitle {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 25px;
}

.print-item__info-desc {
	max-width: 635px;
}

.print-item__buttons {
	margin-top: 30px;
	display: flex;
	align-items: center;
}

.print-item__button-more {
	font-weight: 500;
	font-size: 20px;
	color: var(--green);
	font-family: var(--inter);
	margin-right: 30px;
}

.print-item__button-more:hover {
	text-decoration: underline;
}

.print-item--reverse {
	flex-direction: row-reverse;
}

.print-item--reverse .print-item__images {
	margin-right: 0;
	margin-left: 90px;
}

.etaps_item-name:before {
	counter-increment: list-etap;
	content: counter(list-etap);
	position: absolute;
	left: -60px;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.etaps_item-name {
	font-weight: 600;
	margin-bottom: 21px;
	font-size: 16px;
	line-height: 140%;
	padding: 12px 14px;
	display: inline-flex;
	position: relative;
	border-radius: 8px;
	margin-left: 60px;
	align-items: center;
	text-transform: uppercase;
}

.item-purple .etaps_item-name {
	background: #A489DD;
	color: white;
}

.item-purple .etaps_item-name:before {
	background: #A489DD;
	color: white;
}

.item-red .etaps_item-name {
	background: #F9978E;
	color: white;
}

.item-red .etaps_item-name:before {
	background: #F9978E;
	color: white;
}

.item-green .etaps_item-name {
	background: #4DBD66;
	color: white;
}

.item-green .etaps_item-name:before {
	background: #4DBD66;
	color: white;
}

.item-blue .etaps_item-name {
	background: #5E8CD9;
	color: white;
}

.item-blue .etaps_item-name:before {
	background: #5E8CD9;
	color: white;
}

.print-item__info-colors {
	display: flex;
	align-items: center;
	gap: 24px;
	font-size: 18px;
	font-weight: 600;
	margin-top: 34px;
	margin-bottom: 50px;
}

.print-item__info-colors div {
	display: flex;
	gap: 16px;
}

.print-item__info-color {
	width: 64px;
	height: 42px;
	border-radius: 14px;
	border: 2px solid rgba(230, 230, 230, 1);
}

.print-item__info-color:first-child {
	background: url('/local/templates/gofromir_refactored/assets/images_new/print-item__info-color-1.webp');
}

.print-item__info-color:last-child {
	background: url('/local/templates/gofromir_refactored/assets/images_new/print-item__info-color-2.webp');
}

section.custom-design {
	margin-top: 100px;
}

.custom-design__tab--active {
	border-color: #E6E6E6;
	padding: 36px 30px;
	margin: 35px 0 15px;
}

@media screen and (max-width: 989px) {
	.custom-design__tab:first-child {
		border-radius: 30px;
	}

	.main-page .button-green-new {
		margin-top: 0px;
		width: 100%;
		margin-bottom: 50px;
	}

	.main-page .custom-design__main-info {
		max-width: none;
	}

	.main-page .print-button {
		width: 100%;
		margin-left: 0px;
	}

	.main-page .custom-design {
		padding: 0px;
	}

	.main-page .custom-design__container > div {
		order: 0;
	}
}

@media screen and (max-width:767px) {
	.effects::before {
		background-repeat: no-repeat;
		background-position: center;
	}

	.effects::after {
		background-repeat: no-repeat;
		background-position: center;
	}

	.main-page .custom-design {
		margin-top: 0px;
	}
}

@media screen and (max-width: 1366px) {
	.custom-design__main-info {
		margin-right: 25px;
	}

	.custom-design__tabs {
		margin-left: 25px;
	}

	.effects::before {
		content: '';
		width: calc(100% - 40px);
		left: 20px;
		height: 100%;
		background: url('/local/templates/gofromir_refactored/assets/images/design-item.webp');
		background-size: contain;
	}

	.effects::after {
		content: '';
		width: calc(100% - 80px);
		height: 100%;
		left: 40px;
		background: url('/local/templates/gofromir_refactored/assets/images/design-item-2.webp');
		background-size: contain;
	}
}

@media screen and (max-width: 1199px) {
	.custom-design__title {
		font-size: 20px;
		line-height: 26px;
	}

	.custom-design__tab:first-child {
		margin-top: 0;
	}

	.custom-design__tab-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) {
	.custom-design__images {
		max-width: 200px;
	}

	.effects::before {
		top: -12px;
	}

	.effects::after {
		top: -24px;
	}

	.custom-design__tab-title {
		margin-bottom: 0;
		font-size: 12px;
	}

	.custom-design__tab--active .custom-design__tab-title {
		margin-bottom: 10px;
	}

	.custom-design__tab-desc {
		font-size: 12px;
		line-height: 1.2;
		min-height: 50px;
	}

	.custom-design__tab {
		border-radius: 18px;
		padding: 18px 22px;
		padding-bottom: 0;
		margin: 0;
	}

	.print-button {
		margin-top: 20px;
		margin-left: 18px;
		margin-right: 0;
	}

	.print-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.print-item__images {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.print-item--reverse .print-item__images {
		margin-left: 0;
	}

	.custom-design__tab--active {
		padding-bottom: 22px;
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	.custom-design__container {
		flex-direction: column;
	}

	.custom-design__tabs {
		margin-left: 0;
		order: 1;
		width: 100%;
		max-width: 100%;
	}

	.custom-design__images {
		order: 2;
		max-width: 100%;
	}

	.custom-design__main-info {
		margin-right: 0;
		order: 3;
		margin-top: 40px;
	}

	.custom-design__tab-desc {
		min-height: auto;
	}

	.custom-design__tab {
		margin: 0;
		margin-bottom: 5px;
		border-color: #E6E6E6;
		padding-bottom: 22px;
	}

	.custom-design__tab-title {
		color: #3E3E3E;
		margin-bottom: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-weight: 700;
	}

	.custom-design__tab-title::after {
		content: url('/local/templates/gofromir_refactored/assets/images/down-arrow-nav.svg');
	}

	.custom-design__tab--active .custom-design__tab-title::after {
		transform: rotate(180deg);
	}

	.print-button {
		margin: 15px 0 22px 0;
	}

	.print-item {
		margin-top: 40px;
	}

	.print-item__info-title {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight: 500;
	}

	.print-item__info-subtitle {
		font-size: 16px;
		margin-bottom: 20px;
		font-weight: 500;
	}

	.etaps_item-name:before {
		counter-increment: list-etap;
		content: counter(list-etap);
		position: absolute;
		left: -40px;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
	}

	.etaps_item-name {
		font-size: 12px;
		margin-left: 40px;
		margin-bottom: 16px;
	}

	.custom-design {
		margin-top: 60px;
	}
}

@media screen and (max-width: 479px) {
	.print-item__button-price {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
}