@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}
.container {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.statue1 {
    width: 15.625rem;
    height: 15.625rem;
    top: 0;
    left: 0;
    position: absolute;
}

.statue1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: inset(0px 0px 1px 0px)
}

.email {
    width: 2.5rem;
    height: 2.5rem;
}

.instagram {
    width: 2.5rem;
    height: 2.5rem;
}

.x{
    width: 2.5rem;
    height: 2.5rem;
}

.icon-parent {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3.6rem;
    margin-top: 1rem;
}

.title {
    object-fit: contain;
    width: 45rem;
    font-weight: 500;
}

.statue2 {
    position: absolute;
    top: 0;
    right: 20%;
    width: 18.75rem;
    height: 18.75rem;
}

.statue2_img {
    width: 100%;
}

.statue3 {
    position: absolute;
    bottom: 5%;
    right: 10%;
    width: 22rem;
    height: 31rem;
}
.statue3 img{
    width: 100%;
}
.statue4 {
    position: absolute;
    bottom: 22%;
    left: 4%;
    width: 16rem;
    height: 16rem;
}
.statue4 img{
    width: 100%;
}
.statue5 {
    position: absolute;
    top: 72%;
    left: 42%; /* Adding fixed horizontal position */
    transform: translateX(-50%); /* Center it horizontally */
    width: 32rem;
    height: 32rem; /* Ensure width is based on content */
}
.statue5 img{
    width: 100%;
}
.statue6 {
    position: absolute;
    top: 15%;
    right: 0%;
    width: 19rem;
    height: 19rem;
}
.statue6 img{
    width: 100%;
}

.statue7 {
    position: absolute;
    top: 6%;
    left: 36%;
}

.statue7_child {
    position: relative;
    height: 18.75rem;
    width: 18.75rem;
}

.main_sculp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9.38rem;
    clip-path: inset(0px 0px -10px 0px)
}
.underline-text {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    font-family: "Poppins", sans-serif !important;
    color: gray;
    text-transform: uppercase;
    padding-bottom: 0.625rem;
    line-height: 1;
    letter-spacing: 0.4px;
  }
  
  
  .underline-text .underline-img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 120%; /* 👈 this makes it slightly wider than the text */
    max-width: none;
    height: auto;
    height: 40%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
  }
  

  
  
.careers-button{
    position: absolute;
    top:0%;
    right:0%
    
}
/* .statue8 {
    position: absolute;
    top: 18%;
    left: 14%;
    width: 14rem;
    height: 14rem;
} */
.statue8 img{
    width: 100%;
}

.eyes {
    position: absolute;
    right: 10%;
    top: 13%;
    width: 4.38rem;
}

.eyes_2 {
    position: absolute;
    left: 0;
    top: 40%;
    width: 4.38rem;
}

.eyes_3 {
    position: absolute;
    left: 24%;
    top: 15%;
    width: 4.38rem;
}

.eyes_4 {
    position: absolute;
    bottom: 20%;
    right: 20%;
    z-index: 1;
    width: 4.38rem;
}
.title-headline{
    font-size: 2em;
    line-height: 1.5em;
    font-weight: 500 ;
}
.statue8 {
    position: absolute;
    top: 18%;
    left: 14%;
    width: 14rem;
    height: 14rem;
}

/* Keep the statue8 image in place */
.statue8 .statue8-img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1; /* Keeps it behind the bulb */
}

/* Ensure the bulb maintains a consistent size */
.statue8 .bulb {
    width: 5.5rem; /* Default size */
    height: auto;
    position: absolute;
    bottom: -2%; /* Aligns with hand */
    left: 5%; /* Adjust for proper hand grip */
    z-index: 2; /* Ensures bulb is in front */
    filter: drop-shadow(0 0 8px rgba(255, 255, 0, 0.6));
    animation: flicker 4s infinite alternate;
    clip-path: inset(-50px -50px -50px -50px);
}

