.slider {
	margin-bottom: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 32px;

	.slider__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;

		h3 {
			font-weight: 600;
			font-size: 28px;
		}

		button {
			width: 42px;
			height: 42px;
			border: 1px solid #1e1e1e;
			border-radius: 8px;
		}
	}

	.slider__arrows {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 14px;

		#slider__arrow_left {
			-webkit-transform: rotate(180deg);
			        transform: rotate(180deg);
		}
	}

	.slider__list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 20px;
		overflow: hidden;
		overflow-x: auto;
		scroll-behavior: smooth;

		&::-webkit-scrollbar {
			display: none;
		}
	}

	.slider__item {
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
		min-width: 363px;
		width: 363px;
		height: 429px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		background-color: #fbfbfb;
		border-radius: 20px;
		border: 1px solid #1e1e1e15;

		.slider__item-img {
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;

			width: 100%;
			height: 187px;
			-o-object-fit: cover;
			   object-fit: cover;
		}

		.slider__item-wrapper {
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			padding: 20px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;

			.slider__item-wrapper_top {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 12px;

				
				.hero_title1 {
					color: #1e1e1e;
					font-size: 18px;
					font-weight: 600;
				}

				p {
					color: #667085;
					font-size: 14px;
					font-weight: 400;
				}
			}

			.slider__item-wrapper_bottom {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 26px;

				a {
					-webkit-transition: width 0.5s ease;
					transition: width 0.5s ease;
					position: relative;
					padding: 8px 15px 8px 15px;
					width: 143px;
					
					height: 35px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					border-radius: 10px;
					background-color: #2d63e4;
					text-wrap: nowrap;
					font-size: 16px;
						font-weight: 600;
						color: white;
					
					cursor: pointer;
					text-decoration: none;


					img {
						-webkit-transition: 0.3s;
						transition: 0.3s;
						position: absolute;
						right: 20px;

						opacity: 0;
					}
				}
			}
		}
	}
}


@media screen and (max-width: 425px) {
	.slider {
		margin-bottom: 70px;

		.slider__header {
			h3 {
				font-weight: 600;
				font-size: 18px;
			}

			button {
				width: 30px;
				height: 30px;
			}
		}

		.slider__item {
			min-width: 200px;
			width: 200px;
			height: 390px;

			.slider__item-img {
				height: 105px;
			}

			.slider__item-wrapper {
				.slider__item-wrapper_top {
					h4 {
						font-size: 14px;
					}

					p {
						font-size: 12px;
					}
				}

				.slider__item-wrapper_bottom {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					gap: 26px;

					a {
						img {
							right: 10px;
						}
					}

				}
			}
		}
	}
}

.direction-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 12px;

	h5 {
		color: #27cf69;
		font-size: 16px;
		font-weight: 600;
	}
}

@media screen and (max-width: 425px) {
	.direction-icon {
		h5 {
			font-size: 14px;
		}
	}
}

.directions {
	margin-bottom: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 150px;

	.directions__item {
		scroll-margin-top: 150px;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 0.88fr 76px 1fr;
		grid-template-columns: 0.88fr 1fr;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 76px;

		.directions__item-img {
			width: 100%;
		}
	}

	#food-section,
	#printing-section {
		.directions__item-img {
			-ms-grid-column: 2;
			-ms-grid-column-span: 1;
			grid-column: 2 / 3;
		}

		.directions__item-text {
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
			grid-column: 1 / 2;
			-ms-grid-row: 1;
			-ms-grid-row-span: 1;
			grid-row: 1 / 2;
		}
	}

	.directions__item-text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 22px;

		.directions__item-text_top {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 12px;

			h4 {
				font-size: 14px;
				font-weight: 400;
				line-height: 16.8px;
				color: #667085;
			}

			p {
				font-weight: 700;
				font-size: 14px;
				line-height: 22px;
				color: #1e1e1e;
			}
		}

		.directions__item-text_bottom {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			gap: 12px;

			h5 {
				font-size: 14px;
				font-weight: 400;
				line-height: 16.8px;
				color: #667085;
			}

			.directions__item-subjects {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 8px;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;

				span {
					padding: 5px 10px 5px 10px;
					border: 1px solid #2d63e4;
					border-radius: 8px;

					-webkit-transition: 0.5s;

					transition: 0.5s;
					font-size: 14px;
					font-weight: 400;
					line-height: 16.8px;
					color: #2d63e4;
				}

				span:hover {
					background-color: #2d63e4;
					color: #fbfbfb;
				}
			}
		}
	}
}

@media screen and (max-width: 1250px) {
	.directions {
		.directions__item {
			gap: 40px;
			-ms-grid-columns: 1fr 40px 1fr;
			grid-template-columns: 1fr 1fr;
		}
	}
}

@media screen and (max-width: 1000px) {
	.directions {
		.directions__item {
			-ms-grid-columns: 1.2fr 20px 1fr;
			grid-template-columns: 1.2fr 1fr;
			gap: 20px;
		}
	}
}

@media screen and (max-width: 768px) {
	.directions {
		gap: 70px;
		.directions__item {
			-ms-grid-columns: 1fr;
			grid-template-columns: 1fr;
		}

		#food-section,
		#printing-section {
			.directions__item-img {
				-ms-grid-column: 1;
				-ms-grid-column-span: 1;
				grid-column: 1 / 2;
			}

			.directions__item-text {
				-ms-grid-row: 2;
				-ms-grid-row-span: 1;
				grid-row: 2 / 3;
			}
		}
	}
}

@media screen and (max-width: 425px) {
	.directions {
		margin-bottom: 70px;
		.directions__item {
			-ms-grid-columns: 1fr;
			grid-template-columns: 1fr;
			gap: 24px;

			.directions__item-img {
				width: 100%;
				height: 218px;
				-o-object-fit: cover;
				   object-fit: cover;
				border-radius: 20px;
			}

			.directions__item-text {
				gap: 12px;

				.directions__item-text_top {
					gap: 8px;

					h4 {
						font-size: 12px;
						line-height: 14.4px;
					}
				}

				.directions__item-text_bottom {
					gap: 8px;

					h5 {
						font-size: 12px;
						line-height: 14.4px;
					}

					span {
						font-size: 12px;
						line-height: 14.4px;
					}
				}
			}
		}
	}
}