.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.menu li a, .elementor-widget-ha-navigation-menu .ha-navigation-burger-menu ul.menu li a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.sub-menu > li > a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.menu > li, .elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu ul.menu li{background-color:#FFDEDE;}.elementor-19 .elementor-element.elementor-element-ab92e11{width:var( --container-widget-width, 74% );max-width:74%;box-shadow:0 0 15px 0 rgba(255, 255, 255, 0.6) inset;margin:-7px -7px calc(var(--kit-widget-spacing, 0px) + -7px) -7px;--container-widget-width:74%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-ab92e11.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper{justify-content:flex-end;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu .ha-nav-humberger-wrapper{justify-content:center;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu .menu li.menu-item a{padding-left:9px;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu .menu li.menu-item{padding-right:9px;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu ul.menu li a{padding-top:37px;padding-bottom:37px;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu .menu > li.menu-item:not(:last-child){margin-right:0px;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu ul.menu > li.menu-item{margin-top:0px;margin-bottom:0px;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.menu li a:hover{text-decoration:none;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.menu li a, .elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu ul.menu li a{font-family:"Nunito", Sans-serif;font-size:16px;font-weight:bold;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.menu > li > a{color:#333333;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.menu li .ha-submenu-indicator-wrap{color:#333333;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu ul.menu li a{color:#333333;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu ul.menu li .ha-submenu-indicator-wrap{color:#333333;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.menu > li:hover > a{color:#FFEAF3;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.menu > li:hover > .ha-submenu-indicator-wrap{color:#FFEAF3;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu ul.menu > li.active > a{color:#cf005c;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu ul.menu > li.active > .ha-submenu-indicator-wrap{color:#cf005c;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu ul.menu > li.current-menu-ancestor > a{color:#cf005c;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-nav-menu ul.menu > li.current-menu-ancestor > .ha-submenu-indicator-wrap{color:#cf005c;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.sub-menu{width:220px;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.sub-menu > li > a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#333333;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.sub-menu > li > .ha-submenu-indicator-wrap{color:#333333;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.sub-menu > li:hover > a{color:#E2498A;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.sub-menu > li:hover > .ha-submenu-indicator-wrap{color:#E2498A;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-menu-wrapper ul.sub-menu > li:not(:last-child){border-style:solid;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu .ha-nav-humberger-wrapper .ha-menu-toggler{font-size:22px;border-width:1px;border-radius:5px;color:#7a7a7a;border-color:#7a7a7a;}.elementor-19 .elementor-element.elementor-element-ab92e11 .ha-navigation-burger-menu ul.menu li.menu-item:not(:last-child){border-bottom-color:#c4c4c4;}.elementor-19 .elementor-element.elementor-element-6a952f0{--e-image-carousel-slides-to-show:1;}.elementor-19 .elementor-element.elementor-element-426ead5{--display:flex;--justify-content:center;--e-con-transform-transition-duration:400ms;}.elementor-19 .elementor-element.elementor-element-426ead5.e-con:hover{--e-con-transform-rotateZ:-39deg;--e-con-transform-flipX:-1;}.elementor-19 .elementor-element.elementor-element-426ead5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-b1985f5{--display:flex;--e-con-transform-transition-duration:400ms;}.elementor-19 .elementor-element.elementor-element-b1985f5.e-con:hover{--e-con-transform-rotateZ:-39deg;--e-con-transform-flipX:-1;}.elementor-19 .elementor-element.elementor-element-78da5f7{--display:flex;}.elementor-19 .elementor-element.elementor-element-78da5f7.e-con:hover{--e-con-transform-rotateZ:-39deg;--e-con-transform-flipX:-1;}.elementor-19 .elementor-element.elementor-element-a0e2b32{--display:flex;}.elementor-19 .elementor-element.elementor-element-a0e2b32.e-con:hover{--e-con-transform-rotateZ:-39deg;--e-con-transform-flipX:-1;}.elementor-19 .elementor-element.elementor-element-6e428d7{--display:flex;}.elementor-19 .elementor-element.elementor-element-6e428d7.e-con:hover{--e-con-transform-rotateZ:-39deg;--e-con-transform-flipX:-1;}.elementor-19 .elementor-element.elementor-element-583717f{--display:flex;}.elementor-19 .elementor-element.elementor-element-583717f.e-con:hover{--e-con-transform-rotateZ:-39deg;--e-con-transform-flipX:-1;}.elementor-19 .elementor-element.elementor-element-7643c6b{width:var( --container-widget-width, 100.045% );max-width:100.045%;--container-widget-width:100.045%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-7643c6b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-22e3b6c{width:var( --container-widget-width, 100.301% );max-width:100.301%;--container-widget-width:100.301%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-22e3b6c.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-426ead5{--width:87.096%;}}/* Start custom CSS for html, class: .elementor-element-bea8f99 */.fav-section{

    padding:70px 8%;
    text-align:center;
    background:
    linear-gradient(
    135deg,
    #fff8fc,
    #f5fff8,
    #f1f8ff
    );

}


