<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&amp;subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&amp;display=swap');

/** RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    font: 400 15px/1 'Open Sans', sans-serif;
    color: #808080;
}

button {
    padding: 0;
    outline: none;
}

b {
    font-weight: 700;
}

.qb-select {
    width: 100%;
    padding: 6px;

    border: 1px solid #cdcdcd;
    border-radius: 3px;

    outline: none;
}

.qb-video {
    position: relative;
    padding: 0 0 75% 0; /* 4:3 */
    background: #bfbfbf;
}
.qb-video_source {
    position: absolute;
    /* top: 0; bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: 100%;
    margin: auto; */
    z-index: 9;
    transform: scale(2) !important;
    margin-left: -300px;

    position: fixed;
    z-index: 9;
    transform: scale(1.9) translate(-50%, -50%) !important;
    margin-left: 0;
    top: 70%;
    left: 125%; 


}

.qb-error {
    color: #d0021b;
}

.qb-text {
    color: #808080;
}

.fw-link {
    display: inline-block;
    position: relative;

    color: #025fca;
    font-weight: 600;

    /* reset */
    border: none;
    outline: none;
    text-decoration: none;
    background: transparent;
}
    .fw-link:active,
    .fw-link:hover {
        color: #025fca;
        text-decoration: none;
    }
    .fw-link:before {
        content: " ";
        display: block;
        width: 100%;
        height: 1px;

        position: absolute;
        bottom: -2px;
        right: 0;

        background: #025fca;

        opacity: 0;
        transition: all .3s ease;
    }
    .fw-link:hover:before {
        bottom: 0;
        opacity: 1;
    }

.inner {
    position: relative;
    width: 90%;
    max-width: 890px;
    margin: 0 auto;
}
    .inner:after {
      content:"";
      display:table;
      clear:both;
    }

.wait:after {
    content: "";
    display: block;

    position: absolute;
    /* min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px; */
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url('images/loader2.gif') center no-repeat;
    background-size: 50px;

}

/**
 * HEADER
 */
.header {
    display: block;
    padding: 32px 0;
    border-bottom: 1px solid #efeff4;
}

.header__logo {
    height: 35px;
    margin: 0 0 10px 0;
}

.header__logo_img {
    max-height: 100%;
}

.header__title {
    position: relative;
    font-size: 26px;
    font-weight: 300;
    line-height: 35px;
    color: #404040;
}
    .header__logo,
    .header__title {
        text-align: center;
    }

    .header_version {
        position: absolute;
        bottom: 100%;
        right: 0;
    }

@media all and (min-width: 780px) {
    .header__logo,
    .header__title {
        text-align: left;
    }
    .header__logo {
        float: left;
        margin: 0;
    }
    .header__title {
        float: right;
    }
}

/**
 * FOOTER
 */
.footer {
    position: relative;
    width: 100%;
    padding: 18px 0 22px 0;

    background: #efeff4;
    box-shadow: 0 -1px 0 0 #ceced2;

    text-align: center;
}
    .footer-fixed {
        position: fixed;
        bottom: 0;
    }

.footer__inner .fw-link {
    font-size: 15px;
    font-weight: 600;
}

.footer-config {
    max-width: 90%;
    margin: 0 auto 5px auto;

    font-size: 11px;
    word-wrap: break-word
}

/**
 * PAGE
 */

.page {
    display: block;
    position: relative;
    margin-bottom: 60px;
}

/**
 * JOIN
 */
.join {
    display: none;
    margin: 30px 0;
    font-size: 18px;
    font-weight: 600;
    color: #6e6e6e;
}
    .join-wait:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: url('images/loader2.gif') center no-repeat;
        background-size: 50px;
    }
    .page-join .join {
        display: block;
    }

.join__title {
    line-height: 1.4;
    text-align: center;
}

.join__notice {
    margin: 10px 0 0 0;
    font-size: 14px;
}

.join__body {
    width: 90%;
    max-width: 410px;
    position: relative;
    margin: 30px auto 0 auto;
}

.join__row {
    margin: 0 0 20px 0;
}
    .join__row:last-child {
        margin-bottom: 0;
    }



