

/* Start:/local/templates/.default/components/bitrix/catalog.section.list/services/international-logistics.css?178455347710242*/
.international-logistics-content,
.international-logistics-partner {
	--logistics-accent: #A7D93A;
	--logistics-blue: #669EE1;
	--logistics-surface: rgba(7, 65, 134, 0.2);
	--logistics-surface-strong: rgba(7, 65, 134, 0.42);
	--logistics-border: rgba(102, 158, 225, 0.4);
	--logistics-text: rgba(255, 255, 255, 0.84);
}

.page-transportation__section-3.international-logistics-content {
	padding-top: clamp(48px, 6vw, 80px);
}

.section3-transportation__text-paragraph.international-logistics-overview {
	max-width: 920px;
	font-weight: 400;
	color: var(--logistics-text);
}

.international-logistics-overview > br {
	display: none;
}

.international-logistics-overview > p {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.72;
	color: var(--logistics-text);
}

.international-logistics-overview > p:first-child {
	margin-bottom: 24px;
	padding: 18px 22px;
	border: 1px solid rgba(167, 217, 58, 0.36);
	border-left: 4px solid var(--logistics-accent);
	border-radius: 14px;
	background: linear-gradient(100deg, rgba(167, 217, 58, 0.12), rgba(102, 158, 225, 0.08));
	font-size: 19px;
	font-weight: 500;
	line-height: 1.55;
	color: #FFFFFF;
}

.international-logistics-overview > p:nth-of-type(2) {
	margin-bottom: 22px;
	font-size: 21px;
	line-height: 1.58;
	color: #FFFFFF;
}

.international-logistics-overview > h2 {
	margin: 68px 0 22px;
	padding-top: 32px;
	border-top: 1px solid var(--logistics-border);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.025em;
	color: #FFFFFF;
}

.international-logistics-overview > h2 + p,
.international-logistics-overview > h2 + br + p {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.9);
}

.section3-transportation__text-paragraph.international-logistics-overview > ul {
	display: grid;
	gap: 12px;
	margin: 24px 0 8px;
	padding: 0;
	list-style: none;
}

.international-logistics-overview > ul > li {
	margin: 0;
	padding: 16px 18px 16px 48px;
	border: 1px solid rgba(102, 158, 225, 0.28);
	border-radius: 12px;
	background: var(--logistics-surface);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.62;
	color: rgba(255, 255, 255, 0.88);
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.international-logistics-overview > ul > li::before {
	width: 8px;
	height: 8px;
	top: 23px;
	left: 22px;
	margin: 0;
	background: var(--logistics-accent);
	box-shadow: 0 0 0 5px rgba(167, 217, 58, 0.1);
}

.international-logistics-table {
	width: 100%;
	margin: 26px 0 30px;
	overflow-x: auto;
	border: 1px solid var(--logistics-border);
	border-radius: 16px;
	background: rgba(4, 43, 90, 0.34);
	scrollbar-width: thin;
	scrollbar-color: var(--logistics-blue) rgba(255, 255, 255, 0.08);
}

.international-logistics-table:focus-visible {
	outline: 3px solid rgba(167, 217, 58, 0.72);
	outline-offset: 3px;
}

.international-logistics-table table {
	width: 100%;
	min-width: 680px;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 16px;
}

.international-logistics-table th,
.international-logistics-table td {
	padding: 15px 17px;
	border-right: 1px solid var(--logistics-border);
	border-bottom: 1px solid var(--logistics-border);
	font-weight: 400;
	line-height: 1.48;
	text-align: left;
	vertical-align: top;
	color: rgba(255, 255, 255, 0.88);
}

.international-logistics-table th {
	background: rgba(102, 158, 225, 0.25);
	font-weight: 700;
	color: #FFFFFF;
}

.international-logistics-table tr:nth-child(even) td {
	background: rgba(102, 158, 225, 0.08);
}

.international-logistics-table tr:last-child td {
	border-bottom: 0;
}

.international-logistics-table th:last-child,
.international-logistics-table td:last-child {
	border-right: 0;
}

.international-logistics-table--1 th:nth-child(1) {
	width: 40%;
}

.international-logistics-table--1 th:nth-child(2) {
	width: 21%;
}

.international-logistics-table--1 th:nth-child(3) {
	width: 39%;
}

.international-logistics-table--2 th:nth-child(1) {
	width: 10%;
}

.international-logistics-table--2 th:nth-child(2) {
	width: 28%;
}

.international-logistics-table--2 th:nth-child(3) {
	width: 62%;
}

.international-logistics-table--2 td:first-child {
	font-weight: 700;
	text-align: center;
	color: var(--logistics-accent);
}

.international-logistics-table--1 + br + p,
.international-logistics-table--2 + br + p {
	margin-top: -4px;
	padding: 17px 20px;
	border-left: 3px solid var(--logistics-accent);
	border-radius: 0 12px 12px 0;
	background: rgba(167, 217, 58, 0.08);
	font-weight: 500;
	color: #FFFFFF;
}

.international-logistics-overview > h3 {
	margin: 26px 0 0;
	padding: 24px 26px 14px;
	border: 1px solid var(--logistics-border);
	border-bottom: 0;
	border-radius: 16px 16px 0 0;
	background: var(--logistics-surface-strong);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.015em;
	color: #FFFFFF;
}

.international-logistics-overview > h3 + br + p,
.international-logistics-overview > h3 + br + p + br + p,
.international-logistics-overview > h3 + br + p + br + p + br + p {
	margin: 0;
	padding: 6px 26px 14px;
	border-right: 1px solid var(--logistics-border);
	border-left: 1px solid var(--logistics-border);
	background: var(--logistics-surface-strong);
}

.international-logistics-overview > h3 + br + p + br + p + br + p {
	padding-bottom: 24px;
	border-bottom: 1px solid var(--logistics-border);
	border-radius: 0 0 16px 16px;
}

.international-logistics-overview > h3 + br + p strong,
.international-logistics-overview > h3 + br + p + br + p strong,
.international-logistics-overview > h3 + br + p + br + p + br + p strong {
	color: var(--logistics-accent);
}

.international-logistics-overview > h2:last-of-type {
	margin-top: 72px;
	margin-bottom: 0;
	padding: 30px 30px 12px;
	border: 1px solid rgba(167, 217, 58, 0.45);
	border-bottom: 0;
	border-radius: 18px 18px 0 0;
	background: linear-gradient(120deg, rgba(167, 217, 58, 0.15), rgba(102, 158, 225, 0.12));
}

.international-logistics-overview > h2:last-of-type + br + p {
	margin: 0;
	padding: 0 30px 30px;
	border: 1px solid rgba(167, 217, 58, 0.45);
	border-top: 0;
	border-radius: 0 0 18px 18px;
	background: linear-gradient(120deg, rgba(167, 217, 58, 0.15), rgba(102, 158, 225, 0.12));
	font-size: 18px;
	color: #FFFFFF;
}

.page-transportation__section-5.international-logistics-partner {
	margin-top: 28px;
	padding-top: 0;
}

.international-logistics-partner .section5-transportation__align {
	display: flex;
	max-width: 920px;
	padding: 26px 28px;
	align-items: center;
	gap: 30px;
	border: 1px solid rgba(102, 158, 225, 0.28);
	border-radius: 18px;
	background: rgba(7, 65, 134, 0.18);
}

.international-logistics-partner .section5-transportation__text-image {
	width: 210px;
	flex: 0 0 210px;
}

.international-logistics-partner .section5-transportation__text-paragraph {
	max-width: 520px;
	padding-top: 0;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--logistics-text);
}