.fav-section h2{

    font-size:40px;
    color:#6b4b7a;
    margin-bottom:10px;

}


.fav-subtitle{

    color:#777;
    font-size:17px;
    margin-bottom:50px;

}



/* Layout */

.fav-shelf{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:30px;
    flex-wrap:wrap;

}



/* Cards */

.fav-card{

    width:190px;
    height:240px;

    background:white;

    border-radius:25px;

    padding:25px 18px;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.08);

    position:relative;

    overflow:hidden;

    cursor:pointer;

    transition:0.5s ease;

}



/* Floating effect */

.fav-card:hover{

    transform:
    translateY(-15px)
    rotate(2deg);

    box-shadow:
    0 25px 45px rgba(0,0,0,0.15);

}



/* Emoji */

.icon{

    font-size:55px;

    margin-bottom:15px;

    transition:0.5s;

}



.fav-card:hover .icon{

    transform:scale(1.2) rotate(8deg);

}



/* Text */

.fav-card h3{

    font-size:16px;
    color:#888;

}


.fav-card h4{

    font-size:20px;
    color:#5c416b;

}



/* Hidden memory */

.hidden-text{

    position:absolute;

    left:0;
    bottom:-100%;

    width:100%;

    height:100%;

    background:
    rgba(255,255,255,0.95);

    padding:30px 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

    line-height:1.6;

    color:#555;

    transition:0.5s;

}



.fav-card:hover .hidden-text{

    bottom:0;

}



/* Individual personalities */

.book:hover{

    box-shadow:
    0 20px 45px rgba(190,150,220,0.35);

}


.song:hover{

    box-shadow:
    0 20px 45px rgba(255,180,180,0.35);

}


.show:hover{

    box-shadow:
    0 20px 45px rgba(150,200,255,0.35);

}


.food:hover{

    box-shadow:
    0 20px 45px rgba(255,200,130,0.35);

}


.drink:hover{

    box-shadow:
    0 20px 45px rgba(180,220,255,0.35);

}



/* Mobile */