/* Flickering Effect */
@keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        filter: drop-shadow(0 0 15px rgba(255, 220, 0, 0.8)) brightness(1.1);
    }
    20%, 24%, 55% {
        filter: drop-shadow(0 0 5px rgba(255, 220, 0, 0.4)) brightness(0.9);
    }
    19%, 21%, 23%, 54%, 56% {
        filter: drop-shadow(0 0 10px rgba(255, 220, 0, 0.6)) brightness(1);
    }
    70%, 71% {
        filter: drop-shadow(0 0 8px rgba(255, 220, 0, 0.7)) brightness(1);
    }
    72% {
        filter: drop-shadow(0 0 3px rgba(255, 220, 0, 0.3)) brightness(0.8);
    }
}


@media (max-width: 1920px) {
    .title{
        width: 47rem;
    }
    .instagram{
        width: 2.7rem;
        height: 2.7rem
    }
    .x{
        width: 3.2rem;
        height: 3.2rem
    }
    .email{
        width: 3rem;
        height: 3rem
    }
    
    .title-headline{
        font-size: 2.5em;
        line-height: 2em;
    }
    .statue1{
        width: 13rem;
        height: 13rem
    }
    .statue2{
        right: 21%;
        width: 18rem;
        height: 18rem;
    }
    .statue3{
        width: 20rem;
        height: 20rem;
        right: 9%;
        bottom: 20%;
    }
    .statue4{
        width: 16rem;
        height: 16rem;
        left: 3%;
    }
    .statue5{
        top: 72%;
        width: 32.5rem;
        height: 32.5rem;
    }
    .statue6{
        top: 12%;
        width: 21rem;
        height: 21rem;
    }
    .statue8{
        top: 17%;
        width: 13rem;
        height: 13rem;
        left: 12%
    }
    .eyes_3{
        width: 3.5rem
    }
    .eyes_2{
        width: 3.5rem
    }
    .eyes{
        width: 3.5rem
    }
    .eyes_4{
        width: 3.5rem
    }
    .main_sculp{
        width:10rem
    }
    .statue7{
        top: 7%;
        left: 37%;
    }
    .statue7_child{
        width: 12.8rem;
        height: 12.8rem;
    }
    .icon-parent{
        gap: 4.2rem;
    }
    .statue8 .bulb {
        width: 7.2rem;
        top: 84%;
        left: -7%;
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 1.8em;
        font-weight: 450;
    
      }
}


@media screen and (max-width:1600px) {
    .title{
        width: 37rem;
    }
    .instagram{
        width: 2.2rem;
        height: 2.2rem;
    }
    .statue2{
        right: 25%;
        width: 14.75rem;
        height: 14.75rem;
    }
    .x{
        width: 2.6rem;
        height: 2.6rem;
    }
    .email{
        width: 2.5rem;
        height: 2.5rem;
    }
    .title-headline{
        font-size: 1.7em;
        line-height: 2em
    }
    .statue1{
        width: 10.5rem;
        height: 10.5rem;
    }
    .statue3{
        width: 18rem;
        height: 18rem;
        right: 5%;
        bottom: 16%;
    }
    .statue4{
        left: 3%;
        width: 12.5rem;
        height: 12.5rem;
    }
    .statue5{
        top: 74%;
        width: 23.5rem;
        height: 23.5rem;
    }
    .statue6{
        top: 12%;
        width: 16rem;
        height: 16rem;
    }
    .statue8{
        left: 13%;
        top: 16%;
        width: 10.5rem;
        height: 10.5rem;
    }
    .eyes_3{
    width: 3rem;
    }
    .eyes_2{
        width: 3rem;
    }
    .eyes{
        width: 3rem;
    }
    .eyes_4{
        width: 3rem;
    }
    .main_sculp{
        width: 8rem;
    }
    .statue7{
        top: 8%;
        left: 34%;
    }
    .statue7_child{
        width: 11.5rem;
        height: 11.5rem;
        left: 32%;
    }
    .icon-parent{
        gap: 2.8rem
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 1.7em;
        font-weight: 450;
    
      }
}


