#loader{

    position:fixed;
    inset:0;

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

    background:#2c2c2c;

    z-index:999999;

}

.loader-wrapper{
    position: relative;
    width: 200px;
    height: 200px;
}

.rotating-text{
    position: absolute;
    inset: 0;
    width: 100%;
    z-index: 2;
}

.center-logo{
    position: absolute;
    width: 145px; /* Adjust based on your logo */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.balloon-mask{
    position: absolute;

    /* Match the inner grey circle */
    top: 27px;
    left: 27px;

    width: 145px;
    height: 145px;

    border-radius: 50%;
    overflow: hidden;

    z-index: 1;
}

.balloon{
    position: absolute;
    left: 50%;
    bottom: -120px;
    transform: translateX(-50%);
    width: 90px; /* Adjust */
}