.hero-wrapper{color:#000;position:relative;z-index:1;padding-bottom:2rem}.hero-container{justify-content:space-around;align-items:flex-end;gap:48px}.hero-left{width:100%;gap:3rem}.hero-right{width:100%}.hero-title{position:relative;z-index:1}.hero-title>h1{font-weight:600;font-size:3.8rem;line-height:4rem}.orange-circle{height:4rem;width:4rem;background:var(--orange-gradient);border-radius:999px;position:absolute;right:28%;top:-10%;z-index:-1}.stats{width:100%;justify-content:space-between}.stat>:first-child{font-size:2rem}.stat>:first-child>:last-child{color:orange}.image-container{width:30rem;height:35rem;overflow:hidden;border-radius:2rem;border:8px solid hsla(0,0%,100%,.12)}.image-container>img{width:100%;height:100%}.flex{display:flex}.items-stretch{align-items:stretch}.items-end{align-items:flex-end}.justify-center{justify-content:center}.mb-2{margin-bottom:.5rem}.mb-7{margin-bottom:7px}.space-x-2{margin-left:.5rem}.w-8\/12{width:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.rounded-2xl{border-radius:1rem}.h-80{height:70%}.h-full{height:100%}.w-full{width:100%}.self-end{align-self:flex-end}.w-4\/12{width:24%}.w-5\/12{width:40%}.space-y-2{margin-top:.5rem}.gap-2{gap:.5rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{display:grid}.bg-yellowLight{background-color:#fff3d9}.rounded-tr-\[200px\]{border-top-right-radius:200px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.bg-greenLight{--tw-bg-opacity:1;background-color:rgb(204 240 238/var(--tw-bg-opacity))}.rounded-bl-\[200px\]{border-bottom-left-radius:200px}@media (max-width:640px){.hero-container{margin-top:2rem;flex-direction:column}.hero-title>h1{font-size:2.5rem;line-height:3rem}.hero-right{display:none}.image-container{width:95%;height:25rem}.stats{justify-content:center;gap:1.5rem;font-weight:wrap}.stat>:first-child{font-size:1.5rem}.stat>:nth-child(2){font-size:.8rem}}.category{background-repeat:no-repeat;background-size:100%;box-shadow:inset 0 0 0 2000px rgba(0,0,0,.4);color:#fff;font-weight:700;background-position:50%}.category,.category:hover{transition:all .3s ease-out;-webkit-transition:all .3s ease-out}.category:hover{background-size:120%}.category.style{background-image:url(/jakarta.jpg)}.category.fashion{background-image:url(/bogor.jpg)}.category.food{background-image:url(/depok.jpg)}.category.travel{background-image:url(/tangerang.jpg)}.category.culture{background-image:url(/bekasi.jpg)}.category-listing{position:absolute;bottom:0;font-size:12px;font-weight:400;background-color:#fff;color:#000;width:100%;text-align:center;opacity:.8;padding:5px}@media screen and (max-width:640px){.category{width:100%}}.r-container{gap:2rem;position:relative;overflow:hidden}.r-head{margin-bottom:2rem}.swiper-horizontal{overflow:visible}.r-buttons{position:absolute;gap:1rem;top:-4rem;right:0}.r-buttons button{font-size:1.2rem;padding:.2rem .8rem;color:blue;border:none;border-radius:5px;background-color:#fff;cursor:pointer}.r-buttons>:first-child{background-color:#eef}.r-buttons>:nth-child(2){box-shadow:0 0 5px 1px rgba(0,0,0,.25)}.title{margin:50px 0}.categories{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.category{display:flex;align-items:center;gap:10px;text-transform:capitalize;width:18%;height:120px;justify-content:center;border-radius:10px}.category.style{background-color:#57c4ff31}.category.fashion{background-color:#da85c731}.category.food{background-color:#7fb88133}.category.travel{background-color:#ff795736}.category.culture{background-color:#ffb04f45}.category.coding{background-color:#5e4fff31}.image{border-radius:50%}.property-type{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.property-type-item{width:100%;background-color:#f6f6f6;gap:32px;text-transform:capitalize;justify-content:center;border-radius:10px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #f6f6f6}.property-type-item:hover{border:1px solid #ff5c7784}.property-type-logo-container{width:60px;height:60px;border-radius:100%;background-color:#009688;display:flex;justify-content:center;align-items:center}.property-type-title{font-weight:700;color:#2c3550}.property-type-description{font-size:13px;color:#7d7e91}@media screen and (max-width:1280px){.category{width:20%}}@media screen and (max-width:1024px){.category{width:25%}}@media screen and (max-width:768px){.category{width:45%}}@media screen and (max-width:640px){.category{width:100%}.property-type{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.r-head{align-items:flex-start}.r-buttons{position:static}}