.floorplans-section{position:relative;isolation:isolate;--tw-bg-opacity:1;background-color:rgb(255 209 0 / var(--tw-bg-opacity, 1));padding-top:50px;padding-bottom:50px}@media (min-width: 1300px){.floorplans-section{padding-top:101px;padding-bottom:100px}}.floorplans-section *{font-family:"new-hero",sans-serif;color:#000;text-align:center}.floorplans-section h2{margin-bottom:50px;text-align:center;font-weight:700}@media (min-width: 1300px){.floorplans-section h2{margin-bottom:89px}}@media screen and (min-width: 1900px){.floorplans-section h2{line-height:96px;font-size:60px !important}}.floorplans-section .floorplan-container{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:24px}@media (min-width: 1300px){.floorplans-section .floorplan-container{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media (min-width: 1600px){.floorplans-section .floorplan-container{gap:50px}}.floorplans-section .tiles{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}@media (min-width: 1300px){.floorplans-section .tiles{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media (min-width: 1600px){.floorplans-section .tiles{gap:50px}}.floorplans-section .tiles .single-tile{position:relative;isolation:isolate;cursor:pointer}.floorplans-section .tiles .single-tile img{overflow:hidden;border-radius:15px}.floorplans-section .tiles .single-tile:after{position:absolute;top:calc(100% - 24px);left:50%;transform:translateX(-50%);content:"";background-color:#fff;clip-path:polygon(100% 0, 0 0, 50% 100%);width:50px;height:24px;transition:all .3s ease-in-out;z-index:-1}@media screen and (min-width: 1280px){.floorplans-section .tiles .single-tile:after{clip-path:polygon(100% 50%, 0 0, 0 100%);top:50%;transform:translate(0, -50%);left:calc(100% - 49px);height:40px;width:24px}}@media screen and (min-width: 1900px){.floorplans-section .tiles .single-tile:after{height:80px;width:50px}}.floorplans-section .tiles .single-tile.active-tile:after{top:100%}@media screen and (min-width: 1280px){.floorplans-section .tiles .single-tile.active-tile:after{top:50%;transform:translate(0, -50%);left:100%}}.floorplans-section .main-image{position:relative;aspect-ratio:471/323;width:100%;overflow:hidden;border-radius:20px}@media (min-width: 1300px){.floorplans-section .main-image{grid-column:span 2 / span 2;aspect-ratio:1016/697;height:100%}}.floorplans-section .main-image img{position:absolute;inset:0px;height:100%;width:100%;overflow:hidden;opacity:0;transition:all .3s ease-in-out}.floorplans-section .main-image img.active-floorplan{opacity:1}.floorplans-section .pattern{position:absolute;z-index:-1;height:auto;width:120%}.floorplans-section .pattern-1{left:-320px;top:-50px}@media (min-width: 640px){.floorplans-section .pattern-1{left:-600px}}@media (min-width: 1100px){.floorplans-section .pattern-1{left:-66.666667%;top:-33.333333%}}@media (min-width: 1300px){.floorplans-section .pattern-1{top:-100px}}.floorplans-section .pattern-2{right:-250px;bottom:-50px}@media (min-width: 640px){.floorplans-section .pattern-2{bottom:-80px}}@media (min-width: 1024px){.floorplans-section .pattern-2{right:-50%}}@media (min-width: 1100px){.floorplans-section .pattern-2{bottom:-20%}}@media screen and (min-width: 1280px){.floorplans-section .pattern{width:80%}.floorplans-section .pattern.pattern-1{left:-50%}}@media screen and (min-width: 1400px){.floorplans-section .pattern{width:80%}.floorplans-section .pattern.pattern-1{left:-50%}}@media screen and (min-width: 1900px){.floorplans-section .pattern{width:1333px;height:auto}.floorplans-section .pattern.pattern-1{top:-299px;left:-751px}.floorplans-section .pattern.pattern-2{right:-303px;bottom:-370px}}