@media screen and (max-width:1440px) {
    .title{
        width: 37rem;
    }
    .instagram{
        width: 2.2rem;
        height: 2.2rem;
    }
    .statue2{
        right: 21%;
        width: 13.75rem;
        height: 13.75rem;
    }
    .x{
        width: 2.6rem;
        height: 2.6rem;
    }
    .email{
        width: 2.5rem;
        height: 2.5rem;
    }
    .title-headline{
        font-size: 1.7em;
        line-height: 2em
    }
    .statue1{
        width: 10.5rem;
        height: 10.5rem;
    }
    .statue3{
        width: 18rem;
        height: 18rem;
        right: 5%;
        bottom: 16%;
    }
    .statue4{
        left: 3%;
        width: 12.5rem;
        height: 12.5rem;
    }
    .statue5{
        top: 74%;
        width: 23.5rem;
        height: 23.5rem;
    }
    .statue6{
        top: 12%;
        width: 16rem;
        height: 16rem;
    }
    .statue8{
        left: 13%;
        top: 16%;
        width: 10.5rem;
        height: 10.5rem;
    }
    .eyes_3{
    width: 3rem;
    }
    .eyes_2{
        width: 3rem;
    }
    .eyes{
        width: 3rem;
    }
    .eyes_4{
        width: 3rem;
    }
    .main_sculp{
        width: 8rem;
    }
    .statue7{
        top: 8%;
        left: 34%;
    }
    .statue7_child{
        width: 11.5rem;
        height: 11.5rem;
        left: 32%;
    }
    .icon-parent{
        gap: 2.8rem
    }
    @media (max-width: 1440px) {
        .statue8 .bulb {
            width: 5.7rem;
            TOP: 82%;
            left: -5.9%;
        }
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 1.5em;
        font-weight: 450;
    
      }
} 

