.cityInfo{width:100%;padding:80px 0}.cityInfo__container{justify-content:space-between;align-items:stretch;gap:56px;padding:0 50px;display:flex}.cityInfo__SubDesc{color:#1e1e1e;max-width:400px;margin-bottom:50px;padding:0 50px;font-size:22px;font-weight:400;line-height:1.2}@media (max-width:575px){.cityInfo__SubDesc{padding:0 20px}}.cityInfo__left{flex-direction:column;flex:0 0 220px;justify-content:space-between;padding-bottom:2rem;display:flex}.cityInfo__title{color:#540b0e;text-transform:uppercase;font-size:40px;font-weight:500}.cityInfo__button{color:#fff;cursor:pointer;background-color:#540b0e;border:none;border-radius:28px;align-self:flex-start;padding:14px 32px;font-size:18px;font-weight:500;transition:background-color .3s}.cityInfo__button:hover{background-color:#451010}.cityInfo__middle{flex:1;max-width:520px}.cityInfo__description{color:#1e1e1e;font-size:22px;font-weight:300;line-height:1.2}.cityInfo__right{flex:0 0 420px;align-items:center;display:flex}.cityInfo__textWrapper{height:100%}.cityInfo__rightText{color:#1e1e1e;font-size:22px;font-weight:300;line-height:1.2}@media (max-width:1024px){.cityInfo__container{gap:40px}}@media (max-width:768px){.cityInfo{padding:50px 0}.cityInfo__container{flex-direction:column;align-items:flex-start}.cityInfo__left{flex:0;align-items:center;gap:24px;padding-bottom:0}.cityInfo__middle,.cityInfo__right{flex:0;width:100%;max-width:100%;display:block}}@media (max-width:575px){.cityInfo{padding:50px 0}.cityInfo__container{gap:20px;padding:0 20px}.cityInfo__title{font-size:30px}.cityInfo__description,.cityInfo__rightText{font-size:17px}.cityInfo__button{text-align:center;width:100%}}
.CityProjects{padding:80px 0}.CityProjects__container{padding:0 50px}@media (max-width:575px){.CityProjects__container{padding:0 20px}}.CityProjects__grid{flex-wrap:wrap;gap:32px;display:flex}.CityProjects__card{cursor:pointer;flex:0 0 calc(33.333% - 21.34px);max-width:calc(33.333% - 21.34px);animation:.5s both fadeUp}.CityProjects__image{border-radius:12px;width:100%;height:300px;position:relative;overflow:hidden}.CityProjects__img{object-fit:cover;transition:transform .5s;width:100%!important;height:100%!important}.CityProjects__swiper,.CityProjects__swiper .swiper-slide{width:100%;height:100%}.CityProjects__swiper .swiper-pagination{bottom:12px}.CityProjects__swiper .swiper-pagination-bullet{opacity:.6;background:#d9d9d9}.CityProjects__swiper .swiper-pagination-bullet-active{opacity:1;background-color:#540b0e}.CityProjects__info{padding-top:12px}.CityProjects__title{color:#540b0e;text-transform:uppercase;padding-bottom:8px;font-size:20px;font-weight:500}.CityProjects__location{text-transform:uppercase;color:#540b0e;align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.CityProjects__locationsvg{width:18px;height:auto}.CityProjects__loadmore{justify-content:center;margin-top:48px;display:flex}.CityProjects__loadmore button{color:#540b0e;cursor:pointer;background:0 0;border:1px solid #540b0e;border-radius:8px;padding:14px 36px;font-size:18px;font-weight:500;transition:all .3s}.CityProjects__loadmore button:hover{color:#fff;background:#540b0e}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.CityProjects__card{flex-shrink:0}}@media (max-width:768px){.CityProjects__card{flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px)}}@media (max-width:640px){.CityProjects__grid{flex-direction:column;flex:0 0 100%!important;max-width:100%!important}.CityProjects__card{flex:0 0 100%!important;max-width:100%!important}}
.cityDetails{padding:100px 0}.cityDetails__container{padding:0 200px}.cityDetails__title{text-align:left;text-transform:uppercase;color:#540b0e;margin-bottom:40px;font-size:40px;font-weight:500;line-height:1.1}.cityDetails__content p{color:#540b0e;margin-bottom:22px;font-size:22px;font-weight:300;line-height:1.2}.cityDetails__content p strong{color:#540b0e;font-weight:600}@media (max-width:1024px){.cityDetails__container{padding:0 100px}}@media (max-width:768px){.cityDetails{padding:70px 16px}.cityDetails__title{font-size:30px}.cityDetails__container{padding:0 50px}}@media (max-width:575px){.cityDetails{padding:60px 20px}.cityDetails__title{font-size:30px}.cityDetails__container{padding:0}.cityDetails__content p{font-size:18px}}