.join__input,
.join__btn {
    display: block;
    width: 100%;
    height: 50px;

    border-radius: 4px;

    font-weight: 500;
    line-height: 50px;

    outline: none;
    transition: all .4s ease;
}

/* .join__input{
    height: 36px;
} */

    .join__input {
        padding: 0 0 0 15px;
        border: solid 1px #d3d3d3;
        background-color: #ffffff;
        font-size: 17px;
    }
    .join__input:focus {
        border-color: #959595;
    }
    .join__btn {
        background-color: #025fca;
        color: #fff;
        border: none;
        border-radius: 5px;
        background: #000000db;
        color: #c3c3c3;
        transition: 0.4s;
    }

/**
 * DASHBOARD
 */
.dashboard {
    display: none;
}
    .page-dashboard .dashboard {
        display: block;
        height: 100vh;
    }

.dashboard__inner {
    margin-top: 33px;
}

/**
 * stateBoard
 */
.state_board {
    padding: 10px 0 12px 0;

    font-size: 13px;
    line-height: 1.4;
    color: #808080;

    background: #efeff4;
}
    .state_board .fw-link {
        margin: 0 0 0 10px;
    }

/**
 * USERS
 */
.users {
    width: 25%;
    float: left;
}

.users__title {
    position: relative;
    padding: 0 25px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 30px;
    height: 2vh;
}

.users__refresh {
    position: absolute;
    right: 5%;
    width: 30px;
    height: 60px;
    border: none;
    background: transparent;
}

.users__refresh svg {
    position: fixed;
}

.users__list {
    position: relative;
    margin: 20px 0 0 0;
}

.users__item {
    margin: 0 0 10px 0;
}

.users__user {
    display: block;
    position: relative;
    width: 100%;
    height: 74px;
    padding: 10px 20px 10px 12px;
    text-align: left;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    border: 1px solid transparent;
    background: transparent;
    outline: none;

    transition: border-color, background-color .3s ease;
}
    .users__user:hover {
        border: 2px solid orange;
    }
    .users__user:hover + .nameprofile {
        color: orange;
    }
    .users__user.active {
        border-color: #41cc44;
    }
    .users__user.active:hover {
        background-color: transparent;
    }

.user__icon {
    position: absolute;
    top: 20%;
    /* margin: -14.5px 0 0 0; */
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: #ffbb5a url("images/user.svg") no-repeat center bottom;
}
    /* .users__item:nth-child(2) .user__icon {
        background-color: #007aff;
    }
    .users__item:nth-child(3) .user__icon {
        background-color: #fc1b9b;
    }
    .users__item:nth-child(4) .user__icon {
        background-color: #a727a5;
    }
    .users__item:nth-child(5) .user__icon {
        background-color: #aa9d00;
    }
    .users__item:nth-child(6) .user__icon {
        background-color: #50e3c2;
    }
    .users__item:nth-child(7) .user__icon {
        background-color: #d0021b;
    }
    .users__item:nth-child(8) .user__icon {
        background-color: #77a846;
    }
    .users__item:nth-child(9) .user__icon {
        background-color: #007aff;
    } */

.user__name {
    width: 100%;
    margin: 0 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #1f1f1f;
    
}



.users__btn_remove {
    display: block;
    width: 28px;
    height: 28px;

    position: absolute;
    top: 50%;
    margin: -14px 0 0 0;
    right: 10px;

    background: url('images/ic_remove.svg') center no-repeat;
    background-size: cover;
    border-radius: 50%;

    color: #fff;
    line-height: 16px;

    box-shadow: inset 0 0 3px 3px rgba(255,255,255,1);

    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;

    cursor: pointer;
}
    .users__user.active .users__btn_remove {
        visibility: visible;
        opacity: 1;
    }

.board {
    position: relative;
    width: 75%;
    min-height: 660px;
    float: right;
    padding: 0 0 0 14px;
    box-sizing: border-box;
}

.frames {
    padding: 0 150px 0 0;
}

.caller {
    position: absolute;
    right: 0;
    top: 0;
    width: 135px;
}

.caller__ctrl{
    height: 90px;
}

