* {
    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: 10%;
    height: auto;
    position: absolute;
    top: 2%;
    right: 4%;
    display: none;
    opacity: 0;
}

.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: 81%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -0%);
    overflow: hidden;
}


.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/v3/images/secondfolder/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

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

.iish_text_wrapper {
    width: 58%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.iis_router {
    width: 287px;
    height: auto;
    position: absolute;
    bottom: 10px;
    left: 11px;
    display: none;
    opacity: 0;
}

.iis_t1 {
    width: 663px;
    height: 79px;
    position: absolute;
    top: 218px;
    right: 50%;
    display: none;
    opacity: 0;
    transform: translate(50%, 0);
}

.iis_t2 {
    width: 708px;
    height: auto;
    position: absolute;
    top: 295px;
    right: 50%;
    display: none;
    opacity: 0;
    transform: translate(50%, 0px);
}

.iis_t3 {
    width: 388px;
    height: auto;
    position: absolute;
    top: 420px;
    right: 50%;
    display: none;
    opacity: 0;
    transform: translate(50%, 0px);
}

.iis_t4 {
    width: 168px;
    height: auto;
    position: absolute;
    bottom: 77px;
    right: 50%;
    display: none;
    opacity: 0;
    transform: translate(50%, 0px);
}

.iis_speedlight {
    width: auto;
    height: 552px;
    position: absolute;
    bottom: 25px;
    left: 3px;
    display: none;
    opacity: 0;
    /* transform: translate(50%, 0px); */
}



.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: 10%;
        height: auto;
        position: absolute;
        top: 2%;
        right: 4%;
        display: none;
        opacity: 0;
    }

    .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: 81%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translate(-50%, -0%);
        overflow: hidden;
    }


    .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/v3/images/secondfolder/bg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

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

    .iish_text_wrapper {
        width: 58%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .iis_router {
        width: 210px;
        height: auto;
        position: absolute;
        bottom: 10px;
        left: 11px;
        display: none;
        opacity: 0;
    }

    .iis_t1 {
        width: 532px;
        height: auto;
        position: absolute;
        top: 166px;
        right: 50%;
        display: none;
        opacity: 0;
        transform: translate(50%, 0);
    }

    .iis_t2 {
        width: 597px;
        height: auto;
        position: absolute;
        top: 230px;
        right: 50%;
        display: none;
        opacity: 0;
        transform: translate(50%, 0px);
    }

    .iis_t3 {
        width: 310px;
        height: auto;
        position: absolute;
        top: 340px;
        right: 50%;
        display: none;
        opacity: 0;
        transform: translate(50%, 0px);
    }

    .iis_t4 {
        width: 145px;
        height: auto;
        position: absolute;
        bottom: 46px;
        right: 50%;
        display: none;
        opacity: 0;
        transform: translate(50%, 0px);
    }

    .iis_speedlight {
        width: auto;
        height: 466px;
        position: absolute;
        bottom: 25px;
        left: 3px;
        display: none;
        opacity: 0;
        /* transform: translate(50%, 0px); */
    }



    .iis_robiwifilogo {
        width: 240px;
        height: auto;
        position: absolute;
        top: 22px;
        right: 26px;
        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: 32%;
        height: auto;
        position: absolute;
        bottom: 0%;
        right: 9%;
        display: none;
        opacity: 0;
    }

    .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/v3/images/secondfolder/mobilebg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .iis_router {
        width: 103px;
        height: auto;
        position: absolute;
        bottom: 20px;
        left: 14px;
        display: none;
        opacity: 0;
    }

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

    .iis_t1 {
        width: 310px;
        height: auto;
        position: absolute;
        top: 117px;


        right: 50%;
        display: none;
        opacity: 0;
        transform: translate(50%, 0px);
    }

    .iis_t2 {
        width: 345px;
        height: auto;
        position: absolute;
        top: 157px;
        right: 50%;
        display: none;
        opacity: 0;
        transform: translate(50%, 0px);
    }

    .iis_t3 {
        width: 188px;
        height: auto;
        position: absolute;
        top: 221px;
        right: 50%;
        display: none;
        opacity: 0;
        transform: translate(50%, 0px);
    }

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

    .iis_speedlight {
        width: auto;
        height: 260px;
        position: absolute;
        bottom: 34px;
        right: 1px;
        display: none;
        opacity: 0;
    }



    .iis_robiwifilogo {
        width: 92px;
        height: auto;
        position: absolute;
        top: 16px;
        right: 2px;
        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;
    }

}