* {
    margin: 0;
    padding: 0;
}

.iis_wrapper {
    position: fixed;
    height: 100vh !important;
    width: 100vw;
    top: 0%;
    left: 0 !important;
    z-index: 2147483647;
    bottom: initial;
    right: initial;
    background: #ffffff69;
    backdrop-filter: blur(2px);

}

.iis_container {
    height: 100% !important;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.iis_bg1 {
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.c1 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c2 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c3 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c4 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c5 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c6 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c7 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c8 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c9 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c10 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c11 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c12 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c13 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c14 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c15 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c16 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c17 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.c18 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.iis_robiwifi {
    width: 5%;
    height: auto;
    position: absolute;
    top: 0%;
    right: 4%;
}

.iish_scissor_on,
.iish_scissor_off {
    width: 15%;
    height: auto;
    position: absolute;
    bottom: 0%;
    right: 0%;
}

.iish_scissor_off {
    opacity: 0;
    display: none;
}

.iish_slider2 {
    width: 44%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -0%);
}


.iis_bg2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    background-image: url(//showcase.infostation.co/2025/july/robi/welcome/v2/images/secondfolder/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.iish_text_wrapper {
    width: 55%;
    height: 88%;
    position: absolute;
    top: 0;
    right: 0;
}

.iis_router {
    width: 380px;
    height: 716px;
    position: absolute;
    bottom: 16px;
    left: 0;
    display: none;
    opacity: 0;
}

.iis_t1 {
    width: 399px;
    height: 64px;
    position: absolute;
    top: 187px;
    right: 148px;
    display: none;
    opacity: 0;
}

.iis_t2 {
    width: 339px;
    height: 104px;
    position: absolute;
    top: 250px;
    right: 135px;
    display: none;
    opacity: 0;
}

.iis_t3 {
    width: 363px;
    height: 73px;
    position: absolute;
    top: 362px;
    right: 34px;
    display: none;
    opacity: 0;
}

.iis_t4 {
    width: 175px;
    height: 175px;
    position: absolute;
    bottom: 41px;
    right: 172px;
    display: none;
    opacity: 0;
}

.iis_3hour {
    width: 425px;
    height: 69px;
    position: absolute;
    bottom: 22px;
    left: 232px;
    display: none;
    opacity: 0;
}

.iis_robiwifilogo {
    width: 159px;
    height: 66px;
    position: absolute;
    top: 20px;
    right: 22px;
    display: none;
    opacity: 0;
}

.iis_close_btn {
    width: 38px;
    height: 38px;
    right: 2%;
    top: 0%;
    position: absolute;
    cursor: pointer;
}

.iis_info_logo {
    width: 38px;
    height: 38px;
    left: 2%;
    top: 0%;
    position: absolute;
    cursor: pointer;
}

@media (max-width: 1820px) {
    .iis_wrapper {
        position: fixed;
        height: 100vh !important;
        width: 100vw;
        top: 0%;
        left: 0 !important;
        z-index: 2147483647;
        bottom: initial;
        right: initial;
        background: #ffffff69;
        backdrop-filter: blur(2px);
    }

    .iis_container {
        height: 100% !important;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    .iis_bg1 {
        width: 100%;
        height: 100%;
        /* object-fit: contain; */
        /* object-position: center; */
        position: absolute;
        top: 0;
        left: 0;
    }

    .c1 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c2 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c3 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c4 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c5 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c6 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c7 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c8 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c9 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c10 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c11 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c12 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c13 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c14 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c15 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c16 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c17 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .c18 {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .iis_robiwifi {
        width: 5%;
        height: auto;
        position: absolute;
        top: 0%;
        right: 4%;
    }

    .iish_scissor_on,
    .iish_scissor_off {
        width: 15%;
        height: auto;
        position: absolute;
        bottom: 0%;
        right: 0%;
    }

    .iish_scissor_off {
        opacity: 0;
        display: none;
    }

    .iish_slider2 {
        width: 44%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -0%);
    }


    .iis_bg2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        opacity: 0;
        background-image: url(//showcase.infostation.co/2025/july/robi/welcome/v2/images/secondfolder/bg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .iish_text_wrapper {
        width: 63%;
        height: 82%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .iis_router {
        width: 290px;
        height: 547px;
        position: absolute;
        bottom: 16px;
        left: 0;
        display: none;
        opacity: 0;
    }

    .iis_t1 {
        width: 291px;
        height: 47px;
        position: absolute;
        top: 136px;
        right: 141px;
        display: none;
        opacity: 0;
    }

    .iis_t2 {
        width: 291px;
        height: 90px;
        position: absolute;
        top: 187px;
        right: 114px;
        display: none;
        opacity: 0;
    }

    .iis_t3 {
        width: 324px;
        height: 66px;
        position: absolute;
        top: 288px;
        right: 34px;
        display: none;
        opacity: 0;
    }

    .iis_t4 {
        width: 132px;
        height: auto;
        position: absolute;
        bottom: 0px;
        right: 131px;
        display: none;
        opacity: 0;
    }

    .iis_3hour {
        width: 392px;
        height: 64px;
        position: absolute;
        bottom: 22px;
        left: 245px;
        display: none;
        opacity: 0;
    }

    .iis_robiwifilogo {
        width: 142px;
        height: 60px;
        position: absolute;
        top: 20px;
        right: 22px;
        display: none;
        opacity: 0;
    }

    .iis_close_btn {
        width: 38px;
        height: 38px;
        right: 2%;
        top: 0%;
        position: absolute;
        cursor: pointer;
    }

    .iis_info_logo {
        width: 38px;
        height: 38px;
        left: 2%;
        top: 0%;
        position: absolute;
        cursor: pointer;
    }
}

@media (max-width: 480px) {

    .iis_wrapper {
        position: fixed;
        height: 100dvh !important;
        width: 100dvw;
        top: 0%;
        left: 0 !important;
        z-index: 2147483647;
        bottom: initial;
        right: initial;
        overflow: hidden;
        background: #ffffff69;
        backdrop-filter: blur(2px);
    }

    .iis_container {
        height: 100% !important;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }

    .iis_bg1 {
        object-fit: contain;
        object-position: center;
        position: absolute;
        top: 0;
        left: 0;
    }

    .c1,
    .c2,
    .c3,
    .c4,
    .c5,
    .c6,
    .c7,
    .c8,
    .c9,
    .c10,
    .c11,
    .c12,
    .c13,
    .c14,
    .c15,
    .c16,
    .c17,
    .c18 {
        width: 142%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0px;
    }

    .iis_robiwifi {
        width: 14%;
        height: auto;
        position: absolute;
        bottom: 0%;
        right: 9%;
    }

    .iish_scissor_on,
    .iish_scissor_off {
        width: 34%;
        height: auto;
        position: absolute;
        bottom: 0%;
        right: 0%;
    }

    .iish_scissor_off {
        opacity: 0;
        display: none;
    }


    .iish_slider2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        /* transform: translate(-50%, -0%); */
    }


    .iis_bg2 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0;
        display: none;
        opacity: 0;
        background-image: url(//showcase.infostation.co/2025/july/robi/welcome/v2/images/secondfolder/mobilebg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .iis_router {
        width: 180px;
        height: 340px;
        position: absolute;
        bottom: 120px;
        left: 4px;
        display: none;
        opacity: 0;
    }

    .iish_text_wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .iis_t1 {
        width: 177px;
        height: 29px;
        position: absolute;
        top: 94px;
        right: 108px;
        display: none;
        opacity: 0;
    }

    .iis_t2 {
        width: 154px;
        height: 47px;
        position: absolute;
        top: 126px;
        right: 98px;
        display: none;
        opacity: 0;
    }

    .iis_t3 {
        width: 158px;
        height: 32px;
        position: absolute;
        top: 184px;
        right: 57px;
        display: none;
        opacity: 0;
    }

    .iis_t4 {
        width: 88px;
        height: auto;
        position: absolute;
        bottom: 222px;
        right: 57px;
        display: none;
        opacity: 0;
    }

    .iis_3hour {
        width: 283px;
        height: auto;
        position: absolute;
        bottom: 36px;
        left: 35px;
        display: none;
        opacity: 0;
    }

    .iis_robiwifilogo {
        width: 75px;
        height: 31px;
        position: absolute;
        top: 16px;
        right: 27px;
        display: none;
        opacity: 0;
    }


    .iis_close_btn {
        width: 29px;
        height: auto;
        right: 0%;
        top: 0%;
        position: absolute;
        cursor: pointer;
    }

    .iis_info_logo {
        width: 29px;
        height: auto;
        left: 0%;
        top: 0%;
        position: absolute;
        cursor: pointer;
    }

}