.elementor-10 .elementor-element.elementor-element-ol0e9ts{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.75;--padding-top:225px;--padding-bottom:225px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ol0e9ts::before, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-ol0e9ts > .elementor-shape-bottom .elementor-shape-fill, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor5 );}.elementor-10 .elementor-element.elementor-element-ol0e9ts > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .e-con-inner > .elementor-shape-bottom svg{width:calc(200% + 1.3px);height:60px;}.elementor-10 .elementor-element.elementor-element-89d2782{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-hfe-infocard .hfe-icon-wrap .hfe-icon i{color:var( --e-global-color-primary );}.elementor-widget-hfe-infocard .hfe-icon-wrap .hfe-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-hfe-infocard .hfe-icon-wrap .hfe-icon{border-color:var( --e-global-color-primary );}.elementor-widget-hfe-infocard .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-hfe-infocard a.elementor-button:hover, .elementor-widget-hfe-infocard .elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-hfe-infocard .hfe-infocard-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-hfe-infocard .hfe-infocard-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-hfe-infocard .hfe-infocard-cta-link, .elementor-widget-hfe-infocard .elementor-button, .elementor-widget-hfe-infocard a.elementor-button{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-hfe-infocard .hfe-infocard-cta-link{color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-27a0733 .hfe-infocard{text-align:left;}.elementor-10 .elementor-element.elementor-element-27a0733 .hfe-infocard-title{font-family:"Arial", Sans-serif;font-weight:600;color:#FDFDFD;margin:20px 0px 10px 0px;}.elementor-10 .elementor-element.elementor-element-27a0733 .hfe-infocard-text{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-ef4a97f{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-b355e2d{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-7712505 .elementor-button{font-family:"Times New Roman", Sans-serif;fill:#FFFFFF;color:#FFFFFF;background-color:#F73478;transition-duration:0.4s;border-radius:30px 30px 30px 30px;}.elementor-10 .elementor-element.elementor-element-7712505 .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-7712505 .elementor-button:focus{background-color:#C7094B;}.elementor-10 .elementor-element.elementor-element-7712505{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-48f1711{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-53fbab0{--display:flex;}.elementor-10 .elementor-element.elementor-element-e9daaeb{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.75;--padding-top:225px;--padding-bottom:225px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e9daaeb:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mybeeznessmom.gr/wp-content/uploads/2026/07/home-banner.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-e9daaeb::before, .elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-e9daaeb > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-e9daaeb > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-shape-bottom .elementor-shape-fill, .elementor-10 .elementor-element.elementor-element-e9daaeb > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor5 );}.elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-e9daaeb > .e-con-inner > .elementor-shape-bottom svg{width:calc(200% + 1.3px);height:60px;}.elementor-10 .elementor-element.elementor-element-744291e{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-10 .elementor-element.elementor-element-f419e78 .hfe-infocard{text-align:left;}.elementor-10 .elementor-element.elementor-element-f419e78 .hfe-infocard-title{font-family:"Arial", Sans-serif;font-weight:600;color:#FDFDFD;margin:20px 0px 10px 0px;}.elementor-10 .elementor-element.elementor-element-f419e78 .hfe-infocard-text{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-6e5fea8{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-3a8d5c6{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-0a328fa .elementor-button{font-family:"Times New Roman", Sans-serif;fill:#FFFFFF;color:#FFFFFF;background-color:#F73478;transition-duration:0.4s;border-radius:30px 30px 30px 30px;}.elementor-10 .elementor-element.elementor-element-0a328fa .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-0a328fa .elementor-button:focus{background-color:#C7094B;}.elementor-10 .elementor-element.elementor-element-0a328fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-0107e56{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-201a257{--display:flex;}.elementor-10 .elementor-element.elementor-element-24rh2sk{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5yjm2j5{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-b875134{--display:flex;}.elementor-10 .elementor-element.elementor-element-zjkgjtk{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.65;--padding-top:50px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-zjkgjtk::before, .elementor-10 .elementor-element.elementor-element-zjkgjtk > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-zjkgjtk > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-zjkgjtk > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-zjkgjtk > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-zjkgjtk > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#F73478;}.elementor-10 .elementor-element.elementor-element-2036258{--display:flex;}.elementor-10 .elementor-element.elementor-element-956abfd{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-ol0e9ts > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .e-con-inner > .elementor-shape-bottom svg{width:calc(200% + 1.3px);height:50px;}.elementor-10 .elementor-element.elementor-element-ol0e9ts{--padding-top:120px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-10 .elementor-element.elementor-element-48f1711{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-e9daaeb > .e-con-inner > .elementor-shape-bottom svg{width:calc(200% + 1.3px);height:50px;}.elementor-10 .elementor-element.elementor-element-e9daaeb{--padding-top:120px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-10 .elementor-element.elementor-element-0107e56{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-24rh2sk{--padding-top:60px;--padding-bottom:70px;--padding-left:76px;--padding-right:76px;}.elementor-10 .elementor-element.elementor-element-5yjm2j5{--padding-top:45px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-zjkgjtk{--padding-top:50px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-ol0e9ts > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-ol0e9ts > .e-con-inner > .elementor-shape-bottom svg{width:calc(150% + 1.3px);height:25px;}.elementor-10 .elementor-element.elementor-element-ol0e9ts{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-89d2782{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-48f1711{--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-53fbab0{--width:100%;}.elementor-10 .elementor-element.elementor-element-e9daaeb:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mybeeznessmom.gr/wp-content/uploads/2026/08/εικόνα_Viber_2026-08-24_12-00-03-652.jpg");background-position:center center;}.elementor-10 .elementor-element.elementor-element-e9daaeb > .elementor-shape-bottom svg, .elementor-10 .elementor-element.elementor-element-e9daaeb > .e-con-inner > .elementor-shape-bottom svg{width:calc(150% + 1.3px);height:25px;}.elementor-10 .elementor-element.elementor-element-e9daaeb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-744291e{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-0107e56{--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-201a257{--width:100%;}.elementor-10 .elementor-element.elementor-element-24rh2sk{--padding-top:50px;--padding-bottom:60px;--padding-left:25px;--padding-right:25px;}.elementor-10 .elementor-element.elementor-element-5yjm2j5{--padding-top:50px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-zjkgjtk{--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-89d2782{--width:60%;}.elementor-10 .elementor-element.elementor-element-b355e2d{--width:32%;}.elementor-10 .elementor-element.elementor-element-48f1711{--width:67.906%;}.elementor-10 .elementor-element.elementor-element-53fbab0{--width:40%;}.elementor-10 .elementor-element.elementor-element-744291e{--width:60%;}.elementor-10 .elementor-element.elementor-element-3a8d5c6{--width:32%;}.elementor-10 .elementor-element.elementor-element-0107e56{--width:67.906%;}.elementor-10 .elementor-element.elementor-element-201a257{--width:40%;}.elementor-10 .elementor-element.elementor-element-5yjm2j5{--content-width:1240px;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-89d2782{--width:85%;}.elementor-10 .elementor-element.elementor-element-b355e2d{--width:35%;}.elementor-10 .elementor-element.elementor-element-48f1711{--width:40%;}.elementor-10 .elementor-element.elementor-element-53fbab0{--width:15%;}.elementor-10 .elementor-element.elementor-element-744291e{--width:85%;}.elementor-10 .elementor-element.elementor-element-3a8d5c6{--width:35%;}.elementor-10 .elementor-element.elementor-element-0107e56{--width:40%;}.elementor-10 .elementor-element.elementor-element-201a257{--width:15%;}}/* Start custom CSS for container, class: .elementor-element-ol0e9ts */.hero-video video,
.hero-video .elementor-background-video-hosted{

    object-position:center 40% !important;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9daaeb */.hero-video video,
.hero-video .elementor-background-video-hosted{

    object-position:center 40% !important;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc2f81c *//* =========================================
   MY BEEZNESS MOM — DOLLHOUSE V3
   PHOTO FOCUS
========================================= */

.dollhouse{
    position:relative;
    width:100%;
    max-width:1400px;
    margin:100px auto 80px;
    padding:0 5px 70px;
    background:linear-gradient(180deg,#fff5fa,#ffe8f1,#fff);
    border-radius:40px;
    overflow:visible;
}


/* =========================================
   ROOF
========================================= */

.dollhouse-roof{
    position:relative;
    width:96%;
    height:155px;
    margin:0 auto;
    background:repeating-linear-gradient(
        135deg,
        #ff62aa 0 17px,
        #ff91c5 17px 34px
    );
    clip-path:polygon(50% 0,100% 100%,0 100%);
    filter:drop-shadow(
        0 15px 18px rgba(170,55,115,.22)
    );
    z-index:2;
}

.dollhouse-roof::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:14px;
    background:#fff;
}


/* =========================================
   ATTIC WINDOW
========================================= */

.roof-window{
    position:absolute;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
    width:100px;
    height:70px;
    background:#fff;
    border:6px solid #fff;
    border-radius:60px 60px 10px 10px;
    overflow:hidden;
}

.roof-window-glass{
    width:100%;
    height:100%;
    background:linear-gradient(
        135deg,
        #a8e6e8,
        #e4faf8
    );
}

.roof-window::after{
    content:"";
    position:absolute;
    width:4px;
    height:100%;
    left:50%;
    top:0;
    background:#fff;
}

.roof-window::before{
    content:"";
    position:absolute;
    height:4px;
    width:100%;
    left:0;
    top:50%;
    background:#fff;
}


/* =========================================
   HOUSE
========================================= */

.dollhouse-house{
    position:relative;
    width:97%;
    min-height:610px;
    margin:0 auto;
    background:
        linear-gradient(
            90deg,
            #ffd9e8 0%,
            #fff 9%,
            #fff 91%,
            #ffd9e8 100%
        );
    border:8px solid #fff;
    border-top:0;
    border-radius:0 0 30px 30px;
    box-shadow:
        0 25px 55px rgba(180,60,125,.14),
        inset 0 0 35px rgba(255,255,255,.9);
}


/* =========================================
   FLOORS
========================================= */

.dollhouse-floor{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    padding:30px 18px;
    z-index:10;
}

.upper-floor{
    min-height:275px;
}

.lower-floor{
    min-height:310px;
    padding-top:45px;
}


/* =========================================
   PHOTO WINDOWS — EXTRA LARGE
========================================= */

.dollhouse-window{
    position:relative;
    width:390px;
    height:320px;
    padding:4px;
    background:#fff;
    border-radius:135px 135px 16px 16px;
    box-shadow:
        0 16px 35px rgba(170,60,120,.16);
    transition:
        transform .4s ease,
        box-shadow .4s ease;
    z-index:20;
}

.dollhouse-window:hover{
    transform:
        translateY(-8px)
        scale(1.015);

    box-shadow:
        0 25px 45px rgba(170,60,120,.23);
}


/* =========================================
   PHOTO FRAME
========================================= */

.window-frame{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border:2px solid #f1a0c2;
    border-radius:125px 125px 10px 10px;
    background:#fff;
}

.window-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .6s ease;
}

.dollhouse-window:hover img{
    transform:scale(1.05);
}


/* =========================================
   PHOTO CROSS — ALMOST INVISIBLE
========================================= */

.window-cross{
    position:absolute;
    background:rgba(255,255,255,.18);
    z-index:5;
    pointer-events:none;
}

.window-cross.vertical{
    width:2px;
    height:100%;
    left:50%;
    top:0;
    transform:translateX(-50%);
}

.window-cross.horizontal{
    height:2px;
    width:100%;
    left:0;
    top:50%;
    transform:translateY(-50%);
}


/* =========================================
   FLOWER BOX
========================================= */

.window-box{
    position:absolute;
    bottom:-13px;
    left:50%;
    transform:translateX(-50%);
    width:140px;
    height:30px;
    display:flex;
    justify-content:center;
    gap:4px;
    font-size:21px;
    z-index:30;
}

.window-box::after{
    content:"";
    position:absolute;
    width:140px;
    height:25px;
    bottom:-4px;
    background:linear-gradient(
        180deg,
        #f4a7c5,
        #d579a2
    );
    border-radius:5px 5px 13px 13px;
    z-index:-1;
}


/* =========================================
   BALCONY
========================================= */

.dollhouse-balcony{
    position:absolute;
    left:50%;
    top:275px;
    transform:translateX(-50%);
    width:280px;
    height:65px;
    background:linear-gradient(
        180deg,
        #ffb7d4,
        #ec82af
    );
    border:7px solid #fff;
    border-radius:18px 18px 9px 9px;
    z-index:30;
}


/* =========================================
   RAILING
========================================= */

.balcony-railing{
    position:absolute;
    top:-52px;
    left:0;
    width:100%;
    height:57px;
    display:flex;
    justify-content:space-around;
    align-items:flex-end;
}

.balcony-railing span{
    width:7px;
    height:52px;
    background:linear-gradient(
        90deg,
        #fff,
        #f4aecb
    );
    border-radius:8px;
}

.balcony-railing::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:8px;
    background:#fff;
    border-radius:15px;
}


/* =========================================
   DOOR
========================================= */

.dollhouse-door-area{
    width:210px;
    height:255px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}

.dollhouse-door{
    position:relative;
    width:165px;
    height:240px;
    background:linear-gradient(
        145deg,
        #ffb7d6,
        #ff70b0
    );
    border:8px solid #fff;
    border-bottom:0;
    border-radius:85px 85px 0 0;
    box-shadow:
        0 18px 30px rgba(160,50,105,.18);
    overflow:hidden;
}


/* =========================================
   DOOR WINDOW
========================================= */

.door-window{
    position:absolute;
    top:22px;
    left:50%;
    transform:translateX(-50%);
    width:100px;
    height:90px;
    background:#fff;
    padding:4px;
    border-radius:55px 55px 9px 9px;
}

.door-window img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:46px 46px 5px 5px;
}


/* =========================================
   SIGN — SMALLER
========================================= */

.dollhouse-sign{
    position:absolute;
    left:50%;
    top:390px;
    transform:translateX(-50%);
    width:300px;
    padding:15px 20px;
    background:rgba(255,255,255,.94);
    border:4px solid #fff;
    border-radius:18px;
    text-align:center;
    box-shadow:
        0 10px 25px rgba(190,60,125,.16);
    z-index:40;
}

.dollhouse-sign h2{
    margin:6px 0;
    font-size:25px;
    color:#d64788;
    font-family:Georgia,serif;
}

.dollhouse-sign p{
    margin:0;
    font-size:13px;
    color:#765467;
    font-family:Georgia,serif;
}


/* =========================================
   GARDEN
========================================= */

.dollhouse-garden{
    position:absolute;
    bottom:12px;
    left:50%;
    transform:translateX(-50%);
    width:480px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:18px;
    z-index:50;
}

.garden-flower{
    font-size:27px;
}


/* =========================================
   MY BEEZNESS MOM — MOBILE FINAL ORDER
   ΜΟΝΟ ΓΙΑ ΚΙΝΗΤΟ
========================================= */

@media (max-width:768px){

    /* Το house λειτουργεί σαν ένα ενιαίο container */
    .dollhouse-house{
        display:flex;
        flex-direction:column;
    }

    /*
       Τα floors παύουν να δημιουργούν
       ξεχωριστές σειρές ώστε να μπορούμε
       να ελέγξουμε τη σειρά των στοιχείων.
    */
    .dollhouse-floor{
        display:contents;
    }


    /* =====================================
       1. ΟΛΑ ΤΑ ΠΑΡΑΘΥΡΑ ΠΡΩΤΑ
    ===================================== */

    .dollhouse-window{
        order:1;

        width:calc(100% - 24px);
        max-width:430px;

        margin:0 auto 45px;

        aspect-ratio:1.08 / 1;

        padding:4px;
        box-sizing:border-box;

        border-radius:80px 80px 14px 14px;

        box-shadow:
            0 12px 28px rgba(170,60,120,.18);
    }

    .window-frame{
        width:100%;
        height:100%;

        border:3px solid #f1a0c2;

        border-radius:73px 73px 9px 9px;

        box-sizing:border-box;

        overflow:hidden;
    }

    .window-frame img{
        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center;

        display:block;
    }

    /* Δεν θέλουμε το cross πάνω στις φωτογραφίες */
    .window-cross{
        display:none;
    }


    /* =====================================
       FLOWER BOX
    ===================================== */

    .window-box{
        bottom:-13px;

        width:105px;
        height:25px;

        font-size:17px;
        gap:3px;
    }

    .window-box::after{
        width:105px;
        height:22px;
    }


    /* =====================================
       2. ΜΠΑΛΚΟΝΙ
    ===================================== */

    .dollhouse-balcony{
        order:2;

        position:relative;

        top:auto;
        left:auto;

        transform:none;

        width:170px;
        height:45px;

        margin:5px auto 35px;

        border-width:5px;

        border-radius:15px;

        box-sizing:border-box;
    }

    .balcony-railing{
        top:-40px;
        height:43px;
    }

    .balcony-railing span{
        width:5px;
        height:38px;
    }

    .balcony-railing::before{
        height:6px;
    }


    /* =====================================
       3. SIGN
    ===================================== */

    .dollhouse-sign{
        order:3;

        position:relative;

        top:auto;
        left:auto;

        transform:none;

        width:calc(100% - 30px);
        max-width:360px;

        margin:0 auto 25px;

        padding:15px 12px;

        border:4px solid #fff;

        border-radius:18px;

        box-sizing:border-box;
    }

    .dollhouse-sign h2{
        margin:5px 0;

        font-size:21px;
        line-height:1.2;
    }

    .dollhouse-sign p{
        margin:0;

        font-size:12px;
        line-height:1.4;
    }


    /* =====================================
       4. ΠΟΡΤΑ ΤΕΛΟΣ
    ===================================== */

    .dollhouse-door-area{
        order:4;

        width:100%;
        height:190px;

        display:flex;

        justify-content:center;
        align-items:flex-end;

        margin:15px auto 0;
    }

    .dollhouse-door{
        width:120px;
        height:180px;

        border-width:6px;

        border-radius:65px 65px 0 0;
    }


    /* =====================================
       DOOR WINDOW
    ===================================== */

    .door-window{
        width:75px;
        height:66px;

        top:16px;

        padding:3px;

        border-radius:42px 42px 7px 7px;
    }

    .door-window img{
        width:100%;
        height:100%;

        object-fit:cover;

        border-radius:38px 38px 5px 5px;
    }


    /* =====================================
       5. GARDEN
    ===================================== */

    .dollhouse-garden{
        order:5;

        position:relative;

        left:auto;
        bottom:auto;

        transform:none;

        width:100%;
        height:45px;

        margin:10px auto 0;

        gap:8px;
    }

    .garden-flower{
        font-size:21px;
    }

}


/* =========================================
   VERY SMALL PHONES
========================================= */

@media (max-width:480px){

    .dollhouse-window{
        width:calc(100% - 16px);

        max-width:100%;

        aspect-ratio:1.08 / 1;

        margin-bottom:38px;
    }

    .window-frame{
        border-radius:69px 69px 8px 8px;
    }

    .dollhouse-balcony{
        width:160px;
        height:43px;
    }

    .dollhouse-sign{
        width:calc(100% - 20px);

        padding:13px 9px;
    }

    .dollhouse-sign h2{
        font-size:19px;
    }

    .dollhouse-sign p{
        font-size:11px;
    }

    .dollhouse-door{
        width:105px;
        height:160px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6facfb *//* =====================================
   MY BEEZNESS MOM — DOLLHOUSE
===================================== */

.bee-dollhouse{
    width:100%;
    padding:100px 25px 120px;
    box-sizing:border-box;
    overflow:visible;
}

.bee-dollhouse-heading{
    text-align:center;
    margin-bottom:65px;
}

.bee-dollhouse-heading h1{
    margin:0 0 15px;
    color:#d4147a;
    font:800 46px/1.2 "Arial Rounded MT Bold",Arial,sans-serif;
}

.bee-dollhouse-heading p{
    margin:0;
    color:#d4147a;
    font:italic 18px Georgia,serif;
    letter-spacing:5px;
}


/* =====================================
   ΠΑΝΩ ΠΟΡΤΕΣ
===================================== */

.bee-dollhouse-upper{
    width:720px;
    max-width:100%;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}


/* =====================================
   ΚΑΤΩ ΣΕΙΡΑ
===================================== */

.bee-dollhouse-lower{
    width:850px;
    max-width:100%;
    margin:35px auto 0;
    display:grid;
    grid-template-columns:245px 360px 245px;
    align-items:end;
}


/* =====================================
   ΧΑΡΑΚΤΗΡΕΣ
===================================== */

.bee-dollhouse-character{
    position:relative;
    height:590px;
    display:flex;
    align-items:flex-end;
    overflow:visible;
    z-index:20;
}

.bee-dollhouse-girl{
    justify-content:flex-end;
}

.bee-dollhouse-mother{
    justify-content:flex-start;
}

.bee-dollhouse-girl img{
    width:310px;
    transform:translateX(55px);
}

.bee-dollhouse-mother img{
    width:340px;
    transform:translateX(-160px);
}

.bee-dollhouse-girl img,
.bee-dollhouse-mother img{
    max-width:none;
    height:auto;
    display:block;
    position:relative;
    z-index:30;
}


/* =====================================
   ΜΗΝΥΜΑ ΚΟΠΕΛΑΣ
===================================== */

.bee-bomboniera-message{
    position:absolute;
    left:-150px;
    top:90px;
    width:190px;
    text-align:center;
    color:#d4147a;
    z-index:50;
}

.bee-bomboniera-message span,
.bee-bomboniera-message strong{
    display:block;
    line-height:1.1;
}

.bee-bomboniera-message span{
    font:italic 22px Georgia,serif;
}

.bee-bomboniera-message strong{
    margin-top:3px;
    font:800 23px/1.15 "Arial Rounded MT Bold",Arial,sans-serif;
}


/* =====================================
   ΒΕΛΑΚΙ DESKTOP
   ΑΠΟ ΤΗΝ ΚΟΠΕΛΑ ΠΡΟΣ ΤΗΝ ΠΟΡΤΑ
===================================== */

/* =====================================
   DESKTOP — MESSAGE ARROW
   ΠΡΟΣ ΤΗ ΜΠΟΜΠΟΝΙΕΡΑ
===================================== */

.bee-message-arrow{
    position:absolute;

    width:115px;
    height:2px;

    right:-60px;
    top:105px;

    background:#d4147a;

    transform:rotate(50deg);
    transform-origin:left center;

    border-radius:10px;

    z-index:60;
}

.bee-message-arrow:after{
    content:"";

    position:absolute;

    right:-1px;
    top:50%;

    width:0;
    height:0;

    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-left:16px solid #d4147a;

    transform:translateY(-50%) rotate(0deg);
}


/* =====================================
   ΠΟΡΤΕΣ
===================================== */

.bee-room-door{
    position:relative;
    width:100%;
    height:590px;

    display:block;

    text-decoration:none;

    perspective:1500px;

    box-sizing:border-box;

    transition:.4s ease;
}

.bee-room-inside{
    position:absolute;
    inset:0;

    overflow:hidden;

    background:#fff;

    border-radius:105px 105px 30px 30px;

    box-shadow:
        0 30px 70px rgba(212,20,122,.25);
}

.bee-room-inside img{
    width:100%;
    height:100%;

    object-fit:cover;
}


/* =====================================
   LABEL
===================================== */

.bee-room-label{
    position:absolute;

    left:50%;
    bottom:30px;

    width:88%;

    transform:translateX(-50%);

    padding:18px;

    box-sizing:border-box;

    background:rgba(255,255,255,.94);

    border-radius:22px;

    text-align:center;

    z-index:3;
}

.bee-room-label span{
    display:inline-block;

    margin-bottom:8px;

    padding:7px 18px;

    background:#d4147a;
    color:#fff;

    border-radius:30px;

    font-size:10px;
    letter-spacing:3px;
}

.bee-room-label h2{
    margin:0;

    color:#d4147a;

    font:20px/1.3 Georgia,serif;
}


/* =====================================
   ΜΠΡΟΣΤΙΝΗ ΠΟΡΤΑ
===================================== */

.bee-room-door-front{
    position:absolute;
    inset:0;

    z-index:10;

    background:
        linear-gradient(
            150deg,
            #ffd3e8,
            #ff78b7
        );

    border:10px solid #fff;

    border-radius:
        115px 115px 30px 30px;

    transform-origin:left center;

    transition:.9s ease;

    box-shadow:
        inset 0 0 45px rgba(255,255,255,.8),
        0 22px 45px rgba(212,20,122,.35);
}

.bee-room-door-front:before{
    content:"";

    position:absolute;

    inset:38px;

    border:4px solid rgba(255,255,255,.75);

    border-radius:
        85px 85px 20px 20px;
}

.bee-room-door-front:after{
    content:"";

    position:absolute;

    top:68px;
    left:50%;

    width:95px;
    height:95px;

    transform:translateX(-50%);

    background:#fff;

    border-radius:28px;
}

.bee-room-knob{
    position:absolute;

    right:42px;
    top:55%;

    width:34px;
    height:34px;

    border-radius:50%;

    background:
        radial-gradient(
            circle at 30% 30%,
            #fff5a8,
            #d49b20
        );

    box-shadow:
        0 5px 15px rgba(0,0,0,.25);
}


/* =====================================
   ΠΛΕΥΡΙΚΑ ΤΟΙΧΩΜΑΤΑ
===================================== */

.bee-room-door:before,
.bee-room-door:after{
    content:"";

    position:absolute;

    top:100px;

    width:30px;
    height:390px;

    background:
        linear-gradient(
            #ffe1ef,
            #ffafd1
        );

    z-index:-1;
}

.bee-room-door:before{
    left:-25px;

    border-radius:
        20px 0 0 20px;
}

.bee-room-door:after{
    right:-25px;

    border-radius:
        0 20px 20px 0;
}


/* =====================================
   DESKTOP HOVER
===================================== */

.bee-room-door:hover{
    transform:translateY(-10px);
}

.bee-room-door:hover .bee-room-door-front{
    transform:rotateY(-80deg);
}


/* =====================================
   TABLET
===================================== */

@media(max-width:1050px){

    .bee-dollhouse-lower{
        width:750px;

        grid-template-columns:
            210px 320px 210px;
    }

    .bee-dollhouse-lower > .bee-room-door{
        width:320px;
    }

    .bee-dollhouse-girl img{
        width:260px;
        transform:translateX(45px);
    }

    .bee-dollhouse-mother img{
        width:260px;
        transform:translateX(-45px);
    }
}


/* =====================================
   MOBILE
   GIRL | OPEN DOOR | MOTHER
===================================== */

@media(max-width:768px){

    .bee-dollhouse{
        padding:55px 8px 80px;
        overflow:visible;
    }


    /* ================================
       HEADING
    ================================= */

    .bee-dollhouse-heading{
        margin-bottom:35px;
    }

    .bee-dollhouse-heading h1{
        font-size:27px;
    }

    .bee-dollhouse-heading p{
        font-size:11px;
        letter-spacing:3px;
    }


    /* ================================
       FIRST 2 DOORS
    ================================= */

    .bee-dollhouse-upper{
        width:100%;

        grid-template-columns:
            1fr 1fr;

        gap:8px;
    }

    .bee-dollhouse-upper .bee-room-door{
        height:310px;
    }


    /* ================================
       LOWER ROW
       GIRL | DOOR | MOTHER
    ================================= */

    .bee-dollhouse-lower{
        width:100%;

        margin:25px auto 0;

        display:grid;

        grid-template-columns:
            22% 56% 22%;

        gap:0;

        align-items:end;
    }


    /* ================================
       GIRL
    ================================= */

    .bee-dollhouse-girl{
        grid-column:1;
        grid-row:1;

        height:330px;

        justify-content:center;
        align-items:flex-end;
    }

    .bee-dollhouse-girl img{
        width:165px;

        max-width:none;

        height:auto;

        transform:none;
    }


    /* ================================
       THIRD DOOR
       ALWAYS OPEN
    ================================= */

    .bee-dollhouse-lower > .bee-room-door{
        grid-column:2;
        grid-row:1;

        width:100%;
        height:350px;

        margin:0;
    }

    .bee-room-door-front{
        transform:
            rotateY(-80deg);

        transform-origin:
            left center;
    }

    .bee-room-door:hover{
        transform:translateY(-6px);
    }

    .bee-room-door:hover .bee-room-door-front{
        transform:
            rotateY(-80deg);
    }


    /* ================================
       MOTHER
    ================================= */

    .bee-dollhouse-mother{
        grid-column:3;
        grid-row:1;

        height:330px;

        justify-content:flex-start;
        align-items:flex-end;
    }

    .bee-dollhouse-mother img{
        width:145px;

        max-width:none;

        height:auto;

        transform:translateX(-30px);
    }


    /* ================================
       GIRL MESSAGE
    ================================= */

    .bee-bomboniera-message{
        left:50%;
        top:25px;

        width:120px;

        transform:
            translateX(-50%);

        text-align:center;
    }

    .bee-bomboniera-message span{
        font-size:11px;
    }

    .bee-bomboniera-message strong{
        font-size:12px;
    }


    /* ================================
       ARROW
       BETWEEN GIRL + DOOR
    ================================= */

.bee-message-arrow{
    width:40px;
    height:2px;

    left:102px;
    right:auto;
    top:62px;

    background:#d4147a;

    transform:rotate(55deg);
    transform-origin:left center;

    border:0;
    border-radius:10px;

    z-index:100;
}

.bee-message-arrow:after{
    content:"";

    position:absolute;

    right:-1px;
    top:50%;

    width:0;
    height:0;

    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:10px solid #d4147a;

    transform:translateY(-50%) rotate(3deg);
}


    /* ================================
       DOOR SHAPE
    ================================= */

    .bee-room-inside{
        border-radius:
            65px 65px 18px 18px;
    }

    .bee-room-door-front{
        border-width:6px;

        border-radius:
            65px 65px 18px 18px;
    }

    .bee-room-door-front:before{
        inset:22px;

        border-width:2px;

        border-radius:
            50px 50px 12px 12px;
    }

    .bee-room-door-front:after{
        width:55px;
        height:55px;

        top:43px;
    }

    .bee-room-knob{
        right:18px;

        width:19px;
        height:19px;
    }


    /* ================================
       LABEL
    ================================= */

    .bee-room-label{
        bottom:10px;

        width:90%;

        padding:9px 5px;

        border-radius:13px;
    }

    .bee-room-label span{
        font-size:7px;

        padding:4px 8px;

        letter-spacing:1px;

        margin-bottom:4px;
    }

    .bee-room-label h2{
        font-size:12px;
    }


    /* ================================
       SIDE WALLS
    ================================= */

    .bee-room-door:before,
    .bee-room-door:after{
        top:50px;

        width:8px;
        height:245px;
    }

    .bee-room-door:before{
        left:-6px;
    }

    .bee-room-door:after{
        right:-6px;
    }
}


/* =====================================
   VERY SMALL PHONES
===================================== */

@media(max-width:430px){

    .bee-dollhouse{
        padding-left:5px;
        padding-right:5px;
    }

    .bee-dollhouse-heading h1{
        font-size:23px;
    }

    .bee-dollhouse-upper{
        gap:6px;
    }

    .bee-dollhouse-upper .bee-room-door{
        height:275px;
    }


    /* ================================
       GIRL | DOOR | MOTHER
    ================================= */

    .bee-dollhouse-lower{
        grid-template-columns:
            21% 58% 21%;
    }

    .bee-dollhouse-girl,
    .bee-dollhouse-mother{
        height:290px;
    }

    .bee-dollhouse-girl img,
    .bee-dollhouse-mother img{
        width:170px;
    }

    .bee-dollhouse-mother img{
        transform:translateX(-90px);
    }

    .bee-dollhouse-lower > .bee-room-door{
        height:320px;
    }

    .bee-room-label h2{
        font-size:11px;
    }


    /* ================================
       SMALL PHONE ARROW
    ================================= */
.bee-message-arrow{
    width:25px;

    left:50px;
    right:auto;
    top:40px;

    transform:rotate(70deg);
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f7c01b */.top-image-section{

    position:relative;

    height:550px;

    display:flex;

    justify-content:center;

    align-items:flex-start;

}


.floating-image{

    position:absolute;

    width:1200px;

    max-width:90%;

    top:80px;

    left:50%;

    transform:translateX(-50%);

    z-index:20;

    filter:drop-shadow(0 25px 35px rgba(0,0,0,0.12));

}



.bottom-container{

    position:relative;

    z-index:10;

    margin-top:-150px;

    padding-top:250px;

    

    border-radius:40px 40px 0 0;

}
@media (max-width:768px){

    .top-image-section{
        height:260px;
    }

    .floating-image{
        width:100%;
        max-width:100%;
        top:35px;
    }

    .bottom-container{
        margin-top:-150px;
        padding-top:170px;
        border-radius:30px 30px 0 0;
    }

}
@media (max-width:430px){

    .top-image-section{
        height:235px;
    }

    .floating-image{
        width:105%;
        max-width:105%;
        top:30px;
    }

    .bottom-container{
        margin-top:-165px;
        padding-top:155px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1667f2d *//* SECTION */

.custom-section {

    display:flex;

    align-items:center;

    gap:70px;

    padding:110px 0;

    min-height:650px;

}



/* TEXT */

.custom-text {

    width:45%;

}



.custom-label {

    font-size:13px;

    letter-spacing:4px;

    opacity:.7;

}



.custom-text h2 {

    font-size:45px;

    line-height:1.2;

    font-weight:500;

    margin:20px 0;

}



.custom-text p {

    font-size:18px;

    line-height:1.8;

    max-width:500px;

}



/* BUTTON */

/* =====================================
   CUSTOM BUTTON - DOLLHOUSE FABRIC STYLE
===================================== */


.custom-button {

    display:inline-block;

    margin-top:30px;

    padding:17px 42px;


    background:
    linear-gradient(
        145deg,
        #ffc1dc,
        #e96b9f
    );


    color:white!important;


    border-radius:50px;


    text-decoration:none!important;


    font-family:Georgia,serif;


    font-size:17px;


    font-weight:600;


    border:4px solid rgba(255,255,255,.85);


    position:relative;


    overflow:hidden;


    box-shadow:


    inset 0 5px 12px rgba(255,255,255,.7),


    inset 0 -8px 15px rgba(190,70,120,.25),


    0 15px 35px rgba(210,80,140,.35);


    transition:.4s ease;

}



/* γυαλάδα σαν ύφασμα */

.custom-button:before {


    content:"";


    position:absolute;


    top:7px;


    left:20px;


    right:20px;


    height:12px;


    background:rgba(255,255,255,.45);


    border-radius:50%;


}



/* hover */

.custom-button:hover {


    transform:

    translateY(-6px)
    scale(1.05);


    color:white!important;


    box-shadow:


    inset 0 5px 12px rgba(255,255,255,.8),


    inset 0 -10px 18px rgba(190,70,120,.3),


    0 25px 45px rgba(210,80,140,.45);


}



/* πάτημα */

.custom-button:active {


    transform:

    translateY(2px)
    scale(.98);


}



/* SLIDER */

.custom-slider {

    width:55%;

    aspect-ratio:4/5;

    min-height:600px;

    position:relative;

    overflow:hidden;

    border-radius:25px;

}



/* SLIDES */

.slide {

    position:absolute;

    inset:0;

    opacity:0;

    transition:opacity 1.2s ease;

}



.slide.active {

    opacity:1;

}



.slide img {

    width:100%;

    height:100%;

    object-fit:cover;

}



/* BADGE */

.custom-badge {

    position:absolute;

    bottom:30px;

    left:30px;

    background:rgba(255,255,255,.9);

    padding:18px 30px;

    border-radius:40px;

    font-size:16px;

    z-index:5;

}



/* MOBILE */

@media(max-width:768px){


.custom-section {

    flex-direction:column;

    min-height:auto;

    padding:60px 0;

}



.custom-text,

.custom-slider {

    width:100%;

}



.custom-slider {

    min-height:auto;

    aspect-ratio:4/5;

}



.custom-text h2 {

    font-size:32px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28c2612 *//* =====================================
   MOM & DAUGHTER - KOUFETA STORY
   REALISTIC WEDDING SCENE
===================================== */


/* SECTION */

.bee-family-section{

    padding:120px 20px;

    text-align:center;

    overflow:hidden;

    position:relative;

}





/* TITLE */

.bee-family-title span{

    color:#d4147a;

    font-size:13px;

    letter-spacing:6px;

    text-transform:uppercase;

}



.bee-family-title h2{

    font-family:Georgia,serif;

    color:#d45c94;

    font-size:52px;

    font-weight:500;

    line-height:1.15;

    margin:25px 0;

}



.bee-family-title p{

    color:#666;

    font-size:19px;

    line-height:1.8;

    max-width:650px;

    margin:0 auto 70px;

}







/* SCENE */

.bee-family-scene{

    max-width:900px;

    margin:auto;

    position:relative;

}







/* PHOTOS */

.girl-photo-box,
.mom-photo-box{


    background:white;


    padding:25px;


    border-radius:45px;


    box-shadow:


    0 35px 90px rgba(212,20,122,.18);


    position:relative;


}





/* DAUGHTER TOP */

.girl-photo-box{

    width:65%;

    margin-left:auto;

    margin-right:auto;

    transform:rotate(3deg);

    z-index:3;

}







/* MOM BOTTOM */

.mom-photo-box{


    width:65%;


    margin:

    -50px auto 0;


    transform:rotate(-3deg);


    z-index:1;

}







/* IMAGES */


.girl-photo-box img,
.mom-photo-box img{


    width:100%;


    height:auto;


    max-height:750px;


    object-fit:contain;


    border-radius:35px;

}








/* DECORATIVE FRAMES */


.girl-photo-box:before,
.mom-photo-box:before{


    content:"";


    position:absolute;


    inset:12px;


    border-radius:35px;


    border:

    2px dashed #f4bdd7;


    pointer-events:none;

}









/* =====================================
   REALISTIC KOUFETA FALLING
===================================== */


.falling-sweets{


    position:absolute;


    top:45%;


    left:50%;


    transform:translateX(-50%);


    width:300px;


    height:260px;


    z-index:5;


}







.falling-sweets span{


    position:absolute;


    width:45px;


    height:24px;


    border-radius:


    50% 50% 45% 45%;


    background:


    radial-gradient(

        ellipse at 30% 20%,

        #ffffff,

        #fff8e9 55%,

        #dfc9aa

    );


    box-shadow:


    inset -5px -5px 8px rgba(160,120,80,.18),


    inset 5px 3px 8px rgba(255,255,255,.9),


    0 10px 20px rgba(100,70,40,.25);


    animation:

    koufetoDrop 3s infinite ease-in;


}








/* POSITIONS */


.falling-sweets span:nth-child(1){

    left:30px;

    top:0;

    transform:rotate(-30deg);

}



.falling-sweets span:nth-child(2){

    left:110px;

    top:20px;

    animation-delay:.4s;

    transform:rotate(20deg);

}



.falling-sweets span:nth-child(3){

    left:200px;

    top:5px;

    animation-delay:.8s;

    transform:rotate(-15deg);

}



.falling-sweets span:nth-child(4){

    left:80px;

    top:90px;

    animation-delay:1.2s;

    transform:rotate(35deg);

}



.falling-sweets span:nth-child(5){

    left:180px;

    top:110px;

    animation-delay:1.6s;

    transform:rotate(-45deg);

}







/* FALL ANIMATION */


@keyframes koufetoDrop{


0%{


    transform:

    translateY(-30px)

    rotate(0deg)

    scale(.7);


    opacity:0;

}



25%{


    opacity:1;

}



100%{


    transform:

    translateY(180px)

    rotate(180deg)

    scale(1);


    opacity:0;

}


}







/* LITTLE SUGAR TRAIL */


.falling-sweets:before,
.falling-sweets:after{


    content:"";


    position:absolute;


    width:8px;


    height:8px;


    border-radius:50%;


    background:#fff;


    box-shadow:


    30px 20px #fff,

    70px 70px #fff,

    150px 40px #fff,

    190px 100px #fff;


    opacity:.8;


    animation:

    sugarTrail 2.5s infinite;

}




.falling-sweets:before{

    left:20px;

    top:30px;

}




.falling-sweets:after{

    right:20px;

    top:60px;

    animation-delay:.8s;

}





@keyframes sugarTrail{


0%{

    transform:translateY(0);

    opacity:0;

}


50%{

    opacity:1;

}


100%{

    transform:translateY(80px);

    opacity:0;

}


}








/* MOBILE */


@media(max-width:768px){


.bee-family-section{

    padding:70px 15px;

}



.bee-family-title h2{

    font-size:36px;

}



.girl-photo-box,
.mom-photo-box{

    width:95%;

    padding:15px;

}



.falling-sweets{

    width:230px;

    transform:translateX(-50%) scale(.8);

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42ecbce *//* =====================================
   DOLLHOUSE BEFORE FOOTER
===================================== */


.bee-dollhouse-section{

    position:relative;

    min-height:300px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:80px;

    padding:80px 40px;

    overflow:hidden;

}






/* HOUSES */


.dollhouse-corner{

    width:170px;

    position:relative;

    animation:houseFloat 4s ease-in-out infinite;

}



.right-house{

    animation-delay:1s;

}





.house-roof{

    width:0;

    height:0;

    border-left:90px solid transparent;

    border-right:90px solid transparent;

    border-bottom:90px solid #ff9fc8;

}





.house-body{

    height:150px;

    background:#ffd8e9;

    border-radius:0 0 25px 25px;

    position:relative;

    box-shadow:

    0 20px 40px rgba(212,20,122,.15);

}





.house-window{

    position:absolute;

    top:25px;

    left:50%;

    transform:translateX(-50%);

    width:45px;

    height:45px;

    background:white;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}




.house-door{
    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:55px;

    height:80px;

    background:#8f2858;

    border-radius:30px 30px 0 0;

    display:flex;

    justify-content:center;

    align-items:center;

    color:white;
}





/* CENTER TEXT */


.dollhouse-message{

    text-align:center;

}



.dollhouse-message span{

    color:#d4147a;

    letter-spacing:5px;

    font-size:13px;

    text-transform:uppercase;

}



.dollhouse-message h2{

    font-family:Georgia,serif;

    color:#d45c94;

    font-size:38px;

    font-weight:500;

    line-height:1.2;

    margin:20px 0;

}



.dollhouse-message p{

    color:#666;

    font-size:17px;

}





/* ANIMATION */


@keyframes houseFloat{


    0%,100%{

        transform:translateY(0);

    }


    50%{

        transform:translateY(-12px);

    }


}






@media(max-width:768px){


.bee-dollhouse-section{

    gap:20px;

    padding:60px 10px;

}



.dollhouse-corner{

    width:90px;

}



.house-roof{

    border-left-width:45px;

    border-right-width:45px;

    border-bottom-width:45px;

}



.house-body{

    height:100px;

}



.dollhouse-message h2{

    font-size:22px;

}


.dollhouse-message p{

    display:none;

}



}/* End custom CSS */