@media (hover: hover) {
	.international-logistics-overview > ul > li:hover {
		border-color: rgba(167, 217, 58, 0.42);
		background: rgba(7, 65, 134, 0.32);
		transform: translateY(-1px);
	}

	.international-logistics-table tbody tr:not(:first-child):hover td {
		background: rgba(102, 158, 225, 0.14);
	}
}

@media (max-width: 1023px) {
	.section3-transportation__text-paragraph.international-logistics-overview,
	.international-logistics-partner .section5-transportation__align {
		max-width: 100%;
	}
}

@media (max-width: 679px) {
	.page-transportation__section-3.international-logistics-content {
		padding-top: 40px;
	}

	.international-logistics-overview > p {
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 1.65;
	}

	.international-logistics-overview > p:first-child {
		margin-bottom: 20px;
		padding: 16px;
		font-size: 17px;
	}

	.international-logistics-overview > p:nth-of-type(2) {
		font-size: 18px;
		line-height: 1.55;
	}

	.international-logistics-overview > h2 {
		margin-top: 52px;
		margin-bottom: 18px;
		padding-top: 26px;
		font-size: 27px;
	}

	.international-logistics-overview > h2 + p,
	.international-logistics-overview > h2 + br + p {
		font-size: 16px;
	}

	.section3-transportation__text-paragraph.international-logistics-overview > ul {
		gap: 10px;
		margin-top: 20px;
	}

	.international-logistics-overview > ul > li {
		padding: 14px 14px 14px 42px;
		font-size: 15px;
		line-height: 1.58;
	}

	.international-logistics-overview > ul > li::before {
		top: 21px;
		left: 18px;
	}

	.international-logistics-table {
		margin: 22px 0 26px;
		border-radius: 12px;
	}

	.international-logistics-table table {
		min-width: 640px;
		font-size: 14px;
	}

	.international-logistics-table th,
	.international-logistics-table td {
		padding: 11px 12px;
		line-height: 1.42;
	}

	.international-logistics-table--1 + br + p,
	.international-logistics-table--2 + br + p {
		padding: 14px 16px;
	}

	.international-logistics-overview > h3 {
		margin-top: 20px;
		padding: 20px 18px 12px;
		border-radius: 13px 13px 0 0;
		font-size: 19px;
	}

	.international-logistics-overview > h3 + br + p,
	.international-logistics-overview > h3 + br + p + br + p,
	.international-logistics-overview > h3 + br + p + br + p + br + p {
		padding: 5px 18px 12px;
	}

	.international-logistics-overview > h3 + br + p + br + p + br + p {
		padding-bottom: 20px;
		border-radius: 0 0 13px 13px;
	}

	.international-logistics-overview > h2:last-of-type {
		margin-top: 56px;
		padding: 24px 20px 10px;
		border-radius: 15px 15px 0 0;
	}

	.international-logistics-overview > h2:last-of-type + br + p {
		padding: 0 20px 24px;
		border-radius: 0 0 15px 15px;
		font-size: 16px;
	}

	.page-transportation__section-5.international-logistics-partner {
		margin-top: 20px;
	}

	.international-logistics-partner .section5-transportation__align {
		padding: 22px 20px;
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
		border-radius: 15px;
	}

	.international-logistics-partner .section5-transportation__text-image {
		width: 180px;
		flex-basis: auto;
	}

	.international-logistics-partner .section5-transportation__text-paragraph {
		font-size: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.international-logistics-overview > ul > li {
		transition: none;
	}
}

/* End */
/* /local/templates/.default/components/bitrix/catalog.section.list/services/international-logistics.css?178455347710242 */