@media(max-width:768px){

.fav-section h2{

    font-size:30px;

}


.fav-card{

    width:220px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7643c6b *//* ===========================
   RANDOM FACTS
=========================== */

.random-facts{

    padding:90px 8%;
    background:linear-gradient(
    135deg,
    #fff8fb,
    #f4fff7,
    #eef8ff);

}

.section-title{

    text-align:center;
    margin-bottom:60px;

}

.section-title span{

    display:inline-block;
    padding:8px 20px;
    background:#ffffff;
    border-radius:50px;
    color:#5e7f75;
    font-size:15px;
    font-weight:600;
    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.section-title h2{

    margin-top:18px;
    font-size:42px;
    color:#333;

}

.section-title p{

    color:#666;
    margin-top:10px;
    font-size:17px;

}

.facts-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:28px;

}

.fact-card{

    background:rgba(255,255,255,.75);
    backdrop-filter:blur(12px);

    border-radius:24px;

    padding:35px 28px;

    box-shadow:
    0 10px 35px rgba(0,0,0,.06);

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.fact-card::before{

    content:"";

    position:absolute;

    width:140px;
    height:140px;

    background:linear-gradient(
    135deg,
    #ffd6ea,
    #d8f8e2,
    #dceeff);

    border-radius:50%;

    top:-70px;
    right:-70px;

    opacity:.35;

}

.fact-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 18px 45px rgba(0,0,0,.12);

}

.fact-icon{

    width:65px;
    height:65px;

    border-radius:50%;

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

    background:linear-gradient(
    135deg,
    #ffd9ec,
    #d8ffe6,
    #dbeeff);

    font-size:30px;

    margin-bottom:22px;

}

.fact-card p{

    color:#444;

    line-height:1.8;

    font-size:16px;

}

.fact-card strong{

    color:#ff6ea9;

}

/* Floating Animation */

.fact-card{

    animation:floatCard 5s ease-in-out infinite;

}

.fact-card:nth-child(2){

    animation-delay:.4s;

}

.fact-card:nth-child(3){

    animation-delay:.8s;

}

.fact-card:nth-child(4){

    animation-delay:1.2s;

}

.fact-card:nth-child(5){

    animation-delay:1.6s;

}

.fact-card:nth-child(6){

    animation-delay:2s;

}

.fact-card:nth-child(7){

    animation-delay:2.4s;

}

@keyframes floatCard{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-6px);

    }

    100%{

        transform:translateY(0px);

    }

}

@media(max-width:768px){

.section-title h2{

    font-size:32px;

}

.random-facts{

    padding:70px 7%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22e3b6c *//* ================================
   DREAM CONSTELLATION - NIGHT SKY
================================ */


.dream-constellation{

    padding:100px 8%;

    min-height:850px;

    background:
    radial-gradient(
        circle at center,
        #14183f 0%,
        #070713 45%,
        #000000 100%
    );

    color:white;

    overflow:hidden;

    position:relative;

}


/* Galaxy Glow */

.dream-constellation::before{

    content:"";

    position:absolute;

    width:600px;

    height:600px;

    background:#5566ff;

    filter:blur(180px);

    opacity:.12;

    top:50px;

    left:50%;

    transform:translateX(-50%);

}


/* Heading */


.constellation-heading{

    text-align:center;

    position:relative;

    z-index:2;

    margin-bottom:50px;

}



.constellation-heading span{

    display:inline-block;

    padding:10px 25px;

    border-radius:50px;

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

    border:1px solid rgba(255,255,255,.2);

    backdrop-filter:blur(15px);

    color:#ffe89a;

    font-size:15px;

}



.constellation-heading h2{

    font-size:44px;

    margin-top:20px;

    letter-spacing:1px;

}



.constellation-heading p{

    color:#cccccc;

    font-size:16px;

}



/* =================
        SKY
================= */


.sky{

    height:650px;

    max-width:900px;

    margin:auto;

    position:relative;

}



/* =================
       STARS
================= */


.star{

    position:absolute;

    font-size:38px;

    cursor:pointer;

    z-index:5;

    animation:twinkle 3s infinite ease-in-out;

    transition:.4s;

}



.star:hover{

    transform:scale(1.35);

    filter:

    drop-shadow(
    0 0 25px white
    );

}



/* Star Positions */


.star1{

    top:120px;

    left:50%;

}


.star2{

    top:230px;

    left:22%;

}


.star3{

    top:190px;

    right:22%;

}


.star4{

    top:380px;

    left:15%;

}


.star5{

    top:390px;

    right:15%;

}


.star6{

    bottom:80px;

    left:50%;

}


.star7{

    top:70px;

    left:28%;

}




/* =================
    DREAM CARDS
================= */


.dream-popup{

    position:absolute;

    width:200px;

    padding:16px 18px;


    background:

    rgba(255,255,255,.10);


    backdrop-filter:blur(18px);


    border-radius:18px;


    border:

    1px solid rgba(255,255,255,.25);


    top:-120px;


    left:50%;


    transform:

    translateX(-50%)
    scale(.75);


    opacity:0;


    pointer-events:none;


    transition:.4s ease;


    box-shadow:

    0 15px 40px rgba(0,0,0,.4);


    text-align:center;


}



.star:hover .dream-popup{


    opacity:1;


    transform:

    translateX(-50%)
    scale(1);


}



/* Card Text */


.dream-popup h3{

    color:#ffe58c;

    font-size:15px;

    margin-bottom:8px;

    line-height:1.4;

}



.dream-popup p{

    color:#eeeeee;

    font-size:13px;

    line-height:1.5;

    margin:0;

}



/* Bottom stars adjustment */


.star4 .dream-popup,
.star5 .dream-popup{

    top:-100px;

}



.star6 .dream-popup{

    top:-110px;

}



.star7 .dream-popup{

    top:70px;

}



/* =================
 CONSTELLATION LINES
================= */


.line{

    position:absolute;

    height:2px;

    background:

    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.8),
        transparent
    );


    box-shadow:

    0 0 12px white;

    opacity:.6;

}



/* connecting stars */


.line1{

    width:260px;

    top:220px;

    left:260px;

    transform:rotate(12deg);

}



.line2{

    width:230px;

    top:330px;

    left:200px;

    transform:rotate(-25deg);

}



.line3{

    width:250px;

    top:330px;

    right:200px;

    transform:rotate(25deg);

}



/* =================
 FLOATING STARS
================= */


.sky::before{

    content:"✦  ✧  ✦  ✧  ✦";

    position:absolute;

    width:100%;

    height:100%;

    color:white;

    opacity:.25;

    font-size:30px;

    letter-spacing:80px;

    animation:moveStars 12s linear infinite;

}



@keyframes twinkle{


0%,100%{

    opacity:.6;

}


50%{

    opacity:1;

}


}



@keyframes moveStars{


from{

    transform:translateY(0);

}


to{

    transform:translateY(-40px);

}


}



/* =================
 MOBILE
================= */


@media(max-width:768px){


.dream-constellation{

    padding:70px 5%;

}


.constellation-heading h2{

    font-size:32px;

}


.sky{

    transform:scale(.75);

    height:500px;

}


.dream-popup{

    width:170px;

}


}
/* ===== COMPACT DREAM CONSTELLATION ===== */


.dream-constellation{

    padding:60px 8%;

}


/* reduce heading space */

.constellation-heading{

    margin-bottom:30px;

}


.constellation-heading h2{

    font-size:36px;

    margin-top:15px;

}


/* reduce constellation area */

.sky{

    height:420px;

    max-width:700px;

}



/* smaller stars */

.star{

    font-size:30px;

}



/* move stars closer */

.star1{

    top:80px;
    left:48%;

}


.star2{

    top:150px;
    left:25%;

}


.star3{

    top:130px;
    right:25%;

}


.star4{

    top:260px;
    left:20%;

}


.star5{

    top:270px;
    right:20%;

}


.star6{

    bottom:40px;
    left:48%;

}


.star7{

    top:40px;
    left:35%;

}



/* smaller dream cards */

.dream-popup{

    width:180px;

    padding:14px;

}


.dream-popup h3{

    font-size:14px;

}


.dream-popup p{

    font-size:12px;

}



/* mobile fix */

@media(max-width:768px){

    .sky{

        transform:scale(.7);

        height:350px;

    }

}
/* Reduce bottom empty space */

.dream-constellation{

    padding-bottom:20px;

}


.sky{

    height:350px;

}



/* Move constellation slightly upward */

.star1{
    top:60px;
}

.star2{
    top:120px;
}

.star3{
    top:100px;
}

.star4{
    top:210px;
}

.star5{
    top:220px;
}

.star6{
    bottom:20px;
}

.star7{
    top:30px;
}



/* reduce heading gap */

.constellation-heading{

    margin-bottom:15px;

}
.dream-constellation{
    min-height:auto;
}
/* Change the section background */

.constellation-section{

    background: linear-gradient(
    135deg,
    #fff8fc 0%,
    #fdeef5 50%,
    #fffdfd 100%
    );

    position: relative;
    overflow: hidden;

}


/* Soft floating stars */

.star{

    background: #e58fa8;

    box-shadow:
    0 0 8px rgba(229,143,168,0.5);

}


/* Constellation lines */

.line{

    background: rgba(229,143,168,0.45);

}


/* Heading */

.constellation-section h2{

    color:#6d4f66;

}


/* Text */

.constellation-section p{

    color:#7b6b74;/* End custom CSS */