@charset "UTF-8";
.modal-info-head {
		position: sticky;
		top: 0;
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 35px 0 25px 0;
		box-shadow: 0 0.5px 0 var(--sec-dark);
		background: var(--white);
		gap: 10px;
}
.modal-info-head > * {
		font: bold 16px/48px var(--fontg);
		letter-spacing: -0.015em;
		border-radius: 24px;
		text-decoration: none;
		color: var(--blue);
		padding: 0 24px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		flex: 0 0 auto;
		cursor: pointer;
}
@media (pointer:fine) {
		.modal-info-head > a:hover {
				color: var(--orange);
		}
}
.modal-info-head > .active {
		color: #455B82;
		background: rgba(31, 148, 255, 0.05);
}
.modal-info-bottom {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 0 25px 33px 25px;
}
.modal-info-bottom .btn {
		width: 100%;
		max-width: 300px;
}
.modal-info-accent {
		font: 600 15px/24px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey800);
		padding: 12px 25px;
		background: rgba(166, 183, 212, 0.05);
		border-style: solid;
		border-width: 0.5px 0;
		border-color: var(--sec-dark);
		text-align: center;
}
.modal-info-delivery {
		overflow: auto;
		margin: 0 0 20px 0;
}
.modal-info-delivery table {
		border-collapse: collapse;
		min-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: 600;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.015em;
		color: var(--grey800);
}
.modal-info-delivery th, .modal-info-delivery td {
		text-align: left;
		vertical-align: middle;
		border: 0;
		padding: 0 16px;
}
.modal-info-delivery th {
		color: var(--grey600);
		font-weight: bold;
		font-size: 16px;
		font-family: var(--fontg);
		letter-spacing: 0.01em;
		height: 60px;
		background: rgba(166, 183, 212, 0.05);
		border-style: solid;
		border-width: 0.5px 0;
		border-color: var(--sec-dark);
		white-space: nowrap;
}
.modal-info-delivery td:first-child {
		letter-spacing: -0.01em;
}
.modal-info-delivery td {
		padding-top: 20px;
		padding-bottom: 10px;
}
.modal-info-delivery td:not(:first-child) {
		white-space: nowrap;
}
.modal-info-delivery td:first-child {
		min-width: 167px;
		font-weight: 500;
		font-size: 13px;
		letter-spacing: -0.02em;
		color: var(--grey900);
}
.modal-info-delivery table .small {
		font-size: 12px;
		letter-spacing: -0.04em;
		color: var(--grey600);
}
.modal-info-assembly {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-weight: normal;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.015em;
		color: var(--grey800);
		padding: 21px 25px 31px 25px;
		gap: 21px 0;
}
.modal-info-assembly table {
		flex: 0 0 auto;
		max-width: 100%;
		border-collapse: collapse;
		border: 0;
		margin: 0;
		padding: 0;
		font-weight: 600;
}
.modal-info-assembly td {
		text-align: left;
		vertical-align: top;
		border: 0;
		padding: 0;
}
.modal-info-assembly td:not(:first-child) {
		padding-left: 64px;
}
.modal-info-assembly tr:not(:first-child) td {
		padding-top: 30px;
}
.modal-info-contact {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		border-top: 0.5px solid var(--sec-dark);
		padding: 22px 0 35px 0;
		margin: 0 25px;
		font: bold 16px/32px var(--fontg);
		letter-spacing: -0.005em;
		color: var(--grey600);
}
.modal-info-contact strong {
		display: block;
		color: var(--grey800);
		font-weight: 600;
		font-size: 20px;
		letter-spacing: -0.015em;
}
.modal-info-contact strong a {
		text-decoration: none;
		white-space: nowrap;
		color: inherit;
}
.modal-info-contact .btn {
		width: 100%;
		max-width: 312px;
		margin-top: 16px;
}
.modal-info-payments {
		margin: 0;
		padding: 32px 25px 24px 25px;
		text-align: center;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.015em;
		color: var(--grey600);
		display: flex;
		flex-direction: column;
		gap: 32px 0;
}
.modal-info-payments li:before {
		display: none;
}
.modal-info-payments li {
		margin: 0;
		padding: 0;
		flex: 0 0 auto;
		width: 100%;
		position: relative;
}
.modal-info-payments .pic {
		width: 50px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0 auto 10px auto;
}
.modal-info-payments .pic img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
}
.modal-info-payments .big1 {
		font: bold 18px/20px var(--fontg);
		letter-spacing: -0.015em;
		color: var(--grey800);
		margin: 0 0 16px 0;
}
.modal-info-payments .big2 {
		font: inherit;
		font-weight: 600;
		margin: 16px 0 8px 0;
		color: inherit;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.modal-info {
				max-width: 750px;
		}
		.modal-info-head {
				padding: 24px 0 30px 0;
				gap: 25px;
		}
		.modal-info-head > * {
				font-size: 18px;
				line-height: 56px;
				letter-spacing: -0.005em;
				height: 56px;
				border-radius: 28px;
				padding: 0 40px;
		}
		.modal-info-bottom {
				padding: 24px 0 30px 0;
				margin: 0 35px;
				border-top: 0.5px solid var(--sec-dark);
		}
		.modal-info-bottom .btn {
				width: auto;
				min-width: 220px;
				max-width: none;
		}
		.modal-info-accent {
				font-size: 16px;
				line-height: 28px;
				letter-spacing: -0.005em;
				padding: 22px 25px;
		}
		.modal-info-delivery {
				margin: 0;
				padding: 0 0 21px 0;
				overflow: visible;
		}
		.modal-info-delivery table {
				font-size: 14px;
				width: 100%;
		}
		.modal-info-delivery th, .modal-info-delivery td {
				padding-left: 15px;
				padding-right: 15px;
		}
		.modal-info-delivery th:first-child, .modal-info-delivery td:first-child {
				padding-left: 45px;
		}
		.modal-info-delivery th:last-child, .modal-info-delivery td:last-child {
				padding-right: 45px;
		}
		.modal-info-delivery th {
				font-size: 16px;
				line-height: 28px;
				letter-spacing: -0.005em;
				color: var(--grey800);
				height: 70px;
				white-space: normal;
		}
		.modal-info-delivery td:first-child {
				letter-spacing: -0.015em;
		}
		.modal-info-delivery td {
				padding-top: 24px;
				padding-bottom: 6px;
		}
		.modal-info-delivery td:not(:first-child) {
				white-space: normal;
		}
		.modal-info-delivery td:first-child {
				min-width: 0;
				font-weight: normal;
				font-size: 14px;
				letter-spacing: -0.015em;
				color: var(--grey800);
		}
		.modal-info-delivery table .small {
				display: inline;
				font: inherit;
				letter-spacing: inherit;
				color: inherit;
		}
		.modal-info-assembly {
				font-size: 14px;
				letter-spacing: -0.005em;
				padding: 30px 25px 31px 25px;
				gap: 30px 0;
		}
		.modal-info-assembly td:not(:first-child) {
				padding-left: 60px;
		}
		.modal-info-assembly tr:not(:first-child) td {
				padding-top: 30px;
		}
		.modal-info-contact {
				margin: 0 35px;
				border-top: 0.5px solid var(--sec-dark);
				padding: 25px 0 40px 0;
				font-weight: 600;
				font-size: 18px;
				color: var(--grey800);
		}
		.modal-info-contact strong {
				display: inline;
				font: inherit;
				color: inherit;
				letter-spacing: inherit;
		}
		.modal-info-contact .btn {
				width: auto;
				min-width: 220px;
				max-width: none;
				margin-top: 20px;
		}
		.modal-info-payments {
				padding: 35px 55px 30px 110px;
				text-align: left;
				gap: 30px 0;
		}
		.modal-info-payments .pic {
				height: 50px;
				position: absolute;
				top: 0;
				left: -75px;
				margin: 0;
		}
		.modal-info-payments .pic img {
				max-height: 100%;
		}
		.modal-info-payments .big1 {
				font-size: 16px;
				letter-spacing: 0.005em;
				margin: 0 0 12px 0;
		}
		.modal-info-payments .big2 {
				margin: 22px 0 8px 0;
		}
		.modal-info-payments .big1 + .big2 {
				margin-top: 0;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {}