:root {
    --pulse-radius: 8px;
    --pulse-color: rgba(255, 122, 0, 0.4);

    @media (max-width: 767px) {
        --pulse-radius: 3px;
    }
}

/* Отраслевая страница логистики: для чек-листа по законодательству*/

.logistics-law-checklist {
	border-radius: 20px;
	background-image: url(/application/images/logistics-law-chek-list-bg.webp);
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	aspect-ratio: 1380/497;

	@media (max-width: 767px) {
		display: none;
	}

	.logistics-law-bullit {
		animation: radial-orange-pulse-v 2s linear infinite;
        width: clamp(2.875rem, -0.125rem + 4vw, 3.375rem);
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        background-color: rgba(255, 134, 0, 1);
		text-align: center;
		align-content: center;
		line-height: 100%;
		color: #fff;
		font-size: 1.25vw;
		font-weight: 700;
		position: absolute;

		.logistics-law-bullit__content {
			background-color: rgba(255, 255, 255, 0.9);
			padding: clamp(0.75rem, 0.3333rem + 0.5556vw, 1rem) clamp(0.75rem, -1.3333rem + 2.7778vw, 2rem);
			font-size: clamp(0.875rem, 0.4583rem + 0.5556vw, 1.125rem);
			color: #000;
			font-weight: 400;
			border-radius: 20px;
			position: absolute;
			white-space: nowrap;
			text-align: center;
		}

		&:nth-child(1) {
			left: 17.9%;
			top: 42.65%;

			.logistics-law-bullit__content {
				top: calc(-16px - 4.5vw);
				left: -9vw;

				@media (max-width: 991px) {
					left: -13vw;
				}
			}
		}

		&:nth-child(2) {
			left: 38%;
			top: 46.5%;
			animation-delay: 1s;

			.logistics-law-bullit__content {
				bottom: calc(-16px - 4.5vw);
				left: calc(-16px - 6.5vw);

				@media (max-width: 991px) {
					left: -11vw;
				}
			}
		}

		&:nth-child(3) {
			left: 56%;
			top: 48.5%;
			animation-delay: .5s;

			.logistics-law-bullit__content {
				top: calc(-16px - 3vw);
    			left: calc(-16px - 6.5vw);

				@media (max-width: 991px) {
					left: -10.5vw;
				}
			}
		}

		&:nth-child(4) {
			left: 78.4%;
			top: 45.5%;
			animation-delay: 1.5s;

			.logistics-law-bullit__content {
				bottom: calc(-16px - 4.5vw);
				left: -10vw;

				@media (max-width: 991px) {
					left: -15.5vw;
				}
			}
		}
	}
}

.logistics-law-checklist-mobile {
	display: flex;
	flex-direction: column;
	gap: 16px;

	@media (min-width: 768px) {
		display: none;
	}

	.logistics-law-checklist-mobile__element {
		display: flex;
		gap: 12px;

		.logistics-law-checklist-mobile-dot-container {
			position: relative;
			text-align: center;
			align-content: center;
		}

		.logistics-law-checklist-mobile-dot {
			min-width: 17px;
			width: 17px;
			animation: radial-orange-pulse-v 2s linear infinite;
			aspect-ratio: 1 / 1;
    		border-radius: 50%;
			background-color: rgba(255, 122, 0, 1);
			transform: translateX(1px);
		}

		.logistics-law-checklist-mobile-content {
			background-color: rgba(251, 250, 252, 1);
			border-radius: 20px;
			padding: 16px;
			font-size: 14px;
			width: 100%;
		}

		&:nth-child(2) {
			.logistics-law-checklist-mobile-dot {
				animation-delay: .5s;
			}
		}

		&:nth-child(3) {
			.logistics-law-checklist-mobile-dot {
				animation-delay: 1s;
			}
		}

		&:nth-child(4) {
			.logistics-law-checklist-mobile-dot {
				animation-delay: 1.5s;
			}
		}

		&:not(:first-child) {
			.logistics-law-checklist-mobile-dot-container {
				&:before {
					content: '';
					position: absolute;
					left: 50%;
					top: -8px;
					width: 1px;
					height: calc(50% + 8px);
					border-left: 1px dashed rgba(255, 122, 0, 1);
				}
			}			
		}

		&:not(:last-child) {
			.logistics-law-checklist-mobile-dot-container {
				&:after {
					content: '';
					position: absolute;
					left: 50%;
					bottom: -8px;
					width: 1px;
					height: calc(50% + 8px);
					border-left: 1px dashed rgba(255, 122, 0, 1);
				}
			}			
		}
	}
}

.grid-logistics {
    display: flex;
    border: 1px solid rgba(255, 122, 0, 1);
    border-radius: 20px;
    gap: 24px;
    overflow: clip;
	flex-direction: row;
    grid-column: 1/4;                
    align-items: center;
	padding: 32px;
	max-width: 912px;
	width: 100%;
	justify-content: center;

		@media (max-width: 767px) {
				flex-direction: column;
			}
		

}

.main-page-clients-slider_logistics .slick-track .slick-slide {
    height: 530px;

	@media (max-width: 991px) {
		height: auto;
	}
}


/* /Отраслевая страница логистики */