body .ComponentProjectRatingStars{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;align-items:center}body .ComponentProjectInformation{display:flex;flex-direction:column;gap:16px;padding:0 16px;& .project-information-detail{display:flex;flex-direction:column;gap:16px}& .title{display:flex;flex-direction:row;gap:16px}& .title .logo-container{position:relative;width:56px;height:56px;border-radius:12px;border:1px solid #d3d3d3}& .title .logo-container img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:11px}& .title .names-rating .MuiTypography-root{color:#333333;line-height:150%}& .title .names-rating>.MuiButton-text,& .title .names-rating>h1{color:#333333;font-size:22px;font-weight:700;& .MuiChip-root{padding:4px 16px;border-radius:16px;background-color:#FFEAEB;margin-left:16px}& .MuiChip-label{padding:0;color:#F04548;font-size:14px;font-weight:400;line-height:150%}}& .title .names-rating>.MuiButton-text{padding:0;min-width:unset;min-height:unset}& .title .names-rating>span{display:flex;flex-direction:row;align-items:center;gap:16px;font-size:14px;line-height:150%}& .location{display:flex;flex-direction:row;gap:4px}& .location *{font-size:12px}& .location>span{color:#868686;font-weight:400;line-height:150%}& .location .MuiButton-text{padding:0 6px}& .location .MuiButton-text svg{margin-right:4px}& .location .MuiButton-text .MuiTypography-root{color:#4469FF;font-weight:500;line-height:150%;text-decoration:underline}& .project-information-pricing{display:flex;flex-direction:column;gap:16px}& .project-information-pricing .label{color:#868686;font-size:12px;font-weight:500;line-height:normal}& .project-information-pricing .value{color:#4469FF;font-size:18px;font-weight:700;line-height:150%}}@media only screen and (min-width:1200px){body .ComponentProjectInformation{flex-direction:row;gap:0;padding:0;& .project-information-detail{flex:1 1}& .title .logo-container{width:90px;height:90px}& .title .names-rating>.MuiButton-text,& .title .names-rating>h1{font-size:34px}& .title .names-rating>span{font-size:20px}& .location *{font-size:18px}& .project-information-pricing{text-align:right}& .project-information-pricing .label{font-size:14px}& .project-information-pricing .value{font-size:22px}}}body .ComponentProjectInternalNavigator{position:-webkit-sticky;position:sticky;top:55px;max-width:1200px;white-space:nowrap;overflow-x:auto;z-index:200;background-color:#ffffff;padding-bottom:12px;margin-bottom:-12px;&>.buttons{border-bottom:1px solid #d3d3d3;text-align:center}&>.buttons>.MuiButton-text{white-space:nowrap;margin-right:16px;border-radius:0;color:#606060;font-size:16px;font-weight:400;line-height:150%;&:hover{background-color:unset}&.active{color:#4469FF;font-weight:700;border-bottom:1px solid #4469ff}&:last-of-type{margin-right:0}}}@media only screen and (min-width:1200px){body .ComponentProjectInternalNavigator{top:80px;&>.MuiButton-text{margin-right:32px;font-size:18px}}}& body .ComponentProjectSectionAboutProject{background-color:#F7F7F7;border:none;border-radius:0 20px 20px 20px;padding:0;& .MuiCardContent-root{padding:8px}& .MuiCardContent-root>.MuiBox-root{display:flex;flex-direction:row;gap:8px}& .MuiCardContent-root>.MuiBox-root .graphic img{width:56px;height:auto}& .MuiCardContent-root>.MuiBox-root .paragraphs{display:flex;flex-direction:column;gap:8px}& .MuiCardContent-root>.MuiBox-root .paragraphs>.MuiTypography-root{color:#333333;font-size:14px;font-weight:400;line-height:150%}& .MuiCardContent-root>.MuiBox-root .paragraphs>.MuiTypography-root>.MuiButton-text{margin-left:4px;margin-top:-4px;font-size:14px}}@media only screen and (min-width:1200px){& body .ComponentProjectSectionAboutProject{& .MuiCardContent-root{padding:24px}& .MuiCardContent-root>.MuiBox-root{gap:24px}& .MuiCardContent-root>.MuiBox-root .graphic img{width:72px}& .MuiCardContent-root>.MuiBox-root .paragraphs>.MuiTypography-root,& .MuiCardContent-root>.MuiBox-root .paragraphs>.MuiTypography-root>.MuiButton-text{font-size:16px}}}body .ComponentProjectNearbySideSection{display:flex;flex-direction:column;& h2{padding:8px 16px;border-radius:12px;background-color:#F7F7F7;color:#333333;font-size:18px;font-weight:600;line-height:150%}& h2 .ComponentNearestStationChip{margin-right:8px}& .item{display:flex;flex-direction:column;gap:4px;padding:8px 16px}& .item .MuiButton-text{padding:0;place-content:start;color:#333333;font-size:16px;font-weight:600;line-height:150%}& .item .description{color:#868686;font-size:16px;font-weight:400;line-height:150%}& .item .description svg{font-size:16px;margin-right:4px;vertical-align:middle}& .item .MuiButton-contained{padding:4px 8px;min-height:unset;display:flex;place-content:start;border-radius:5px;border:none}& .item .MuiButton-contained strong{font-size:14px;font-weight:700;line-height:150%;margin-right:4px}& .item .MuiButton-contained .MuiTypography-root{font-size:14px;font-weight:400;line-height:150%;flex:1 1}& .item .MuiButton-contained span{font-size:12px;font-weight:500;line-height:150%}& .item .MuiButton-contained.sale-btn{background-color:#F0FFD3;&>*{color:#77A914}}& .item .MuiButton-contained.rent-btn{background-color:#FFF4E6;&>*{color:#FF9D21}}&>.MuiButton-text{padding:8px 24px!important;place-content:start;color:#FF3198;font-size:16px;font-weight:700;line-height:150%}}& body .ComponentProjectSectionOverview{display:flex;flex-direction:column;row-gap:16px;& .overview-item{display:grid;grid-template-columns:30px auto;grid-gap:8px;gap:8px;align-items:center}& .overview-item svg{font-size:30px}& .overview-item .overview-content>h3{color:#7E96C5;font-size:12px;font-weight:400;line-height:150%}& .overview-item .overview-content>p{color:#333333;font-size:14px;font-weight:400;line-height:150%}& .overview-item .overview-content>p .MuiButton-text{color:#4469FF;font-size:12px;font-weight:500;line-height:150%;text-decoration:underline;margin-left:8px;margin-top:-2px}& .overview-item .overview-content>.MuiChip-root{padding:4px 8px;background-color:#FEF6FF;border-radius:20px;height:unset}& .overview-item .overview-content>.MuiChip-root .MuiChip-label{padding:0;color:#FF3198;font-size:12px;font-weight:500;line-height:150%}}@media only screen and (min-width:1200px){& body .ComponentProjectSectionOverview{display:grid;grid-template-columns:repeat(3,1fr);& .overview-item .overview-content>p{font-size:16px}}}body .ComponentProjectApartmentSideBar{display:none;border-radius:20px;border:1px solid #d3d3d3;& .head{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:24px 16px;min-height:170px;border-radius:20px 20px 0 0;background-color:#F3F6FF;background-image:url(/assets/projects/price-bg.svg);background-repeat:no-repeat;background-position:100% 100%;background-size:75%;& .label{color:#7E96C5;font-size:12px;font-weight:400;line-height:normal}& .value{color:#4469FF;font-size:24px;font-weight:700;line-height:150%}}& .content{padding:24px 16px;display:flex;flex-direction:column;gap:16px;& h2{color:#333333;font-size:18px;font-weight:800;line-height:normal}& .section{display:flex;flex-direction:column}& .section h3{color:#333333;font-size:14px;font-weight:600;line-height:normal;margin-bottom:8px}& .section .item{display:grid;grid-template-columns:1fr 1fr}& .section .item .title{color:#868686;font-size:12px;font-weight:400;line-height:normal}& .section .item .value{color:#333333;font-size:12px;font-weight:600;line-height:normal}& .section .chips{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}& .section .chips .MuiChip-root{padding:4px 8px;background-color:#FEF6FF;height:unset}& .section .chips .MuiChip-label{color:#FF3198;padding:0;font-size:12px;font-weight:400;line-height:150%}}& .footer{border-top:1px solid #d3d3d3;border-radius:0 0 20px 20px;padding:16px;background-color:#F7F7F7;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:8px;&>.MuiButton-root{flex-grow:1;padding:4px 16px;min-width:unset;min-height:unset;font-size:14px;font-weight:600;line-height:150%}&>.MuiButton-root svg{font-size:14px;margin-right:4px}&>.MuiButton-outlined{color:#03C100;border:1px solid #e5e5e5}&>.MuiButton-outlined svg path{color:#03C100}&>.MuiButton-contained{color:#FFFFFF}&>.MuiButton-contained svg path{stroke:none;fill:#ffffff}}}@media only screen and (min-width:1200px){body .ComponentProjectApartmentSideBar{display:block}}