body .ProjectGallery{display:flex;flex-direction:column;gap:8px;& .preview-images{display:none}& .preview-images-mobile{display:block;position:relative;width:100%;height:310px}& .preview-images-mobile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}& .galleries-container{overflow-x:auto}& .galleries{display:flex;flex-direction:row;flex-wrap:nowrap;width:-moz-fit-content;width:fit-content;min-width:100%;gap:8px;background-color:#F7F7F7;padding:8px;margin:0 auto;justify-content:center}& .galleries .MuiButton-text{flex-shrink:0;display:flex;flex-direction:column;width:144px;gap:8px;background-color:#ffffff;padding:8px;border-radius:0 12px 12px 12px;&:hover{background-color:#fff8fc}}& .galleries .MuiButton-text .image-container{position:relative;width:108px;height:78px}& .galleries .MuiButton-text .image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0 10px 10px 10px}& .galleries .MuiButton-text .MuiTypography-root{color:#868686;font-size:14px;font-weight:600;line-height:normal;white-space:nowrap;text-overflow:ellipsis}}@media only screen and (min-width:1200px){body .ProjectGallery{gap:24px;& .preview-images{display:grid;grid-template-columns:733fr 546fr;grid-gap:24px;gap:24px;height:424px}& .preview-images.images-count-1{grid-template-columns:1fr}& .preview-images .grid-sub{display:grid;grid-gap:24px;gap:24px;height:424px;grid-template-columns:1fr}& .preview-images .grid-sub.grid-sub-single{grid-template-rows:1fr}& .preview-images .grid-sub.grid-sub-double{grid-template-rows:1fr 1fr}& .preview-images .grid-sub-top{display:grid;grid-gap:24px;gap:24px}& .preview-images .grid-sub-top.grid-sub-top-single{grid-template-columns:1fr}& .preview-images:not(.images-count-3) .grid-sub-top.grid-sub-top-double{grid-template-columns:200fr 330fr}& .preview-images.images-count-3 .grid-sub-top.grid-sub-top-double{grid-template-columns:1fr;grid-template-rows:1fr 1fr}& .preview-images .grid-sub-bottom{display:grid;grid-gap:24px;gap:24px}& .preview-images .grid-sub-bottom.grid-sub-bottom-single{grid-template-columns:1fr}& .preview-images .grid-sub-bottom.grid-sub-bottom-double{grid-template-columns:330fr 200fr}& .preview-images .image-container{position:relative;width:100%;height:100%}& .preview-images .image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px}& .preview-images-mobile{display:none}& .galleries{gap:16px;padding:16px;border-radius:16px}}}body .ComponentProjectSectionFacilities{display:flex;flex-wrap:wrap;gap:8px;& .facility{background-color:#F3F6FF;border-radius:8px;padding:4px 16px;display:grid;grid-template-columns:12px auto;grid-gap:8px;gap:8px;height:32px;align-items:center;color:#333333;font-size:12px;font-weight:500;line-height:18px}& .facility svg{width:12px;font-size:12px;margin-right:8px;vertical-align:middle;& path{fill:#333333}}}@media only screen and (min-width:1200px){body .ComponentProjectSectionFacilities{display:grid;grid-template-columns:repeat(5,1fr);& .facility{height:40px}}}body .ComponentProjectSectionRatingAndReview{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:20px;border:1px solid #e5e5e5}@media only screen and (min-width:1200px){body .ComponentProjectSectionRatingAndReview{gap:24px;padding:24px}}