/* ======================================== [ Min Width Queries ] ======================================== */
@media (min-width: 1200px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(var(--container) + (var(--container-padding) * 2));
    }

    .header .container { max-width: 1100px; width: 100%; }

    /* ==================== [ Common End ] ==================== */
}

@media (min-width: 1441px) {
    /* ================================================== [ Dark Blue Section Start ] ================================================== */
    .darkblue-section .darkblue-section-block { margin-top: -100px; }
    .darkblue-section-block::after { background-size: max(1440px, 100%) auto; }
    /* ================================================== [ Dark Blue Section End ] ================================================== */
    
    /* ================================================== [ Pool Section Start ] ================================================== */
    .pool-section { margin-top: clamp(-300px, 100.84px + -20.88vw, -200px); }
    .pool-section .pool-section-block { padding-block: 400px clamp(50px, -220.75px + 18.79vw, 140px); }

    .pool-section .leaf-icons { top: clamp(100px, -80.50px + 12.53vw, 160px); }
    /* ================================================== [ Pool Section End ] ================================================== */
}

/* ======================================== [ Max Width Queries ] ======================================== */

/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {
    :root {
        /* Font sizes */
        --fs-32: 26px;
        --lh-39: 34px;
        
        --fs-36: 30px;
        --lh-40: 36px;
    
        --fs-20: 18px;
    }

    /* ================================================== [ Breakfast Balcony Start ] ================================================== */
    .breakfast-balcony .title-32 { max-width: 340px; margin-left: -160px; }
    .breakfast-balcony .bottom-right-img { right: clamp(-80px, -250.61px + 17.20vw, -10px); } /* right: -10px to -80px (1399 to 992) */
    /* ================================================== [ Breakfast Balcony End ] ================================================== */

    /* ================================================== [ Dark Blue Section Start ] ================================================== */
    .darkblue-section .darkblue-section-block { margin-top: 0; }
    .darkblue-section .darkblue-section-block .birds-icon {right: -50px; top: -100px; width: 250px;}
    .darkblue-section .darkblue-section-block .location-bottom .card-round .image { height: 80px; width: 80px; }

    .darkblue-section .darkblue-section-block { padding-bottom: 120px; }
    /* ================================================== [ Dark Blue Section End ] ================================================== */
    
    /* ================================================== [ Pool Section Start ] ================================================== */
    .facilities-section { margin-top: 45px; } 
    /* ================================================== [ Pool Section End ] ================================================== */

    /* ================================================== [ Facilities Section Start ] ================================================== */
    .facilities-section .facilities-side-icon { top: 50px; width: 170px; }
    .facilities-block .facilities-top-block .logo { max-width: 350px; }
    /* ================================================== [ Facilities Section End ] ================================================== */

    /* ================================================== [ Highlights Start ] ================================================== */
    .scrubber-handle { width: 170px; }
    .highlights .number-one { width: 70px; }
    /* ================================================== [ Highlights End ] ================================================== */

    /* ================================================== [Where Happiness Begins Section Start ] ================================================== */
    .happiness-begins-details{margin-top: -441px;}
    .happiness-begins-details .star-img{width: 369px; left: -45px;}
    /* ================================================== [Where Happiness Begins Section End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    /* .form-top-icon { right: -90px; width: 250px; bottom: 100%; } */
    .form-top-icon { width: 200px; }
    /* ================================================== [ Register Form End ] ================================================== */

    /* ================================================== [ Smart Living Start ] ================================================== */
    .smart-living .smart-living-side-icon { width: 200px; }
    .smart-living .smart-living-block { max-width: 840px; width: 100%; margin-inline: auto; } 
    .slide-btn { width: 50px; }
    .smart-living .smart-living-card { padding: 20px; }
    .slide-nav { right: 30px; bottom: 30px; }
    .smart-living-block .h-circle-img { width: 140px; }
    /* ================================================== [ Smart Living End ] ================================================== */
}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {
    :root {
        /* Font sizes */
        --fs-32: 24px;
        --lh-39: 30px;

        --fs-36: 28px;
        --lh-40: 32px;

        --fs-18: 16px;
        --lh-24: 20px;
    
        --fs-20: 16px;

        --shadow-3px : 2px;
    }

    /* ================================================== [ Breakfast Balcony Start ] ================================================== */
    .breakfast-balcony .egg-yolk-img { max-width: 200px; }
    /* ================================================== [ Breakfast Balcony End ] ================================================== */

    /* ================================================== [ Dark Blue Section Start ] ================================================== */
    .darkblue-section .darkblue-section-block .birds-icon { right: -50px; top: -70px; width: 230px;}
    .darkblue-section-block .bottom-section .heading .title-32 { max-width: 90%; width: 100%; margin-inline: auto; }
    .darkblue-section .top-section { margin-bottom: 60px; }
    /* ================================================== [ Dark Blue Section End ] ================================================== */

    /* ================================================== [ Pool Section Start ] ================================================== */
    .pool-section .leaf-icons { left: 46%; }
    .pool-section .text-content .pool-text-bottom { max-width: 400px; }
    .pool-section .text-content .pool-text-top { max-width: 400px; margin-inline: auto 50px; }
    /* ================================================== [ Pool Section End ] ================================================== */

    /* ================================================== [ Facilities Section Start ] ================================================== */
    .facilities-section .facilities-side-icon { top: 0; width: 140px; }
    .facilities-block .facilities-bottom-block .map-img { max-width: 600px; }
    .facilities-block .facilities-top-block .logo { max-width: 270px; }
    /* ================================================== [ Facilities Section End ] ================================================== */

    /* ================================================== [ Highlights Start ] ================================================== */
    .highlights .highlights-slider .top-block { padding: 20px 16px; }
    .highlights .highlights-block { padding-bottom: 70px; }
    .highlights .highlights-card::before { bottom: -70px; filter: blur(5px); -webkit-filter: blur(5px); }
    /* ================================================== [ Highlights End ] ================================================== */

    /* ================================================== [ Room To Create Section Start ] ================================================== */
    .room-to-create-section .room-to-create-bg { height: 760px;}
    .room-to-create-wrapper .room-to-create-details{right: 15px;}
    .room-to-create-main-details .red-shape{right: 15px; width: 140px;}
    .room-to-create-wrapper .green-shape{width: 280px; bottom: -35px;}
    /* ================================================== [ Room To Create Section Start ] ================================================== */

    /* ================================================== [Where Happiness Begins Section Start ] ================================================== */
    .happiness-begins-details{margin-top: -400px;}
    .happiness-begins-details .star-img{width: 269px; left: -15px;}
    .happiness-begins-details .happiness-details{padding: 0px 43px 108px 70px;}
    .happiness-begins-details .happiness-details .happiness-family-img{width: 465px;}
    /* ================================================== [Where Happiness Begins Section End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    /* .form-top-icon { right: -50px; } */
    /* ================================================== [ Register Form End ] ================================================== */

    /* ================================================== [ Footer Start ] ================================================== */
    .footer .footer-block .left { max-width: 550px; }
    /* ================================================== [ Footer End ] ================================================== */

}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {
    :root {
        /* Font sizes */
        --fs-22: 16px;
        --lh-26: 20px;

        --fs-18: 14px;
        --lh-24: 18px;

        --fs-20: 14px;

        --fs-32: 22px;
        --lh-39: 28px;

        --fs-36: 22px;
        --lh-40: 28px;
    }

    /* ================================================== [ Header Start ] ================================================== */
    .header .logo-parent { justify-content: center; }
    .header .header-block { margin-top: 30px; justify-content: space-between; }
    
    .header .left { max-width: 260px; padding: 10px 18px; }
    .header .center { max-width: 190px; }
    .header .right { max-width: 130px; margin-inline: unset; }
    
    .header .left::after { width: 26px; right: -10px; }
    /* ================================================== [ Header End ] ================================================== */

    /* ================================================== [ Breakfast Balcony Start ] ================================================== */
    .breakfast-balcony .breakfast-balcony-block { flex-direction: column; padding-bottom: 100px; }
    .breakfast-balcony .breakfast-balcony-right { width: 100%; padding-inline: 20px; }
    .breakfast-balcony .title-32 { margin-left: 0; max-width: 100%; }
    .breakfast-balcony .disc-14 { max-width: 100%; }
    .breakfast-balcony .breakfast-balcony-left { width: 100%; overflow: hidden; }
    .breakfast-balcony .breakfast-balcony-left .breakfast-balcony-img { border-top-right-radius: 0; }

    .breakfast-balcony .egg-yolk-img { top: 60px; left: 60px; max-width: 170px; }
    .breakfast-balcony .bottom-right-img { bottom: -70px; right: -40px; }
    /* ================================================== [ Breakfast Balcony End ] ================================================== */

    /* ================================================== [ Dark Blue Section Start ] ================================================== */
    .darkblue-section { margin-top: -80px; }
    .darkblue-section-block .top-section-block { flex-direction: column; gap: 20px; }
    .darkblue-section-block .top-section-block .top-left-part { width: 100%; }
    .darkblue-section-block .top-section-block .top-right-part { width: 100%; padding-inline: 20px; }
    /* ================================================== [ Dark Blue Section End ] ================================================== */

    /* ================================================== [ Dark Blue Section Start ] ================================================== */
    .darkblue-section-block .location-center .circle { border-width: 10px; }
    .darkblue-section-block .location-bottom .card-round .image { height: 70px; width: 70px; }
    /* ================================================== [ Dark Blue Section End ] ================================================== */

    /* ================================================== [ Pool Section Start ] ================================================== */
    .pool-section .text-content { gap: 50px; }
    .pool-section .text-content .pool-text-top { margin-inline: auto 0; }
    .pool-section .leaf-icons { left: 40%; }
    .pool-section .text-content .pool-text-top::after { height: 500px; width: 500px; }
    .facilities-section { margin-top: 30px; }
    /* ================================================== [ Pool Section End ] ================================================== */

    /* ================================================== [ Facilities Section Start ] ================================================== */
    .facilities-block .facilities-top-block { max-width: 500px; }
    .facilities-block .list-parent-block { gap: 30px; }
    .facilities-block .facilities-bottom-block .map-img { max-width: 460px; }
    /* ================================================== [ Facilities Section End ] ================================================== */

    /* ================================================== [ Highlights Start ] ================================================== */
    .scrubber-handle { width: 130px; }
    .highlights .number-one { width: 60px; }
    .highlights .highlights-block { padding-bottom: 50px; }
    .highlights .highlights-card::before { bottom: -50px; }
    /* ================================================== [ Highlights End ] ================================================== */

    /* ================================================== [ Room To Create Section Start ] ================================================== */
    .room-to-create-wrapper .room-to-create-details{right: 20px;}
    /* ================================================== [ Room To Create Section End ] ================================================== */

    /* ================================================== [Where Happiness Begins Section Start ] ================================================== */
    .happiness-begins-details .happiness-details { padding: 0px 20px 38px 20px; background-image: url('../images/thumb/happiness-begins-details-img-mobile.webp'); border-radius: 0 0 90px 90px; -webkit-border-radius: 0 0 90px 90px; -moz-border-radius: 0 0 90px 90px; -ms-border-radius: 0 0 90px 90px; -o-border-radius: 0 0 90px 90px; }
    .senyum-by-hunza-wrapper .left-block { max-width: 432px;  max-width: 100%;}
    .happiness-begins-details .senyum-by-hunza-wrapper .right-block{width: 180px;}
    .senyum-by-hunza-wrapper .we-believe-wrapper .icon-wrapper h4{    font-size: 22px; line-height: 28px; }
    .happiness-details .senyum-by-hunza-wrapper .left-block .fs-36 *{font-size: 32px; line-height: 44px; margin-bottom: 58px;}
    .senyum-by-hunza-wrapper .we-believe-wrapper{gap: 30px;}
    .happiness-begins-details .happiness-begins-img { height: 568px; }
    .senyum-by-hunza-wrapper .we-believe-wrapper .icon-block{min-height: 90px;}
    .happiness-begins-details .happiness-details .happiness-family-img{display: none;}
    .happiness-details .senyum-by-hunza-wrapper{flex-direction: column-reverse;}
    .happiness-details .senyum-by-hunza-wrapper .left-block { padding: 0px 0 0; }
    .happiness-begins-details .image-details{padding: 68px 20px;}

    .happiness-begins-details::before { display: none; }
    /* ================================================== [Where Happiness Begins Section End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    .select-block::after { height: 14px; }
    .form-top-icon { width: 150px; bottom: 10px; right: 10px; }
    .register-form::after { width: 200px; top: 30px; }
    .register-form .form-map-container { margin-top: 30px; }
    .register-form { padding-block: 80px 40px; }
    /* ================================================== [ Register Form End ] ================================================== */

    /* ================================================== [ Footer Start ] ================================================== */
    .footer { padding-block: 30px; }
    .footer .f-logo { width: 100px; }   
    .footer .f-contact { gap: 12px; }
    .footer .contact-details .phone * { font-size: 24px; }
    /* ================================================== [ Footer End ] ================================================== */

    /* ================================================== [ Smart Living Start ] ================================================== */
    .smart-living .smart-living-card { gap: 20px; }
    .smart-living .smart-living-card .title-32 * { font-size: 20px; margin-bottom: 10px; }
    .smart-living .smart-living-card .disc-12 * { margin-bottom: 10px; }
    .smart-living-block .h-circle-img { width: 100px; }
    .slide-btn { width: 40px; }
    .slide-nav { right: 20px; bottom: 20px; }
    .smart-living .smart-living-side-icon { top: unset; bottom: 20px; width: 150px; transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; }
    /* ================================================== [ Smart Living End ] ================================================== */

}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {

    :root {
        --shadow-3px : 1.5px;
    }

    /* ================================================== [ Header Start ] ================================================== */
    .header .header-block { margin-top: 20px; flex-direction: column; align-items: center; }
    /* .header .left { max-width: 190px; width: 100%; }
    .header .left * { font-size: 14px; line-height: 120%; } */
    /* ================================================== [ Header End ] ================================================== */

    /* ================================================== [ Dark Blue Section Start ] ================================================== */
    .darkblue-section-block .location-center { flex-wrap: wrap; row-gap: 40px; }
    .darkblue-section-block .location-center .circle-block { max-width: 50%; width: 100%; gap: 8px; }
    .darkblue-section-block .location-center .circle-block.big-circle-block { max-width: 70%; width: 100%; margin-inline: auto; }
    .darkblue-section-block .location-center .big-circle-block .circle::after { top: -30px; }
    .darkblue-section-block .location-center .big-circle-block .circle::before { width: calc(100% + 80px); }

    .darkblue-section-block .location-center { max-width: 300px; width: 100%; margin-inline: auto; }

    .darkblue-section-block .location-bottom { flex-wrap: wrap; gap: 10px; margin-top: 40px;     }
    .darkblue-section-block .location-bottom >* { max-width: calc(33% - 7px); width: 100%; }

    .darkblue-section .darkblue-section-block { padding-bottom: 80px; }

    .darkblue-section-block .location-map-img-block { max-width: 620px; width: 100%; margin-inline: auto; } 
    .darkblue-section-block .location-map-img-block >* { max-width: 100%; width: 100%; height: auto; aspect-ratio: 620 / 530; } 
    /* ================================================== [ Dark Blue Section End ] ================================================== */

    /* ================================================== [ Pool Section Start ] ================================================== */
    .pool-section .text-content .pool-text-top { max-width: 300px; }
    .pool-section .text-content .pool-text-bottom { max-width: 350px; }

    .pool-section .pool-section-block { padding-block: 300px 100px; }
    .pool-section .text-content { gap: 20px; }

    .pool-section .pool-section-block { background-position: -270px; }
    /* ================================================== [ Pool Section Start ] ================================================== */

    /* ================================================== [ Facilities Section Start ] ================================================== */
    .facilities-block .facilities-bottom-block .map-img { position: relative; max-width: 100%; margin-top: 30px; }
    .facilities-section .facilities-side-icon { bottom: 530px; width: 130px; top: unset; }
    .facilities-block .facilities-top-block .logo { max-width: 240px; }
    /* ================================================== [ Facilities Section End ] ================================================== */

    /* ================================================== [ Room To Create Section Start ] ================================================== */
    .room-to-create-wrapper .room-to-create-details{text-align: center; padding: 20px 0 90px;}
    .room-to-create-section .room-to-create-bg { height: 560px; }
    .room-to-create-main-details .red-shape{right: 0px; top: -17px; width: 100px;}
    .room-to-create-wrapper .green-shape{width: 130px; bottom: -20px;}
    .room-to-create-details .title-32 *{margin-bottom: 22px;}
    /* ================================================== [ Room To Create Section End ] ================================================== */

    /* ================================================== [Where Happiness Begins Section Start ] ================================================== */
    .happiness-begins-details .senyum-by-hunza-wrapper .right-block { width: 150px; }
    .happiness-details .senyum-by-hunza-wrapper .left-block .fs-36 *{font-size: 24px; line-height: 34px;}
    .happiness-details .senyum-by-hunza-wrapper .left-block .block-title *{font-size: 18px;}
    .senyum-by-hunza-wrapper .we-believe-wrapper .icon-wrapper h4{font-size: 18px;}
    .happiness-begins-details .star-img{width: 180px;}
    .happiness-begins-details .happiness-begins-img { height: 428px; }
    .happiness-begins-details .image-details { padding: 48px 20px; }
    
    .where-happiness-begins-section{padding: 260px 0 0;}
    .happiness-begins-details { margin-top: -230px; }
    .happiness-begins-details .happiness-details{ border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; -ms-border-radius: 0 0 30px 30px; -o-border-radius: 0 0 30px 30px; }
    
    /* ================================================== [Where Happiness Begins Section End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    /* .form-top-icon { width: 160px; bottom: 100%; } */
    .register-form .form-block { flex-direction: column; }
    .register-form .form-left, .register-form .form-right { max-width: 100%; width: 100%; }
    /* ================================================== [ Register Form End ] ================================================== */

    /* ================================================== [ Footer Start ] ================================================== */
    .footer .footer-block { flex-direction: column; gap: 40px; }
    .footer .footer-block >* { max-width: 100%; }
    /* ================================================== [ Footer End ] ================================================== */

    /* ================================================== [ Smart Living Start ] ================================================== */
    .smart-living .smart-living-card { flex-direction: column; }
    .smart-living .smart-living-card .left-block { aspect-ratio: 400 / 240; max-width: 100%; min-height: 200px; }
    .smart-living .smart-living-card .right-block { max-width: 100%; order: 3; }
    .smart-living .smart-living-card .right-block .disc-12 { max-width: 100%; }
    .smart-living .smart-living-card .title-32 br { display: none; }
    .slide-btn { width: 30px; }
    .slide-nav { gap: 10px; }
    .smart-living { padding-block: 40px 80px; }
    .smart-living .smart-living-side-icon { width: 100px; }

    .slide-nav { position: static; margin-inline: auto 0; margin-block: 0; order: 2; width: 100%; justify-content: space-between; }
    /* ================================================== [ Smart Living End ] ================================================== */

    .home-banner .banner-text .title-32 * { font-size: 4.2vw; /* 32.214 */ margin-block: 2vw; }
    .home-banner .banner-text .disc-14 * { max-width: 40vw; font-size: 3vw; line-height: 3.5vw; }
    .home-banner .banner-text .image-block { height: 26vw; width: 26vw; }
    .home-banner .banner-text .parent { width: 100%; }
    .home-banner .banner-text .main-block { padding: 5vw 3vw 3vw 7vw; align-items: start; width: 100%; justify-content: space-between; border-radius: 20vw; -webkit-border-radius: 20vw; -moz-border-radius: 20vw; -ms-border-radius: 20vw; -o-border-radius: 20vw; box-shadow: 1vw 5vw 4vw var(--black); }
    .home-banner .banner-text { padding-inline: 7vw; }
    .home-banner .boy-img { top: -26.5vw; right: -4vw; width: 60vw; }
    .home-banner .banner-text { margin-top: 0; padding-bottom: 8vw; }
    .home-banner .banner-text-tree { top: -8vw; left: -8vw; width: 20vw; }
}