@media screen and (max-width:1366px){
    .title{
        width: 35rem;
    }
    .instagram{
        width: 2rem;
        height: 2rem;
    }
    .x{
        width: 2.4rem;
        height: 2.4rem;
    }
    .email{
        width: 2.2rem;
        height: 2.2rem;
    }
    .title-headline{
        font-size: 1.5em;
        line-height: 1.7em;
    }
    .icon-parent{
        margin-top: 8px;
        gap: 3rem;
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 1.5em;
        font-weight: 450;
    
      }

}
@media (max-width: 1280px) { 
    .title{
        width: 34rem;
    }
    .instagram{
        width: 2rem;
        height: 2rem;
        
    }
    .x{
        width: 2.4rem;
        height: 2.4rem;
    }
    .email{
        width: 2.2rem;
        height: 2.2rem;
    }
    .title-headline{
        font-size: 1.5em;
        line-height: 2em;
    }
    .statue1{
        width: 9rem;
        height: 9rem;
    }
    .statue2{
        right: 21%;
        width: 12.75rem;
        height: 12.75rem;
    }
    .statue3{
        width: 15rem;
        height: 15rem;
        right: 8%;
        bottom: 21%;
    }
    .statue4{
        width: 12rem;
        height: 12rem;
        left: 2%;
        bottom: 23%;
    }
    .statue5{
        top: 70%;
        width: 22rem;
        height: 22rem;
        left: 43%;
    }
    .statue6{
        top: 16%;
        width: 14rem;
        height: 14rem;
    }
    .statue8{
        top: 15%;
        width: 9rem;
        height: 9rem;
        left: 14%;
    }
    .statue8 .bulb {
        width: 5.4rem;
        top: 82%;
        left: -9%;
    }
    
    
    .eyes_3{
    width: 3rem;
    }
    .eyes_2{
        width: 3rem;
    }
    .eyes{
        width: 3rem;
    }
    .eyes_4{
        width: 3rem;
    }
    .main_sculp{
        width: 6.5rem;
    }
    .statue7{
        top: 9%;
        left: 30%;
    }
    .statue7_child{
        width: 10rem;
        height: 10rem;
        left: 56%;
    }
    .icon-parent{
        margin-top: 8px;
        gap: 2.7rem;
    }
    .careers-button{
        top: 2%;
        right: 5%;
    }
    .underline-text {
        font-size: 1.5em;
        font-weight: 450;
    
      }
    
  }
 

  @media (max-width: 1024px) { 
    .title{
        width: 25rem;
    }
    .instagram{
        width: 1.7rem;
        height: 1.7rem;
    }
    .x{
        width: 2rem;
        height: 2rem;
    }
    .email{
        width: 2rem;
        height: 2rem;
    }
    .title-headline{
        font-size: 1.3rem;
        line-height: 2em;
    }
    .statue1{
        width: 9rem;
        height: 9rem;
        
    }
    .statue2{
        right: 16%;
        width: 11.75rem;
        height: 11.75rem;
    }
    .statue3{
        width: 16rem;
        height: 16rem;
        right: 0%;
        bottom: 19%;
    }
    .statue4{
        width: 11rem;
        height: 11rem;
        left: 2%;
    }
    .statue5{
        top: 72%;
        width: 18rem;
        height: 18rem;
        left: 48%;
    }
    .statue6{
        top: 23%;
        width: 13rem;
        height: 13rem;
    }
    .statue8{
        top: 19%;
        width: 9rem;
        height: 9rem;
        left: 5%;
    }
    .eyes_3{
    width: 2.3rem;
    }
    .eyes_2{
        width: 2.3rem;
    }
    .eyes{
        width: 2.3rem;
    }
    .eyes_4{
        width: 2.3rem;
    }
    .main_sculp{
        width: 7rem;
    }
    .statue7{
        top: 12%;
        left: 24%;
    }
    .statue7_child{
        width: 10rem;
        height: 10rem;
        left: 66%;
    }
    .icon-parent{
        margin-top: 6px;
        gap: 2rem;
    }
    .statue8 .bulb {
        width: 4.8rem;
        top: 82%;
        left: -6%;
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 1.3em;
        font-weight: 450;
    
      }
  }
  @media (max-width: 767px) {
    .title{
        width: 28rem;
    }
    .instagram{
        width: 1.7rem;
        height: 1.7rem;
    }
    .x{
        width: 2rem;
        height: 2rem;
    }
    .email{
        width: 2rem;
        height: 2rem;
    }
    .title-headline{
        font-size: 1.2rem;
        line-height: 2em;
    }
    .statue1{
        width: 7rem;
        height: 7rem;
    }
    .statue2{
        left: -3%;
        width: 11rem;
        height: 11rem;
        top: -6%;
    }
    .statue3{
        width: 14rem;
        height: 14rem;
        right: -11%;
        bottom: 20%;
    }
    .statue4{
        width: 11rem;
        height: 11rem;
        left: -8%;
        transform: scale(-1, 1);
    }
    .statue5{
        top: 70%;
        width: 17rem;
        height: 17rem;
        left:47%
    }
    .statue6{
        top: 19%;
        width: 12rem;
        height: 12rem;
    }
    .statue8{
        top: 17%;
        width: 8rem;
        height: 8rem;
        left: 4%;
    }
    .eyes_3{
    width: 2.5rem;
    }
    .eyes_2{
        width: 2.5rem;
    }
    .eyes{
        width: 2.5rem;
    }
    .eyes_4{
        width: 2.5rem;
    }
    .main_sculp{
        width: 12rem;
        height: 12rem;
    }
    .statue7{
        top: 5%;
        left: 23%;
    }
    .statue7_child{
        width: 10rem;
        height: 10rem;
        left: 30%;
    }
    .icon-parent{
        margin-top: 6px;
        gap: 2rem;
    }
    .statue8 .bulb {
        width: 4.5rem;
        top: 86%;
        left: -7.6%;
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 1.1em;
        font-weight: 450;
    
      }
  }
  @media (max-width: 480px) {
    .title{
        width: 24rem;
    }
    .instagram{
        width: 1.7rem;
        height: 1.7rem;
    }
    .x{
        width: 2rem;
        height: 2rem;
    }
    .email{
        width: 2rem;
        height: 2rem;
    }
    .title-headline{
        font-size: 1.2rem;
        line-height: 2em;
    }
    .statue1{
        display: none;
    }
    .statue2{
        right: 80%;
        width: 7.75rem;
        height: 7.75rem;
        top: -4%;
    }
    .statue3{
        width: 12rem;
        height: 12rem;
        left: 70%;
        bottom: 22%;
    }
    .statue4{
        width: 9rem;
        height: 9rem;
        left: -6%;
        transform: scale(-1, 1);
    }
    .statue5{
        top: 71%;
        width: 15rem;
        height: 15rem;
        left: 50%;
    }
    .statue6{
        top: 17%;
        width: 10rem;
        height: 11rem;
    }
    .statue8{
        top: 15%;
        width: 7rem;
        height: 7rem;
        left: 4%;
    }
    .eyes_3{
        width: 1.7rem;
    }
    .eyes_2{
        width: 1.7rem;
       
    }
    .eyes{
        width: 1.7rem;
    }
    .eyes_4{
        width: 1.7rem;
    }
    .main_sculp{
        width: 5rem;
    }
    .statue7{
        top: 5%;
        left: 27%;
    }
    .statue7_child{
        width: 8rem;
        height: 8rem;
        left: 30%;
    }
    .icon-parent{
        margin-top: 6px;
        gap: 2rem;
    }
    .statue8 .bulb {
        width: 3.6rem;
        top: 81%;
        left: -8.2%;
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 0.9em;
        font-weight: 450;
    
      }
  }
  @media (max-width: 414px) {
    .title{
        width: 23rem;
    }
    .instagram{
        width: 1.3rem;
        height: 1.3rem;
    }
    .x{
        width: 1.6rem;
        height: 1.6rem;
    }
    .email{
        width: 1.5rem;
        height: 1.5rem;
    }
    .title-headline{
        font-size: 1rem;
        line-height: 2rem;
    }
    .statue1{
        display: none;
    }
    .statue2{
        right: 68%;
        width: 8.75rem;
        height: 8.75rem;
        top: -5%;
    }
    .statue3{
       
        width: 10rem;
        height: 10rem;
        left: 70%;
        bottom: 21%;
    }
    .statue4{
        width: 8rem;
        height: 8rem;
        left: 0%;
        transform: scale(-1, 1);
    }
    .statue5{
        top: 71%;
        width: 13rem;
        height: 13rem;
        left: 53%;
    }
    .statue6{
        top: 21%;
        width: 9rem;
    }
    .statue8{
        top: 18%;
        width: 5rem;
        height: 5rem;
        left: 7%;
        
    }
    .eyes_3{
        width: 1.7rem;
    }
    .eyes_2{
        width: 1.7rem;
       
    }
    .eyes{
        width: 1.7rem;
    }
    .eyes_4{
        width: 1.7rem;
    }
    .main_sculp{
        width: 4rem;
    }
    .statue7{
        top: 9%;
        left: 28%;
    }
    .statue7_child{
        width: 7rem;
        height: 7rem;
        left: 30%;
    }
    .icon-parent{
        margin-top: 6px;
        gap: 2rem;
    }
    .statue8 .bulb {
        width: 3.2rem;
        top: 83%;
        left: -9%
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 0.8em;
        font-weight: 450;
    
      }
  }
  
  @media (max-width:390px) {
    .title{
        width: 20rem;
    }
    .instagram{
        width: 1.3rem;
        height: 1.3rem;
    }
    .x{
        width: 1.6rem;
        height: 1.6rem;
    }
    .email{
        width: 1.5rem;
        height: 1.5rem;
    }
    .statue3{
        width: 9rem;
        height: 9rem;
        left: 68%;
        bottom: 17%;
    }
    .statue4 {
        width: 6rem;
        height: 6rem;
        left: -3%;
        transform: scale(-1, 1);
    }
    .statue6 {
        top: 16%;
        width: 8rem;
    }
    .statue8 {
        top: 15%;
        width: 5rem;
        height: 5rem;
        left: 7%;
    }
    .statue8 .bulb {
        width: 2.5rem;
        top: 85%;
        left: -5.2%;
    }
    .statue2 {
        right: 68%;
        width: 7.5rem;
        height: 7.5rem;
        top: -8%;
    }
    .statue5 {
        top: 79%;
        width: 13rem;
        height: 13rem;
        left: 48%;
    }
    .careers-button{
        top: 1%;
        right: 5%;
    }
    .underline-text {
        font-size: 0.8em;
        font-weight: 450;
    
      }
  }



  
  
  /* Landscape orientation for tablets (600px-768px) */
  @media (orientation: landscape) and (min-width: 601px) and (max-width: 768px) {
    .container {
      height: auto;
      min-height: 100vh;
      padding: 1rem 0;
    }
    
    .title {
      width: 16rem;
    }
    
    .title-headline {
      font-size: 0.8em;
      line-height: 1.2rem;
    }
    
    .icon-parent {
      gap: 2rem;
      margin-top: 0.6rem;
    }
    
    .instagram, .x, .email {
      width: 1.2rem;
      height: 1.2rem;
    }
    
    .statue1 {
      width: 7rem;
      height: 7rem;
      top: 5%;
      left: 2%;
      display: none;
    }
    
    .statue2 {
        width: 7rem;
        height: 7rem;
        top: -10%;
        right: 20%;
    }
    
    .statue3 {
        width: 7rem;
        height: 7rem;
        right: 5%;
        bottom: 13%
    }
    
    .statue4 {
        width: 6rem;
        height: 6rem;
        left: 1%;
    }
    
    .statue5 {
        width: 10rem;
        height: 10rem;
        top: 69%;
        left: 46%;
    }
    
    .statue6 {
        width: 6rem;
        height: 6rem;
        top: 10%;
        right: 4%;
    }
    
    .statue7 {
      top: 4%;
      left: 32%;
    }
    
    .statue7_child {
      width: 7rem;
      height: 7rem;
    }
    
    .main_sculp {
      width: 3.5rem;
    }
    
    .statue8 {
        width: 4rem;
        height: 4rem;
        top: 12%;
        left: 12%;
    }
    
    .statue8 .bulb {
      width: 2.7rem;
      top: 85%;
      left: -8%;
    }
    
    .eyes, .eyes_2, .eyes_3, .eyes_4 {
      width: 1.7rem;
    }
  }
  
  /* Landscape orientation for large phones (480px-600px) */
  @media (orientation: landscape) and (min-width: 481px) and (max-width: 600px) {
    .container {
        height: auto;
        min-height: 100vh;
        padding: 1rem 0;
      }
      
      .title {
        width: 16rem;
      }
      
      .title-headline {
        font-size: 0.8em;
        line-height: 1.2rem;
      }
      
      .icon-parent {
        gap: 1.5rem;
        margin-top: 0.6rem;
      }
      
      .instagram, .x, .email {
        width: 1rem;
        height: 1rem;
      }
      
      .statue1 {
        width: 7rem;
        height: 7rem;
        top: 5%;
        left: 2%;
        display: none;
      }
      
      .statue2 {
        width: 5rem;
        height: 5rem;
        top: -7%;
        right: 20%;
      }
      
      .statue3 {
          width: 7rem;
          height: 7rem;
          right: 5%;
          bottom: 13%
      }
      
      .statue4 {
        width: 5rem;
        height: 5rem;
        left: 1%;
      }
      
      .statue5 {
          width: 10rem;
          height: 10rem;
          top: 69%;
          left: 46%;
      }
      
      .statue6 {
          width: 6rem;
          height: 6rem;
          top: 10%;
          right: 4%;
      }
      
      .statue7 {
        top: 2%;
        left: 32%;
      }
      
      .statue7_child {
        width: 7rem;
        height: 7rem;
      }
      
      .main_sculp {
        width: 3rem;
      }
      
      .statue8 {
          width: 4rem;
          height: 4rem;
          top: 12%;
          left: 12%;
      }
      
      .statue8 .bulb {
        width: 2.4rem;
        top: 85%;
        left: -8%;
      }
      
      .eyes, .eyes_2, .eyes_3, .eyes_4 {
        width: 1.3rem;
      }
  }
  
  /* Landscape orientation for small phones (320px-480px) */
  @media (orientation: landscape) and (max-width: 480px) {
    .container {
      height: auto;
      min-height: 100vh;
      padding: 0.5rem 0;
    }
    
    .title {
      width: 18rem;
    }
    
    .title-headline {
      font-size: 0.8rem;
      line-height: 1.2rem;
    }
    
    .icon-parent {
      gap: 1.2rem;
      margin-top: 0.3rem;
    }
    
    .instagram, .x, .email {
      width: 1rem;
      height: 1rem;
    }
    
    .statue1 {
      width: 4.5rem;
      height: 4.5rem;
      top: 3%;
      left: 1%;
    }
    
    .statue2 {
      width: 6rem;
      height: 6rem;
      top: -2%;
      right: 20%;
    }
    
    .statue3 {
      width: 8rem;
      height: 8rem;
      right: 2%;
      bottom: 5%;
    }
    
    .statue4 {
      width: 5rem;
      height: 5rem;
      bottom: 6%;
      left: 2%;
    }
    
    .statue5 {
      width: 9rem;
      height: 9rem;
      top: 60%;
      left: 48%;
    }
    
    .statue6 {
      width: 6rem;
      height: 6rem;
      top: 6%;
      right: 2%;
    }
    
    .statue7 {
      top: 5%;
      left: 32%;
    }
    
    .statue7_child {
      width: 5rem;
      height: 5rem;
    }
    
    .main_sculp {
      width: 3rem;
    }
    
    .statue8 {
      width: 4.5rem;
      height: 4.5rem;
      top: 8%;
      left: 8%;
    }
    
    .statue8 .bulb {
      width: 2.2rem;
      top: 80%;
      left: -10%;
    }
    
    .eyes, .eyes_2, .eyes_3, .eyes_4 {
      width: 1.3rem;
    }
  }
  
  /* Landscape orientation for very small phones (below 320px) */
  @media (orientation: landscape) and (max-width: 320px) {
    .title {
      width: 15rem;
    }
    
    .title-headline {
      font-size: 0.7rem;
      line-height: 1rem;
    }
    
    .statue1 {
      display: none; /* Hide on very small devices */
    }
    
    .statue2 {
      width: 5rem;
      height: 5rem;
    }
    
    .statue3 {
      width: 7rem;
      height: 7rem;
    }
    
    .statue4 {
      width: 4.5rem;
      height: 4.5rem;
    }
    
    .statue5 {
      width: 8rem;
      height: 8rem;
    }
    
    .statue6 {
      width: 5rem;
      height: 5rem;
    }
    
    .statue7_child {
      width: 4.5rem;
      height: 4.5rem;
    }
    
    .main_sculp {
      width: 2.8rem;
    }
    
    .statue8 {
      width: 4rem;
      height: 4rem;
    }
    
    .statue8 .bulb {
      width: 1.8rem;
      top: 80%;
      left: -10%;
    }
    
    .eyes, .eyes_2, .eyes_3, .eyes_4 {
      width: 1.1rem;
    }
    
    .icon-parent {
      gap: 1rem;
    }
    
    .instagram, .x, .email {
      width: 0.8rem;
      height: 0.8rem;
      
    }
    
  }