.elementor-249 .elementor-element.elementor-element-0c06fc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-a3ff8b6{--display:flex;--min-height:50vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-249 .elementor-element.elementor-element-a3ff8b6:not(.elementor-motion-effects-element-type-background), .elementor-249 .elementor-element.elementor-element-a3ff8b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://sermilik.truegler.io/wp-content/uploads/2025/02/Q1000048-scaled.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-249 .elementor-element.elementor-element-a9fb10b{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-249 .elementor-element.elementor-element-39b3226 > .elementor-widget-container{margin:0px 0px 020px 0px;}.elementor-249 .elementor-element.elementor-element-39b3226 .elementor-icon-wrapper{text-align:center;}.elementor-249 .elementor-element.elementor-element-39b3226 .elementor-icon{font-size:16px;}.elementor-249 .elementor-element.elementor-element-39b3226 .elementor-icon svg{height:16px;}.elementor-249 .elementor-element.elementor-element-2d26d77 > .elementor-widget-container{padding:010px 0px 0px 0px;}.elementor-249 .elementor-element.elementor-element-2d26d77 .elementor-heading-title{font-size:30px;text-transform:uppercase;color:var( --e-global-color-kadence9 );}.elementor-249 .elementor-element.elementor-element-c16523a{--spacer-size:50px;}.elementor-249 .elementor-element.elementor-element-514ea91{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-197fe7e{--display:flex;}.elementor-249 .elementor-element.elementor-element-3f3d7fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-5f4fd4f .elementor-icon-wrapper{text-align:center;}.elementor-249 .elementor-element.elementor-element-5f4fd4f .elementor-icon{font-size:16px;}.elementor-249 .elementor-element.elementor-element-5f4fd4f .elementor-icon svg{height:16px;}.elementor-249 .elementor-element.elementor-element-c1662d4 > .elementor-widget-container{padding:12px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-249 .elementor-element.elementor-element-c1662d4{text-align:start;}.elementor-249 .elementor-element.elementor-element-c1662d4 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-249 .elementor-element.elementor-element-42537fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-66badfc{--display:flex;}.elementor-249 .elementor-element.elementor-element-cf6dabd{color:var( --e-global-color-kadence4 );}.elementor-249 .elementor-element.elementor-element-b9128c8{--spacer-size:50px;}.elementor-249 .elementor-element.elementor-element-443871d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-249 .elementor-element.elementor-element-c482f49{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-249 .elementor-element.elementor-element-59e5f7b{--display:flex;}.elementor-249 .elementor-element.elementor-element-32954c5{--spacer-size:50px;}.elementor-249 .elementor-element.elementor-element-c6b2fb9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-249 .elementor-element.elementor-element-486c415{--display:flex;}.elementor-249 .elementor-element.elementor-element-eac6b77{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-14e9d16 .elementor-icon-wrapper{text-align:center;}.elementor-249 .elementor-element.elementor-element-14e9d16 .elementor-icon{font-size:16px;}.elementor-249 .elementor-element.elementor-element-14e9d16 .elementor-icon svg{height:16px;}.elementor-249 .elementor-element.elementor-element-4893796 > .elementor-widget-container{padding:12px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-249 .elementor-element.elementor-element-4893796{text-align:start;}.elementor-249 .elementor-element.elementor-element-4893796 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:15px;text-transform:uppercase;color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-249 .elementor-element.elementor-element-197fe7e{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-249 .elementor-element.elementor-element-66badfc{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-249 .elementor-element.elementor-element-486c415{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-249 .elementor-element.elementor-element-a3ff8b6:not(.elementor-motion-effects-element-type-background), .elementor-249 .elementor-element.elementor-element-a3ff8b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sermilik.truegler.io/wp-content/uploads/2025/02/Q1000048-scaled.jpg");}.elementor-249 .elementor-element.elementor-element-197fe7e{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-249 .elementor-element.elementor-element-42537fb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-249 .elementor-element.elementor-element-66badfc{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-249 .elementor-element.elementor-element-b9128c8{--spacer-size:20px;}.elementor-249 .elementor-element.elementor-element-486c415{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-a0e5302 *//* Container holding the image */
        .container {
            position: relative;
            width: 90%; /* Adjust width as needed */
            max-width: 1000px; /* Ensure it doesn’t grow too large */
            margin: auto;
        }

        /* Make the image responsive */
        .floorplan {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Room overlays (absolute positioning, percentage-based) */
        .room {
            position: absolute;
            background: rgba(255, 0, 0, 0);
            transition: background 0.3s;
        }
        
        .room:hover {
            background: rgba(132, 214, 247, 0.5);
        }

    
           /* Tooltip styling */
        .tooltip {
             position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(22, 77, 143, 0.8);
            color: white;
            padding: 10px;
            border-radius: 8px;
            font-size: 14px;
            white-space: nowrap;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s, transform 0.2s;
        }

        .room:hover .tooltip {
            visibility: visible;
            opacity: 1;
            transform: translate(-50%, -130%);
        }
        /* Positioning rooms based on percentages */
        .kitchen {
               top: 7%;
                left: 49%;
                width: 20%;
                height: 40%;
        }

        .commonroom {
            top: 48%;
            left: 33%;
            width: 47%;
            height: 42%;
        }

        .bathroom {
           top: 7%;
            left: 69%;
            width: 16%;
            height: 22%;
        }
        
        .storage {
            top: 7%;
            left: 18%;
            width: 14%;
            height: 27%;
        }
        
        .entrance {
           top: 36%;
            left: 18%;
            width: 14%;
            height: 27%;
        }
        
        .coldstorage {
             top: 64%;
            left: 18%;
            width: 15%;
            height: 27%;
        }
        
        .hall {
              top: 7%;
            left: 33%;
            width: 16%;
            height: 40%;
        }
        
        .stationlead {
           top: 48%;
            left: 80%;
            width: 14%;
            height: 42%;
        }
        
        .technic {
             top: 7%;
            left: 85.5%;
            width: 9%;
            height: 17%;
        }
        
        .washingroom {
             top: 24%;
                left: 85.5%;
                width: 9%;
                height: 22%;
        }
        


        /* Media query for smaller screens */
        @media (max-width: 600px) {
            .tooltip {
                font-size: 12px;
                padding: 6px;
                  position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            }
        }/* End custom CSS */