.caller__ctrl_btn {
    width: 100%;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: #025fca;

    background: transparent;
    border: 1px solid #025fca;
    border-radius: 3px;

    transition: all .3s ease;
}
    .caller__ctrl_btn.m-video_call:before {
        content: 'Video Call'
    }
    .caller__ctrl_btn.m-audio_call:before {
        content: 'Audio Call'
    }
    .caller__ctrl_btn:hover {
        background: #025fca;
        color: #fff;
    }
    .caller__ctrl_btn.hangup {
        border-color: #ff2d55;
        color: #ff2d55;
    }
    .caller__ctrl_btn.hangup:before {
        content: 'End Call'
    }
    .caller__ctrl_btn.hangup:hover {
        background: #ff2d55;
        color: #fff;
    }
    .caller__ctrl_btn:last-child {
        margin-bottom: 0;
    }

.caller__name {
    margin: 20px 0 0 0;

    font-size: 15px;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.caller__frames {
    margin: 7px 0 0 0;
}

.caller__frames_acts {
    margin: 10px 0 0 0;
}

.caller__frames_acts_btn {
    /* display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;

    margin: 0 15px 0 0;

    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;

    outline: none; */


    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin: 0 15px 0 0;
    background-position: center;
    outline: none;
    position: fixed;
    z-index: 2;
    background: #00000066;
    color: white;
    font-size: 25px;
    border: none;
    border-radius: 50%;
    text-align: center;
    top: 85%;
    left: 30%;
    transform: translate(-50%, -50%);
    display: none;


}

.mute-active{
    display: block;
}

    .caller__frames_acts_btn:last-child {
        margin-right: 0;
    }
    .caller__frames_acts_btn .svg_icon {
        fill: #808080;
        transition: fill .3s ease;
    }
    .caller__frames_acts_btn.active .svg_icon {
        fill: #41cc44;
    }
    .caller__frames_acts_btn_record {
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;

        margin: 0 15px 0 0;

        border: 3px solid #808080;
        background: #808080;
        border-radius: 50%;
        box-shadow: inset 0px 0 0 3px #fff;
    }
    .caller__frames_acts_btn_record.active {
        background: #cc0000;
        border-color: #cc0000;
    }

.caller__frames_fl {
    margin-top: 15px;
}

.caller__frames_bandwidth {
    margin-top: 10px;
}

.caller__frames_media_source {
    margin-top: 10px;
    padding: 2px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

.source_label {
    padding: 5px 0 5px 5px;
}

.confirm_media {
    margin-top: 10px;
}

/**
 * MAIN VIDEO
 */
.frames__main {
    position: relative;
}

.frames__main_timer {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 10px;
    z-index: 9;
}

/**
 * CALLEES
 */

.frames__callees {
    margin: 17px 0 0 0;
    font-size: 0;
}

.frames_callee {
    display: inline-block;
    position: relative;
    width: 33%;

    margin-bottom: 15px;

    padding-top: 14px;
    padding-right: 10px;

    vertical-align: top;

    font-size: 14px;
}
    .frames_callee.wait:after {
        min-width: auto;
        min-height: auto;
        background-size: 30%;
    }

.frames_callee__inner {
    position: relative;
    margin: 0 0 10px 0;
}

.frames_callee__status {
    position: absolute;
    width: 100%;
    top: -14px;

    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
}

.frames_callee__video {
    margin: 0 auto;
    border: 4px solid transparent;

    transition: border-color .3s ease;
}
    .frames_callee__video.active {
        border-color: #41cc44;
    }
    .frames_callee-wait .callees__callee__inner:before{
        content: " ";
        display: block;

        position: absolute;
        /* min-width: 100px;
        min-height: 100px;
        max-width: 100px;
        max-height: 100px; */

        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        
        background: url('images/loader2.gif') no-repeat center;
        background-size: 50px;
        z-index: 9;
    }

.frames_callee__name {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.2;
}

.frames_callee__bitrate {
    display: none;
    position: absolute;
    bottom: 28px;
    right: 10px;
    background: rgba(0,0,0, .3);
    color: #fff;
    width: calc(100% - 10px);
    height: 15px;
    line-height: 15px;
    text-align: right;
    padding: 0 1px 0 0;
    font-size: 12px;
}

.sample_info {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: #808080;
}


/* added and override by badshah */

.j-state_board, .caller__frames_acts, .caller__frames_fl, .caller__frames_bandwidth, .caller__frames_media_source {
    display: none;
}

.j-users{
    height: 100vh;
    overflow: scroll;
    width: 100vw;
    /* z-index: 1; */
}

/* ----------------------dynamic part start---------------------------- */

.frames__main{
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 0;
    display: none; 
}

.frames__main__addon{
    z-index: 1;
    display: block;  
}

.j-users_wrap{
    position: inherit;
    z-index: 2;
    width: 100%;
    /* padding: 10px; */
    height: 100vh;
    background: #d6d6d6;
}



/* ----------------------dynamic part end---------------------------- */


.qb-video{
    height: 100vh;
}

.my_local_video{
    height: fit-content;
}

.frames__callees {
    margin: 0;
}

.users__list{
    position: fixed;
    margin: auto;
}

.board{
    position: fixed;
    /* width: 100%; */
    box-sizing: border-box;
    padding: 0;
}

.dashboard__inner {
    margin-top: 0;
}

.inner {
    position: relative;
    width: 100%;
    max-width: 890px;
    margin: auto;
}

.j-footer{
    display: none;
}

.float-right{
    float: right;
}

.calling_button{
    padding: 5px;
    background: #cfcfcf;
    color: #2c2c2c;
    border-radius: 50%;
    width: 25px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin: 1px;
}

.calling_button:hover{
    background: #979797;
}

.caller{
    display: none;
}

.hangup_calls{
    position: fixed;
    z-index: 2;
    background: red;
    color: white;
    padding: 15px 17px;
    font-size: 25px;
    border: none;
    border-radius: 50%;
    text-align: center;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}


/*  For matching Sprngpod App  */
html{
    background: url(images/background.jpg) no-repeat fixed center;
    background-size: cover;
    overflow: hidden;
    overflow-x: scroll;
}

body{
    background: transparent;
}

.logo img {
    width: 100px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 2px #ffffff;
}

.logo {
    /* text-align: center;
    margin-top: 8%; */
}

.join__input{
    width: 100%;
    outline: none;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    background: #000000b0;
    color: #9f9f9f;
}

.join__body{
    margin-top: 45px;
}

.users__list{
    overflow-x: hidden;
    background: #d6d6d6;
}

.user__name{
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.calling_button{
    margin: 2px;
}

/* .users__user:hover{
    background-color: #565656f2;
} */

#search_by_username{
    font-weight: 200;
    background: transparent;
    height: 6vh;
    padding: 0px 10px;
}


.modal-content{
    background-color: #2c2c2c;
}

.j-decline{
    color: white;
    background: #a90000;
}

.modal-header,.modal-footer{
    border: none;
}

.modal-header{
    font-size: 15px;
    font-weight: 700;
}

.j-accept{
    background: #008f00;
    border-color: #008f00;
}


.qb-video{
    background: #222222;
}

.frames__main_timer{
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.frames__main_name{
    display: inline-block;
    position: absolute;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    z-index: 9;
}

.phonebookbanner img{
    width: 100%;
    border-radius: 25px;
    padding: 10px;
}

.page_title{
    text-align: center;
    color: black;
    font-size: 20px;
    font-weight: 600;
    padding-top: 20px;
    background: white;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 8vh;
    font-family: 'Montserrat', sans-serif;
}

.backbutton{
    position: fixed;
    float: left;
    left: 25px;
}

.backbutton img {
    width: 30px;
    background: #ffeecf;
    padding: 5px;
    border-radius: 20px;
}

@media only screen and (max-width: 400px){
    .logo {
        /* margin-top: 25%; */
    }
}

/* .j-users{
    width: 78vw;
} */

.f-active{
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 2;
    background: aliceblue;
}

.caller_name{
    font-family: 'Open Sans';
    position: fixed;
    top: 25%;
    font-size: 22px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.f-active {
    font: 5vmin/1.3 Serif;
    overflow: hidden;
    background: #123;
  }
  
  .f-active, .f-active {
    display: block;
    font-size: 52px;
    /* color: transparent; */
  }
  
  .f-active::before, .f-active::after,
  .f-active::before, .f-active::after {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 3em;
    height: 3em;
    content: ".";
    mix-blend-mode: screen;
    animation: 44s -27s move infinite ease-in-out alternate;
  }
  
  .f-active::before {
    text-shadow: 2.1391010941em -0.1726397522em 7px rgba(47, 0, 255, 0.9), 0.2011514567em 1.5046766284em 7px rgba(152, 0, 255, 0.9), 1.8653945869em 1.4954228357em 7px rgba(0, 149, 255, 0.9), -0.493893421em -0.1511520562em 7px rgba(19, 255, 0, 0.9), 1.8673307382em 1.6951176925em 7px rgba(255, 130, 0, 0.9), -0.1111148973em 0.5090557526em 7px rgba(0, 255, 245, 0.9), 0.6834740518em 2.3249700977em 7px rgba(0, 255, 107, 0.9), 2.1830431635em 0.3782477805em 7px rgba(0, 232, 255, 0.9), 2.4715200207em 0.2242455234em 7px rgba(139, 255, 0, 0.9), 2.0946076644em 1.9698339203em 7px rgba(255, 194, 0, 0.9), 1.9399930722em 0.3956535108em 7px rgba(236, 0, 255, 0.9), 0.0825932097em 1.7441185818em 7px rgba(68, 0, 255, 0.9), -0.1329929524em 0.7121817365em 7px rgba(181, 255, 0, 0.9), 0.9495931284em 0.0049073953em 7px rgba(0, 255, 237, 0.9), 2.0366822102em 1.9413975916em 7px rgba(255, 155, 0, 0.9), 1.1330208495em 2.3242725288em 7px rgba(0, 203, 255, 0.9), -0.2451234738em 1.1917164511em 7px rgba(255, 0, 75, 0.9), 2.0966818613em 2.4037393981em 7px rgba(0, 238, 255, 0.9), 1.7059762904em 1.1589762096em 7px rgba(0, 219, 255, 0.9), 2.112738669em 1.7703850026em 7px rgba(255, 0, 173, 0.9), 2.037188045em 0.1163398238em 7px rgba(255, 0, 252, 0.9), 0.899387331em 0.4420443589em 7px rgba(255, 0, 137, 0.9), 1.0025896635em 2.3283313258em 7px rgba(80, 255, 0, 0.9), 0.5733420585em 0.7559960363em 7px rgba(255, 0, 196, 0.9), 1.9779060135em 0.5890392003em 7px rgba(0, 255, 165, 0.9), 0.0248439323em 1.1122650509em 7px rgba(2, 255, 0, 0.9), 1.4219098525em -0.1464587685em 7px rgba(0, 231, 255, 0.9), 1.1445882566em 0.0284374245em 7px rgba(0, 255, 95, 0.9), 1.7821548734em -0.4544952007em 7px rgba(79, 0, 255, 0.9), -0.1991095501em 2.4638546667em 7px rgba(163, 255, 0, 0.9), 0.2209219868em 0.935046372em 7px rgba(255, 208, 0, 0.9), 2.2272013501em 1.4905708037em 7px rgba(0, 255, 84, 0.9), 1.5258980034em 2.2843400716em 7px rgba(137, 0, 255, 0.9), -0.3145194745em -0.3388265023em 7px rgba(0, 255, 242, 0.9), 2.3905295823em -0.0133751738em 7px rgba(0, 74, 255, 0.9), 1.9444116603em 0.7409308506em 7px rgba(231, 0, 255, 0.9), 0.7051300533em -0.2770584907em 7px rgba(54, 0, 255, 0.9), 0.3382904182em 0.3912042568em 7px rgba(255, 59, 0, 0.9), -0.2301800286em 0.7836853685em 7px rgba(53, 0, 255, 0.9), 2.3042839263em 1.4353171502em 7px rgba(255, 0, 89, 0.9), 1.3710331183em -0.07661213em 7px rgba(255, 0, 140, 0.9);
    animation-duration: 44s;
    animation-delay: -27s;
  }
  
  .f-active::after {
    text-shadow: 0.4344978101em -0.2889249873em 7px rgba(102, 255, 0, 0.9), 2.0777121379em -0.0266663846em 7px rgba(0, 134, 255, 0.9), -0.4883764731em -0.2228782725em 7px rgba(255, 206, 0, 0.9), 2.4001144506em 2.0214484961em 7px rgba(255, 0, 44, 0.9), 0.1431082841em 0.9775573096em 7px rgba(5, 255, 0, 0.9), -0.1573352042em -0.3715994786em 7px rgba(255, 129, 0, 0.9), 2.0837504012em 0.8209299053em 7px rgba(113, 255, 0, 0.9), 0.7416755041em 2.4703715464em 7px rgba(0, 255, 20, 0.9), 1.5863695477em -0.1420023606em 7px rgba(255, 0, 175, 0.9), 1.5632647148em 0.4043025219em 7px rgba(245, 255, 0, 0.9), 0.551693519em -0.0000868895em 7px rgba(255, 236, 0, 0.9), 0.0934184484em 1.7103418092em 7px rgba(0, 243, 255, 0.9), 0.0288250722em -0.3036162557em 7px rgba(255, 216, 0, 0.9), 1.1697068436em 2.2442904418em 7px rgba(0, 255, 20, 0.9), 2.3462222522em -0.2792675301em 7px rgba(0, 35, 255, 0.9), -0.1650111677em -0.301651123em 7px rgba(255, 0, 134, 0.9), 2.4115672126em 1.6408289624em 7px rgba(255, 18, 0, 0.9), -0.2988401737em 0.5668648311em 7px rgba(255, 0, 252, 0.9), -0.3230898952em 1.3128618903em 7px rgba(255, 95, 0, 0.9), 2.1445906601em 2.4141385875em 7px rgba(237, 0, 255, 0.9), -0.3617796432em 2.3254157877em 7px rgba(177, 255, 0, 0.9), 0.6687531393em 0.3002953758em 7px rgba(255, 180, 0, 0.9), 0.5201420971em 1.9635584137em 7px rgba(53, 255, 0, 0.9), 1.3446123645em 1.8450929277em 7px rgba(84, 0, 255, 0.9), 1.9583824744em 0.3689352768em 7px rgba(0, 255, 198, 0.9), -0.2868927068em 0.5874198273em 7px rgba(255, 199, 0, 0.9), -0.0934091668em 1.0630642863em 7px rgba(77, 255, 0, 0.9), 2.0351052757em 1.3962753504em 7px rgba(255, 0, 195, 0.9), 1.0538966573em 1.9740000491em 7px rgba(255, 0, 160, 0.9), 2.0466823341em 0.8272626288em 7px rgba(0, 120, 255, 0.9), 0.3084988489em -0.2572984302em 7px rgba(255, 0, 229, 0.9), -0.0329981144em 0.8954340946em 7px rgba(255, 0, 182, 0.9), 0.7887567218em 1.7654574996em 7px rgba(0, 72, 255, 0.9), -0.4187911696em -0.3784814225em 7px rgba(0, 235, 255, 0.9), 2.0788325067em 2.1067983525em 7px rgba(255, 0, 145, 0.9), -0.2304111066em 1.2075122758em 7px rgba(255, 228, 0, 0.9), 0.4898101892em -0.2419699222em 7px rgba(2, 255, 0, 0.9), 0.1321982615em -0.4336720481em 7px rgba(255, 0, 143, 0.9), 0.8897381804em 0.8687101302em 7px rgba(30, 255, 0, 0.9), -0.3590891981em 1.56925306em 7px rgba(255, 0, 162, 0.9), 1.4888890953em 2.3443774279em 7px rgba(174, 0, 255, 0.9);
    animation-duration: 43s;
    animation-delay: -32s;
  }
  
  .f-active::before {
    text-shadow: -0.3924556102em 1.3205781159em 7px rgba(157, 0, 255, 0.9), 1.6913826095em 1.2706058899em 7px rgba(255, 99, 0, 0.9), 1.2251736215em 0.1310893462em 7px rgba(0, 95, 255, 0.9), 2.0279757278em 0.9168930803em 7px rgba(9, 0, 255, 0.9), 2.0682405455em 0.9870124002em 7px rgba(255, 239, 0, 0.9), 2.2700834496em 1.0406881372em 7px rgba(255, 0, 197, 0.9), 0.1154101168em -0.3296724506em 7px rgba(28, 0, 255, 0.9), -0.3668781521em 2.4023598409em 7px rgba(0, 225, 255, 0.9), 0.5146310857em -0.0529716179em 7px rgba(0, 180, 255, 0.9), 0.8218780231em 0.7336350377em 7px rgba(115, 255, 0, 0.9), 2.1674946968em 0.9988955982em 7px rgba(0, 44, 255, 0.9), 0.0318469802em 1.8247904595em 7px rgba(255, 0, 142, 0.9), 0.08042936em 0.4144303534em 7px rgba(255, 203, 0, 0.9), -0.361006716em 1.1545941779em 7px rgba(32, 255, 0, 0.9), 2.0582766876em -0.0898871245em 7px rgba(0, 247, 255, 0.9), 0.5480570721em 2.0998101318em 7px rgba(189, 0, 255, 0.9), 0.7819737716em 1.7866398308em 7px rgba(255, 153, 0, 0.9), 0.5521217037em 0.1953546335em 7px rgba(85, 255, 0, 0.9), -0.0870280125em 1.8916902507em 7px rgba(122, 255, 0, 0.9), 1.4473717811em 2.1233542763em 7px rgba(182, 0, 255, 0.9), 1.6320180787em 2.4614993937em 7px rgba(43, 0, 255, 0.9), 1.8736621847em 1.9999949982em 7px rgba(72, 0, 255, 0.9), -0.0125881586em 1.6808291em 7px rgba(0, 255, 6, 0.9), 2.1445511774em 1.3047930644em 7px rgba(255, 0, 60, 0.9), 1.2179055179em 2.2848462614em 7px rgba(149, 255, 0, 0.9), 1.8061029014em 1.2424407322em 7px rgba(241, 0, 255, 0.9), 0.9647343979em 0.6470215841em 7px rgba(0, 180, 255, 0.9), 1.6569968463em 1.5742825943em 7px rgba(255, 172, 0, 0.9), 1.3614495787em 2.0647662927em 7px rgba(131, 255, 0, 0.9), 0.9527861899em 1.8788957201em 7px rgba(255, 97, 0, 0.9), 2.2429021087em -0.2520176409em 7px rgba(0, 238, 255, 0.9), 1.5540632799em 2.3303302026em 7px rgba(255, 219, 0, 0.9), -0.3827907306em 2.4985576215em 7px rgba(212, 0, 255, 0.9), -0.1244960773em -0.2937148816em 7px rgba(0, 7, 255, 0.9), 1.7974116151em 1.8515690488em 7px rgba(143, 255, 0, 0.9), 1.7784336392em 0.2303661424em 7px rgba(255, 149, 0, 0.9), 2.0454792971em 2.2275058611em 7px rgba(45, 0, 255, 0.9), -0.2981915608em 0.9497696805em 7px rgba(255, 124, 0, 0.9), 2.3198283757em 0.9481255852em 7px rgba(86, 0, 255, 0.9), 1.288583643em 1.2193466542em 7px rgba(255, 13, 0, 0.9), 2.211004663em 1.7283614958em 7px rgba(69, 0, 255, 0.9);
    animation-duration: 42s;
    animation-delay: -23s;
  }
  
  .f-active::after {
    text-shadow: 2.04113937em 1.6837762629em 7px rgba(183, 255, 0, 0.9), 1.9927110713em 1.0662557144em 7px rgba(204, 255, 0, 0.9), 1.5606267805em 1.9070645517em 7px rgba(0, 255, 202, 0.9), 1.0906430157em 0.6785814446em 7px rgba(87, 255, 0, 0.9), 2.0698298119em 1.5695017013em 7px rgba(255, 0, 176, 0.9), 1.1584244513em 1.9741953857em 7px rgba(0, 234, 255, 0.9), 0.4043997938em 0.3097862759em 7px rgba(225, 255, 0, 0.9), 0.9065994283em 1.3174875682em 7px rgba(0, 3, 255, 0.9), -0.3582730632em 2.2638401881em 7px rgba(255, 237, 0, 0.9), -0.4496643133em -0.2893714204em 7px rgba(208, 255, 0, 0.9), 0.2574538194em -0.0474082241em 7px rgba(0, 81, 255, 0.9), 1.5408388679em 0.0220022645em 7px rgba(0, 255, 220, 0.9), 0.6505708239em 0.9327621643em 7px rgba(0, 95, 255, 0.9), -0.4039297428em 0.9220878796em 7px rgba(255, 238, 0, 0.9), 0.4511081199em 0.8487455927em 7px rgba(0, 255, 203, 0.9), -0.1031789256em 0.1955956562em 7px rgba(245, 0, 255, 0.9), -0.0815722486em 0.9580905016em 7px rgba(255, 121, 0, 0.9), -0.1265429967em -0.4398133549em 7px rgba(133, 0, 255, 0.9), 0.5274990457em 0.165901191em 7px rgba(103, 0, 255, 0.9), 0.9778081138em 1.6780000274em 7px rgba(0, 255, 237, 0.9), 0.595643614em 0.3098927949em 7px rgba(255, 0, 41, 0.9), 1.6670070954em -0.0875190307em 7px rgba(255, 0, 157, 0.9), 1.1626714329em 1.1004308026em 7px rgba(0, 255, 150, 0.9), 2.1292175143em 0.9782908945em 7px rgba(255, 114, 0, 0.9), 0.6164262999em 0.9331368963em 7px rgba(0, 255, 124, 0.9), 1.5820824978em 0.7922917762em 7px rgba(74, 255, 0, 0.9), 0.5528205029em 1.9501213136em 7px rgba(255, 0, 152, 0.9), 1.7396236182em 0.8861756992em 7px rgba(255, 0, 52, 0.9), 1.4675180265em 1.8031941339em 7px rgba(0, 67, 255, 0.9), 1.8349496432em 0.8318391432em 7px rgba(56, 255, 0, 0.9), -0.423914945em 1.1107848031em 7px rgba(0, 255, 167, 0.9), -0.4191650168em 2.3539095579em 7px rgba(255, 234, 0, 0.9), 1.3765426118em 2.280310064em 7px rgba(255, 14, 0, 0.9), 2.169127363em 1.9569264131em 7px rgba(0, 255, 73, 0.9), 1.465052876em 2.0102690683em 7px rgba(255, 0, 111, 0.9), 0.3157089336em 0.0803580044em 7px rgba(0, 240, 255, 0.9), 0.1279067487em -0.3198218152em 7px rgba(239, 0, 255, 0.9), 0.5544498621em 0.5717262555em 7px rgba(0, 255, 124, 0.9), 0.6046296719em 0.605656772em 7px rgba(255, 0, 127, 0.9), 0.9438981334em 1.4470023697em 7px rgba(171, 0, 255, 0.9), -0.0460002613em 2.3621126716em 7px rgba(0, 224, 255, 0.9);
    animation-duration: 41s;
    animation-delay: -19s;
  }
  

  /* .users__list{
    margin-left: -10px;
  } */

  .hang-active{
    display: block;
  }

  .callees__callee__video{
    display: none;
  }
  
  .caller__ctrl_btn{
    display: none;
  }

  .show_caller{
    display: block;
  }

  .iti{
    width: 100%;
  }

  .togglespeaker{
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin: 0 15px 0 0;
    background-position: center;
    outline: none;
    position: fixed;
    z-index: 5;
    background: #00000066;
    color: white;
    font-size: 25px;
    border: none;
    border-radius: 50%;
    text-align: center;
    top: 85%;
    left: 70%;
    transform: translate(-50%, -50%);
    display: none;
  }

  .speakers-active{
    display: block;
  }

  .audio_video_call_select{
    position: fixed;
    width: 100%;
    height: 8vh;
    background: white;
    bottom: 0;
  }

  .audio_video_call_select ul{
    display: flex;
    height: 100%;
    list-style: none;
    color: #161616;
    justify-content: space-around;
    align-items: center;
  }

  .audio_video_call_select ul li i{
    font-size: 30px;
  }

  #audiocallset{
    color: orange;
  }

  @keyframes move {
    from {
      transform: rotate(0deg) scale(12) translateX(-20px);
    }
    to {
      transform: rotate(360deg) scale(18) translateX(20px);
    }
  }

  .unit{
    color: #565656;
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
  }</pre></body></html>