.PageCarouselGuides {
	& ul {
		gap: 0 !important;
		padding: 0;
		& .guides-blocks {
			aspect-ratio: 1/1.2 !important;
			background-color: rgba(229, 229, 229, 1) !important;
			font-size: 0.7rem;
			& .guides-carousel {
				height: 280px;
				width: 300px;

				& .overcell-guide {
					/*li*/
					background-color: rgba(229, 229, 229, 1) !important;
					transition: background-color 0.8s ease, box-shadow 0.5s ease;
					aspect-ratio: auto;
					margin: 0;
					padding: 0;
					border-radius: 5px;
					overflow: hidden;
					width: 100%;
					cursor: pointer;
					margin-bottom: 10px;


					&:hover {
						box-shadow: 0 4px 10px rgba(0, 0, 0, 0.55);
						background-color: #fff !important;
					}

					& a {
						display: flex;
						align-items: stretch;
						color: #000;
						text-decoration: none;

						& .img-guides {
							flex: 0 0 34%;
							aspect-ratio: 1 / 1;
							overflow: hidden;
							display: block;

							& img {
								width: 100% !important;
								height: 100% !important;
								object-fit: cover !important;
								max-width: 100% !important;
								max-height: 100% !important;
							}
						}

						& .text-guides-container {
							font-size: 0.8rem;
							padding: 10px;
							float: left;
							flex: 0 0 60%;
							text-transform: uppercase;
							font-weight: 600;
						}
					}
				}
			}

		}
		& .guides-blocks.color-bg-white{
			background-color: #fff !important;
			& .overcell-guide {
				background-color: #fff !important;
			}
		}
	}
}