@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@40,400,0,0";*{padding:0;margin:0;box-sizing:border-box}body{background-color:#f8f7f4;font-family:Poppins,sans-serif;line-height:1.5;color:#545e75}#root,.App{min-height:100vh;display:flex;flex-direction:column}article{height:100%}.main-content{padding-top:80px;flex:1}@media (max-width: 800px){.main-content{padding-top:80px}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.poppins-bold{font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.poppins-black{font-family:Poppins,sans-serif;font-weight:900;font-style:normal}.plus-jakarta-regular{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.plus-jakarta-bold{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:bold}.material-symbols-outlined{font-size:45px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 40}h1{font-size:70px;font-family:Poppins,sans-serif;font-weight:700;font-style:normal;color:#304d6d}h2{font-size:45px;color:#304d6d}h3{font-size:24px;font-weight:400;color:#304d6d}.emphasize{color:#63adf2}a{text-decoration:none;color:inherit;transition:color .3s ease}.header{width:100%;height:80px;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#304d6d;justify-content:space-around;z-index:2}.header nav{display:flex;gap:60px;justify-content:center;align-content:center}.header .page{overflow:hidden;color:#a7cced;text-decoration:none;font-size:24px;transition:color .3s ease}.header .page:hover,.header .page.active{color:#63adf2}.header .nav-accent{position:relative;border:2px solid #63adf2;border-radius:10px;width:auto;transition:bottom .3s ease;bottom:-10px}.header .nav-accent.nav-accent-active{bottom:0}.header .hamburger-icon{display:none;color:#a7cced;text-decoration:none;cursor:pointer;transition:color .3s ease}.header .hamburger-icon:hover{color:#63adf2}.header .mobile-menu{background-color:#a7cced;height:100vh;width:100%;max-width:450px;position:fixed;top:0;right:-450px;transition:right .3s ease;display:flex;flex-direction:column;align-items:center;z-index:3}.header .mobile-menu.active{right:0}.header .mobile-menu .mobile-menu-close{width:100%}.header .mobile-menu .mobile-menu-close .close-icon{padding:30px 0 0 30px;cursor:pointer;color:#545e75;transition:color .3s ease}.header .mobile-menu .mobile-menu-close .close-icon:hover{color:#304d6d}.header .mobile-menu .mobile-menu-navigation{display:flex;flex-direction:column;text-align:center;gap:30px;height:100%;justify-content:center}.header .mobile-menu .mobile-menu-navigation .page{color:#545e75}.header .mobile-menu .mobile-menu-navigation .page:hover,.header .mobile-menu .mobile-menu-navigation .page.active{color:#304d6d}.header .mobile-menu .mobile-menu-navigation .nav-accent{border-color:#304d6d}@media (max-width: 800px){.header{justify-content:flex-end}.header .hamburger-icon{display:flex;margin-right:30px}.header .desktop-button{display:none}}@media (min-width: 801px){.header .hamburger-icon{display:none}.header .desktop-button{display:inline-block}}.footer{background-color:#304d6d;padding:60px 0 30px;margin-top:auto;width:100%}.footer .footer-content{max-width:1200px;margin:0 auto;padding:0 30px}.footer .footer-main{margin-bottom:30px;text-align:center}.footer .footer-business .footer-company-name{color:#63adf2;font-size:24px;margin-bottom:20px;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.footer .footer-business .footer-contact{display:flex;flex-direction:column;align-items:center;gap:20px}.footer .footer-business .footer-contact .footer-address{color:#a7cced;font-size:16px;margin:0;line-height:1.4;font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.footer .footer-business .footer-contact .footer-contact-info{display:flex;flex-direction:column;gap:15px;align-items:center}@media (min-width: 801px){.footer .footer-business .footer-contact .footer-contact-info{flex-direction:row;gap:30px}}.footer .footer-bottom{border-top:1px solid #82a0bc;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer .footer-bottom .footer-copyright,.footer .footer-bottom .footer-credit{color:#a7cced;font-size:14px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.footer .footer-link{color:#63adf2;text-decoration:none;transition:color .3s ease}.footer .footer-link:hover{color:#f8f7f4}@media (max-width: 800px){.footer{padding:30px 0 20px}.footer .footer-content{padding:0 20px}.footer .footer-business .footer-company-name{font-size:20px}.footer .footer-business .footer-contact .footer-address{font-size:14px}.footer .footer-bottom{flex-direction:column;text-align:center;gap:15px}.footer .footer-bottom .footer-copyright,.footer .footer-bottom .footer-credit{font-size:12px}}.home-page h1{padding:0 0 30px 30px;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.home-page article{padding:30px 0 0;background-color:#f8f7f4;display:flex;flex-direction:column}.home-page .header-image{width:100%}.home-page .header-image img{width:100%;height:300px;object-fit:cover;object-position:0 bottom}.home-page .panel{padding:30px;gap:20px;justify-content:space-between;display:flex}.home-page .our-properties{display:flex;flex-direction:column;width:55%;gap:30px}.home-page .our-properties .introduction{font-size:25px}.home-page .our-properties .browse-properties{display:flex;flex-direction:column}.home-page .our-properties .browse-properties a{position:relative;width:180px;color:#304d6d;transition:all .5s ease;text-decoration:none;padding:20px 30px 0 0;display:flex;align-items:center;justify-content:center;white-space:nowrap}.home-page .our-properties .browse-properties a span{position:absolute;right:0;transition:all .5s ease}.home-page .our-properties .browse-properties a:hover{color:#82a0bc}.home-page .our-properties .browse-properties a:hover span{right:-30px}.home-page .contact-us{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:60px;border-radius:20px;gap:20px;background-color:#304d6d;color:#f8f7f4;box-shadow:0 0 5px 5px #0000001a}.home-page .contact-us h2{color:#f8f7f4;font-size:24px}.home-page .contact-us .contact-us-button{background-color:#f8f7f4;color:#304d6d;transition:background-color .5s ease;font-size:20px;border:0;border-radius:20px;text-decoration:none;padding:15px;align-self:center}.home-page .contact-us .contact-us-button:hover{background-color:#a7cced;color:#304d6d}@media (max-width: 800px){.home-page h1{text-align:center;padding:0 0 15px 15px;font-size:45px}.home-page h2{font-size:24px}.home-page article{align-items:center;padding:15px 0 0}.home-page .panel{flex-direction:column;align-items:center;gap:60px;padding:15px}.home-page .our-properties{width:80%}}.for-rent-page article{padding:30px;background-color:#f8f7f4}.for-rent-page h1{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;padding-bottom:30px}.for-rent-page .building-container{display:flex;flex-direction:column;gap:30px}.for-rent-page .building{display:flex;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 5px #0000001a;overflow:hidden;transition:transform .3s ease;padding:20px}.for-rent-page .building:hover{transform:translateY(-2px)}.for-rent-page .building img{width:400px;height:300px;object-fit:cover;object-position:center;border-radius:10px;margin-right:30px}.for-rent-page .building .building-text{display:flex;flex-direction:column;justify-content:space-between;padding:20px;flex:1}.for-rent-page .building .building-text .building-title h3{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;color:#304d6d;margin-bottom:15px}.for-rent-page .building .building-text a{background-color:#304d6d;color:#f8f7f4;transition:background-color .5s ease;font-size:20px;border:0;border-radius:20px;text-decoration:none;padding:15px;align-self:flex-start}.for-rent-page .building .building-text a:hover{background-color:#82a0bc;color:#f8f7f4}@media (max-width: 800px){.for-rent-page article{padding:30px 20px 20px}.for-rent-page h1{text-align:center;padding:0 0 30px;font-size:45px}.for-rent-page .building-container{padding:0;margin:0}.for-rent-page .building{flex-direction:column;padding:30px}.for-rent-page .building img{width:100%;height:250px;margin-right:0;margin-bottom:30px}.for-rent-page .building .building-text{padding:0}}.property-detail-page article{padding:30px;background-color:#f8f7f4}.property-detail-page .property-header{padding-bottom:30px}.property-detail-page .property-header h1{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;color:#304d6d;line-height:1}.property-detail-page .property-header h2{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;color:#545e75;font-size:24px}.property-detail-page .showcase{display:flex;gap:30px}.property-detail-page .showcase .showcase-image{flex:2}.property-detail-page .showcase .showcase-image img{width:100%;height:400px;object-fit:cover;border-radius:10px}.property-detail-page .showcase .showcase-information{flex:1;display:flex;flex-direction:column;gap:30px;font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.property-detail-page .showcase .showcase-information .map{width:100%;height:300px;border:0;border-radius:10px}.property-detail-page .showcase .showcase-information h2{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;margin-bottom:15px}.property-detail-page .showcase .showcase-information hr{border:1px solid #82a0bc;margin-bottom:30px}.property-detail-page .showcase .showcase-information .information-units{display:flex;gap:60px}.property-detail-page .showcase .showcase-information .information-units .column{flex:1}.property-detail-page .showcase .showcase-information .information-units .column h3{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;margin-bottom:20px;color:#304d6d}.property-detail-page .showcase .showcase-information .information-units .column p{margin-bottom:15px;color:#545e75}.property-detail-page .showcase .showcase-information .fully-leased{background-color:#545e75;color:#fff;padding:20px 30px;border-radius:10px;text-decoration:none;text-align:center;transition:background-color .3s ease}.property-detail-page .showcase .showcase-information .fully-leased:hover{background-color:#304d6d}.property-detail-page .photos-section .photos-header{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;margin-bottom:30px}.property-detail-page .photos-section .photos-header h2{color:#304d6d;margin-bottom:15px}.property-detail-page .photos-section .photos-header hr{border:1px solid #82a0bc}.property-detail-page .photos-section .photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.property-detail-page .photos-section .photos .image img{width:100%;height:250px;object-fit:cover;border-radius:10px;transition:transform .3s ease}.property-detail-page .photos-section .photos .image img:hover{transform:scale(1.02)}@media (max-width: 800px){.property-detail-page article{padding:15px}.property-detail-page .property-header{padding:0 0 15px 15px}.property-detail-page .property-header h1{font-size:45px}.property-detail-page .showcase{flex-direction:column;padding:0 20px 60px}.property-detail-page .showcase .showcase-image img,.property-detail-page .showcase .showcase-information .map{height:250px}.property-detail-page .showcase .showcase-information .information-units{gap:30px}.property-detail-page .photos-section .photos{grid-template-columns:1fr;gap:20px}.property-detail-page .photos-section .photos .image img{height:200px}}.contact-page article{padding:30px;background-color:#f8f7f4}.contact-page h1{padding-bottom:30px;font-family:Poppins,sans-serif;font-weight:700;font-style:normal;color:#304d6d}.contact-page .panel{display:flex;gap:60px}.contact-page .panel form{flex:2;display:flex;flex-direction:column;gap:30px;background-color:#fff;padding:60px;border-radius:10px;box-shadow:0 0 5px 5px #0000001a}.contact-page .panel form .inputs{display:flex;flex-direction:column;gap:30px}.contact-page .panel form .inputs .info{display:flex;gap:30px}.contact-page .panel form .inputs .field{position:relative;flex:1}.contact-page .panel form .inputs .field input,.contact-page .panel form .inputs .field textarea{width:100%;padding:20px;border:2px solid #82a0bc;border-radius:10px;font-size:16px;font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;transition:border-color .3s ease}.contact-page .panel form .inputs .field input:focus,.contact-page .panel form .inputs .field textarea:focus{outline:none;border-color:#63adf2}.contact-page .panel form .inputs .field input:focus+label,.contact-page .panel form .inputs .field input:not(:placeholder-shown)+label,.contact-page .panel form .inputs .field textarea:focus+label,.contact-page .panel form .inputs .field textarea:not(:placeholder-shown)+label{top:-10px;left:10px;font-size:14px;background-color:#fff;color:#63adf2}.contact-page .panel form .inputs .field textarea{min-height:120px;resize:vertical}.contact-page .panel form .inputs .field label{position:absolute;top:20px;left:20px;color:#545e75;transition:all .3s ease;pointer-events:none;padding:0 5px}.contact-page .panel form .inputs #message-field{display:flex;flex-direction:column}.contact-page .panel form input[type=submit]{background-color:#304d6d;color:#fff;border:none;padding:20px 30px;border-radius:10px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.contact-page .panel form input[type=submit]:hover{background-color:#63adf2}.contact-page .panel form #result{padding:20px;border-radius:10px;text-align:center;display:none}.contact-page .panel form #result.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.contact-page .panel form #result.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-page .panel .information{flex:1;display:flex;flex-direction:column;gap:30px;background-color:#fff;padding:60px;border-radius:10px;box-shadow:0 0 5px 5px #0000001a;height:fit-content}.contact-page .panel .information h2{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;color:#304d6d;margin-bottom:15px}.contact-page .panel .information hr{border:1px solid #82a0bc;margin-bottom:0}.contact-page .panel .information .address{display:flex;flex-direction:column;gap:5px}.contact-page .panel .information .address p{color:#545e75;margin:0}.contact-page .panel .information p{color:#545e75;margin:15px 0}.contact-page .panel .information .emphasize{color:#63adf2;text-decoration:none;transition:color .3s ease}.contact-page .panel .information .emphasize:hover{color:#304d6d}@media (max-width: 800px){.contact-page article{padding:15px}.contact-page h1{text-align:center;padding:0 0 30px;font-size:45px}.contact-page .panel{flex-direction:column;gap:20px}.contact-page .panel form .inputs .info{flex-direction:column}}
