.recensioni {
					display: flex;
					flex-direction: column;
					margin-bottom: 1.1rem;
					padding-bottom: 1rem;
					border-bottom: 1px solid #e0e0e0;

					.stars-review {
						font-size: 0.8rem;
						color: var(--secondary-color);
					}

					& p {
						margin: 0;
						font-size: 0.8rem;

						& b {
							color: var(--secondary-color);
							font-weight: 500;
						}
					}

				}





				.sediBlogPage {


					.component-container {
						padding: 0;
					}

					.category-desc {
						/*   height: 500px; */
						position: relative;
						background-color: #efefef;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						isolation: isolate;
						margin-bottom: 0px;
						color: #fff;
						padding: 6rem 0;

						&:after {
							content: '';
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-color: rgba(0, 0, 0, 0.5);
							z-index: -2;
						}

						&:before {
							content: "";
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background: var(--primary-color);
							background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
							opacity: 1;
							z-index: -2;
						}



						&>img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 1;
							z-index: -3;
						}

						.inner-category-description {
							text-align: center;
							max-width: 979px;
							margin: 0 auto;
							padding: 0px 2rem;
							display: flex;
							flex-direction: column;
							align-items: center;
						}

						.parentCatLink {
							color: #fff;
							padding: 1rem 4rem;
							border-bottom: 1px solid #fff;
							font-size: 1rem;
							transition: all 100ms linear;
							text-transform: uppercase;

							@media (max-width: 768px) {
								margin-bottom: 1rem;
							}

							& i {
								margin-right: 5px;
							}

							&:hover,
							&:focus-within {
								transition: all 500ms ease;
								padding: 1rem 8rem;
							}
						}

						& h1 {
							font-size: clamp(1rem, 8vw, 5rem);
							line-height: 1.2;
							font-weight: 900;
							margin: 0;
						}

						& h2 {

							font-size: clamp(1rem, 5vw, 1.4rem);
							line-height: 1.4;
							margin: 1rem 0 0;
							text-wrap: balance;
							font-family: var(--body-font);
						}

						& p.riassunto {
							font-size: 1rem;
							line-height: 1.4;
							font-weight: 500;
							margin: 1.2rem 0 0;
							text-wrap: balance;
						}

						& a.mainBtn {
							margin: 2rem auto 0;

							&.downArrow {
								&:after {
									content: '\f107';
								}
							}
						}


						.categoryLogo {
							max-width: 320px;
							order: -1;
							margin-bottom: 1.3rem;
						}

						.logocategoria {
							order: -1;
							margin-bottom: 1.3rem;

							& img {
								max-width: 320px;
							}
						}
					}



					.main-content {
						padding: 6rem 1rem;

						.sedi-listing {
							max-width: 979px;
							display: flex;
							justify-content: center;
							flex-wrap: wrap;
							margin: 0 auto;
							gap: 2rem;


							.sede-item {
								flex: 1 1 300px;
								max-width: 300px;
								background-color: #fff;
								border-radius: 8px;
								box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
								overflow: hidden;
								display: flex;
								flex-direction: column;
								text-align: center;


								.result__image {
									display: block;
									width: 100%;
									margin-bottom: 1.2rem;

									& a {
										display: block;
										height: 100%;
										line-height: 0;
										width: 100%;
										height: 180px;
									}

									& img {
										width: 100%;
										height: 100%;
										object-fit: cover;
										object-position: center;
									}
								}


								.page-header {
									margin-bottom: 0.5rem;

									& h2 {
										font-size: 1rem;
										margin: 0;
									}
								}

								.telefonosede-cf,
								.indirizzosede-cf,
								.whatsapp-sede
								 {

									font-size: 0.85rem;
								}



								.indirizzosede-cf {

									margin-bottom: 0.5rem;
								}


								.emailsede-cf {
									margin-bottom: 0.5rem;
									font-size: 0.85rem;
								}

								.whatsapp-sede {
									/* margin-top: 0.5rem; */
								}



								.buttons-div {
									display: flex;
									flex-direction: column;
									margin: auto 0 0 0;
								}

								.telefonosede-cf{
									margin-bottom: 0.5rem;
								}


								.navigatoresede-cf {
									display: block;
									width: 100%;
									padding: 8px 12px 8px 12px;
									color: #fff;
									position: relative;
									font-size: 0.9rem;
									line-height: 1;
									font-weight: 700;
									overflow: hidden;
									background: var(--secondary-color);
									border: none;
									cursor: pointer;
									text-align: center;
									margin-top: 1rem;


									&:hover,
									&:focus-within {
										background-color: #000;
										transition: all 300ms ease-in-out;
									}


								}




								.readmore {
									padding: 8px 12px;
									color: #fff;
									position: relative;
									font-size: 0.9rem;
									line-height: 1;
									font-weight: 700;
									overflow: hidden;
									background: var(--primary-color);
									text-align: center;
									max-width: none;
									text-align: center;
									display: block;
									border-radius: 0px;

									&:after {
										display: none;
									}

									&:hover,
									&:focus-within {
										background-color: #000;
										transition: all 300ms ease-in-out;
									}

								}

							}


						}
					}




				}







				.sede-details-container {
					.top-section {
						margin: 0;
						padding: 0px;
						display: flex;
						flex-direction: column;
						align-items: center;
						position: relative;

						.content {
							position: relative;
							z-index: 10;
							padding: 6rem 1rem;
							max-width: 979px;
							margin: 0 auto;
							text-align: center;
							color: #fff;
						}

						& figure {
							position: absolute;
							top: 0;
							left: 0;
							opacity: 1;
							width: 100%;
							height: 100%;

							&:after {
								content: '';
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background-color: rgba(0, 0, 0, 0.5);
								z-index: 1;
							}

							&>img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								object-position: center;

							}
						}


						.backBtn {
							color: #fff;
							margin-bottom: 1rem;
							display: block;
						}



						.recensioni {
							display: flex;
							flex-direction: column;
							margin-bottom: 1.1rem;
							padding-bottom: 1rem;
							border-bottom: 1px solid #fff;

							.stars-review {
								color: #fff;
							}

							& p {
								font-size: 0.85rem;
								font-weight: 700;
								color: #fff;
								margin: 0.25rem 0 0;

								& b {
									font-weight: 700;
								}
							}


							& a:hover {
								&>* {
									opacity: 0.85;
								}
							}

						}

						& h1 {
							font-size: clamp(1rem, 10vw, 3em);
							line-height: 1.2;
							font-weight: 900;
							margin: 0;
						}

						& h2 {
							font-size: clamp(1rem, 5vw, 1.4rem);
							line-height: 1.4;
							font-weight: 800;
							margin: 1rem 0 0;
							text-wrap: balance;
						}

						& p {
							font-size: 1rem;
							line-height: 1.4;
							font-weight: 500;
							margin: 0.5rem auto 1rem;
							text-wrap: balance;
						}


						a.navigatoresede-cf {
							background-color: var(--secondary-color);
							color: #fff;
							max-width: max-content;
							margin: 0 auto;
							display: block;
							padding: 0.25rem 0.5rem;
							border-radius: 0.25rem;
							font-size: 0.8rem;
							font-weight: 700;

							&:hover,
							&:focus-within {
								background-color: #fff;
								color: var(--secondary-color);
							}

						}

					}



					.middle-section {
						display: flex;

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

						&>* {
							flex: 0 1 50%;
							color: #fff;

							@media (max-width:767px) {
								flex: 1 1 100%;
							}

						}

						.left {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							padding: 3rem 1rem;
							position: relative;

							background-color: var(--secondary-color);


							&:after {
								content: "";
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								opacity: 0.1;
								background-size: 10px 10px;
								background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--secondary-color) 0, var(--secondary-color) 50%);
								z-index: 1;
							}


							& a {
								color: #fff;
							}

							& ul {
								text-align: left;
								display: flex;
								flex-direction: column;
								gap: 1rem;
								position: relative;
								z-index: 100;

								& li {
									display: flex;
									align-items: center;

									& a {
										display: flex;
										align-items: center;
										gap: 0.5rem;
									}

									& i {
										font-size: 1.4rem;
									}
								}
							}

						}

						.right {
							display: flex;
							flex-direction: column;
							align-items: center;
							padding: 3rem 1rem;
							position: relative;

							background: linear-gradient(45deg, rgb(0, 0, 0, 1) 0%, rgb(0, 0, 0, 0.8) 20%, rgb(0, 0, 0, 0.85) 40%, rgb(0, 0, 0, 0.9) 60%, rgb(0, 0, 0, 0.8) 80%, rgb(0, 0, 0, 1) 100%);

							@media (max-width:340px) {
								padding-inline: 0;
							}


							&:after {
								content: "";
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								opacity: 0.02;
								background-size: 10px 10px;
								background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--primary-color) 0, var(--primary-color) 50%);
								z-index: 1;
							}

							.orari-cf {

								position: relative;
								z-index: 10;


								&>strong {
									margin-bottom: 1rem;
									text-align: center;
									display: block;
								}

								& ul {
									text-align: left;
									display: grid;
									grid-template-columns: repeat(3, 1fr);

									& li {
										padding: 0.25rem;
									}
								}
							}


						}

					}



					.gallery-container{
						padding: 1rem;


						.swiper.swiper-initialized{
							padding: 0;
						}


						.swiper-wrapper{
							align-items: normal;
							justify-content: normal;
							.swiper-slide{
								height: 100%;
								background-color: var(--secondary-color);

								& img{
									height: 270px;
									object-position: center;
								}

							}
						}


						.nrf-widget.tf-slideshow-wrapper .swiper-button-next, .nrf-widget.tf-slideshow-wrapper .swiper-button-prev{
							background-color: var(--secondary-color);
							height: 50px!important;
							width: 50px!important;
							top: 50%!important;
							margin-top: -25px;
							padding: 0;
						}

						.swiper-button-next:after, .swiper-button-prev:after{
							color: #fff;
							font-size: 1.6rem;
						}

					}



					.mappaembed-cf{
						display: block;
						width: 100%;
						margin-bottom: 6rem;

						& iframe{
							width: 100%!important;
							display: block;
							line-height: 0;
						}

						.navigatoresede-cf{
							background-color: var(--secondary-color);
            color: #fff;
            max-width: max-content;
            margin: 0 auto;
						top: -15px;
            display: block;
            padding: 0.25rem 0.5rem;
            border-radius: 0.25rem;
            font-size: 0.8rem;
            font-weight: 700;
						position: relative;
						z-index: 100;

							&:hover{
								background-color: var(--primary-color);
							}

						}
					}





				}