/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {
    :root {
        /* Font sizes */
        --fs-22: 15px;
        --lh-26: 18px;

        --fs-32: 18px;
        --lh-39: 24px;

        --fs-36: 20px;
        --lh-40: 26px;
    }

    /* ================================================== [ Header Start ] ================================================== */
    .header .left { max-width: 240px; }
    /* ================================================== [ Header End ] ================================================== */

    /* ================================================== [ Breakfast Balcony Start ] ================================================== */
    .breakfast-balcony .bottom-right-img { bottom: -60px; max-width: 300px; }
    .breakfast-balcony .bottom-right-img .text * { font-size: 16px; line-height: 18px; }
    .breakfast-balcony .bottom-right-img .text { bottom: 50px; right: 50px; } 
    .breakfast-balcony .egg-yolk-img { top: 30px; left: 30px; max-width: 150px; } 
    .breakfast-balcony .breakfast-balcony-left { height: 550px; }
    /* ================================================== [ Breakfast Balcony End ] ================================================== */

    /* ================================================== [ Dark Blue Section Start ] ================================================== */
    .darkblue-section-block .top-left-part .text-block { bottom: 20px; max-width: 100%; width: 100%; right: unset; }
    .darkblue-section-block .top-left-part .text-block * { text-align: center; width: fit-content; margin-inline: auto; }
    .darkblue-section .darkblue-section-block .location-bottom .card-round .image { height: 60px; width: 60px; }
    .darkblue-section-block .location-bottom .card-round .disc-14 * { font-size: 13px; }
    .darkblue-section .top-section { margin-bottom: 30px; }
    .darkblue-section .darkblue-section-block { padding-bottom: 50px; }

    .darkblue-section .darkblue-section-block .birds-icon { right: -50px; top: -50px; width: 150px; }
    /* ================================================== [ Dark Blue Section End ] ================================================== */
    
    /* ================================================== [ Pool Section Start ] ================================================== */
    .pool-section .text-content .pool-text-top::after { filter: blur(60px); width: 400px; height: 400px; -webkit-filter: blur(60px); }
    .pool-section .pool-section-block { background-position: -300px; }
    .pool-section { margin-top: -100px; } 
    /* .pool-section .pool-section-block { padding-block: 300px 40px; }  */
    .pool-section .leaf-icons { width: 80px; left: unset; right: 0; } 
    /* ================================================== [ Pool Section End ] ================================================== */

    /* ================================================== [ Facilities Section Start ] ================================================== */
    .facilities-block { padding-block: 25px; }
    /* .facilities-block .list-parent-block { flex-wrap: wrap; gap: 0; } */
    .facilities-block .list-parent-block { gap: 0; }
    .facilities-section .facilities-side-icon { display: none; }
    .facilities-block .facilities-top-block .logo { max-width: 200px; }
    .facilities-section { margin-top: 0; }
    
    .facilities-block .list-block { padding-right: clamp(10px, -2.55px + 3.92vw, 20px); } /* padding-right: 20px to 10px (575 to 320) */
    .facilities-block .facilities-bottom-block .disc-14 * { font-size: clamp(12px, 9.49px + 0.78vw, 14px); line-height: clamp(20px, 17.49px + 0.78vw, 22px); } /* font-size: 14px to 12px , line-height: 22px to 20px (575 to 320) */
    .facilities-block .list-block ul li span { margin-right: clamp(0px, -10.04px + 3.14vw, 8px); } /* margin-right: 8px to 0 (575 to 320) */
    /* ================================================== [ Facilities Section End ] ================================================== */

    /* ================================================== [ Highlights Start ] ================================================== */
    .highlights .number-one { width: 50px; }
    .highlights .highlights-slider .top-block { padding: 16px 12px; }

    .highlights .highlights-card::after ,
    .highlights .highlights-slider .top-block { width: 85%; }
    .highlights { padding-block: 25px; }
    .scrubber-handle { height: 6px; width: 100px; }
    .highlights .highlights-card::before { bottom: -30px; }
    /* ================================================== [ Highlights End ] ================================================== */

    /* ================================================== [Where Happiness Begins Section Start ] ================================================== */
    .happiness-begins-details .image-details { padding: 28px 15px; }
    .happiness-begins-details .happiness-begins-img { height: 338px; }
    .happiness-begins-details .star-img { width: 110px; top: -52px;}
    .happiness-begins-details .happiness-details{padding: 0px 15px 18px 15px;}
    .senyum-by-hunza-wrapper .we-believe-wrapper{flex-direction: column; gap: 0;}
    .senyum-by-hunza-wrapper .we-believe-wrapper .icon-block { margin-bottom: 20px;  min-height: unset;}
    .happiness-details .senyum-by-hunza-wrapper .left-block .fs-36::after{    width: 113px; height: 52px; right: -15px;}
    /* ================================================== [Where Happiness Begins Section End ] ================================================== */

    /* ================================================== [ Register Form Start ] ================================================== */
    .register-form { padding-block: clamp(80px, 29.80px + 15.69vw, 120px) 30px; } /* padding-top: 120px to 80px (575 to 320) */

    .form-top-icon { position: fixed; width: clamp(100px, 74.90px + 7.84vw, 120px); right: 10px; bottom: 10px; z-index: 9999; } /* 120px to 100px (575 to 320) */
    .form-container { position: static; }
    /* ================================================== [ Register Form End ] ================================================== */

    /* ================================================== [ Footer Start ] ================================================== */
    .footer .contact-details .phone * { font-size: 20px; }
    /* ================================================== [ Footer End ] ================================================== */

    /* ================================================== [ Smart Living Start ] ================================================== */
    .smart-living .smart-living-card { padding: 16px 12px; }
    /* ================================================== [ Smart Living End ] ================================================== */
}