.join-chat-block{border:1px solid var(--lightBlueBorder);border-radius:8px;margin-top:24px;box-shadow:0 1px 2px 0 #0000000D}.join-chat-header{background-color:var(--anchorColor);color:var(--whiteColor);border-radius:8px;padding:24px;display:flex;justify-content:space-between;align-items:center}.join-chat-top-block{width:33.33%;font-size:18px}.join-chat-top-block.total-user,.join-chat-top-block.join-active{margin-top:20px}.join-chat-top-block.total-user{display:flex;column-gap:10px}.total-user-text{color:var(--white80)}.live-block{display:inline-flex;align-items:center;gap:4px;background-color:var(--redColor);border-radius:10px;padding:4px 10px;margin-bottom:8px}.live-dot{width:7px;height:7px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.live-text{font-weight:600;color:var(--whiteColor);text-transform:uppercase;font-size:10px;letter-spacing:.5px}.join-chat-top-block span.chat-head{display:block;font-size:18px;font-weight:600;margin-bottom:5px}.join-chat-top-block span.chat-subhead{color:var(--white90);font-size:12px;display:block}.join-chat-top-block.total-user img{position:relative;top:3px}.join-chat-top-block.total-user>span{margin-left:10px;color:var(--white80)}.join-chat-top-block.join-active{color:var(--white80)}.join-chat-top-block.join-active>span{position:relative;padding-left:15px;color:var(--whiteColor)}.join-chat-top-block.join-active>span:before{content:'';width:5px;height:5px;border-radius:100%;left:0;top:8px;position:absolute;background-color:var(--greeenColor)}.mesg-form-wrap{max-width:90%;margin:15px auto;display:flex;justify-content:space-between}.join-chat-msg-block{width:calc(100% - 370px)}.join-chat-msg-block .recent-msg-head{margin-bottom:12px}.join-chat-msg-block .recent-msg-wrap{padding:0}.join-chat-msg-block .msg-block{background-color:var(--lightBlueBg);padding:8px 13px;display:flex;justify-content:space-between;margin-bottom:8px}.join-chat-msg-block .msg-block:last-child{margin-bottom:0}.join-chat-msg-block .msg-block span{display:block}.join-chat-msg-block .msg-block span:last-child{margin-top:5px;color:var(--lightTextColor)}.join-chat-msg-block .msg-block-right{color:var(--lightTextColor)}.join-chat-form-block{max-width:350px;width:100%;background:linear-gradient(180.11deg,rgba(11,102,194,.04) .1%,rgba(11,102,194,.25) 22.86%,#0B66C2 99.9%);border-top:1px solid #c6dbf1;border-radius:8px;padding:24px;display:flex;flex-direction:column;justify-content:center}.chat-students{font-size:12px;font-weight:600;text-align:center;margin:0 0 8px}.chat-students>span{font-weight:400;color:var(--lightTextColor)}.chat-form-block{padding:0}.input-block{position:relative;margin-bottom:12px}.name-icon,.mail-icon,.flag-icon{position:absolute;left:10px;top:0;z-index:1;height:100%;display:flex;align-items:center}.flag-icon{padding-right:10px;color:var(--lightTextColor);gap:7px}.flag-icon:after{content:'';position:absolute;border-right:1px solid var(--grey90);height:100%;top:0;right:0}.chat-input-style{background-color:var(--whiteColor);border:1px solid var(--grey90);width:100%;border-radius:6px;font-size:12px;padding:12px 12px 12px 40px}.input-number-style .chat-input-style{padding-left:75px}#join-chat-otp-screen{display:none}.input-otp-style .chat-input-style{padding:12px;text-align:center;letter-spacing:15px}.input-otp-style .chat-input-style::placeholder{letter-spacing:normal}.input-otp-style .chat-input-style::-moz-placeholder{letter-spacing:normal}.input-otp-style .chat-input-style::-webkit-input-placeholder{letter-spacing:normal}.chat-input-style:focus-visible{outline:none}.otp-sent{display:block;text-align:center;margin-top:10px;color:var(--whiteColor)}.red-btn{background-color:var(--redColor);font-size:12px;font-weight:600;text-align:center;width:100%;border-radius:6px;padding:12px 0;border:0;outline:none;color:var(--whiteColor);display:flex;justify-content:center;align-items:center;gap:4px;cursor:pointer}.down-chat-style{position:absolute;right:-30px;top:15px;cursor:pointer;display:none}.form-select.form-select-chat .select2-container--default .select2-selection--single{border:0}.form-select.form-select-chat .select2-container--default .select2-selection--single .select2-selection__arrow{display:none!important}.form-select.form-select-chat .select2-container--default .select2-selection--single:focus-visible{border:1px solid var(--borderLeadInput)!important}.form-select.form-select-chat .select2-container{border:1px solid var(--grey90);border-radius:6px;font-size:12px}@media only screen and (max-width:1024px){.join-chat-top-block.total-user>span,.join-chat-top-block.join-active>span{display:block}.join-chat-top-block,.join-chat-top-block.join-active>span{font-size:14px;font-weight:700}.join-chat-top-block.total-user>span,.join-chat-top-block.join-active{font-size:12px;margin:0}.join-chat-top-block{width:45%}.join-chat-top-block.total-user{width:35%;margin-top:20px}.join-chat-top-block.join-active{width:20%;margin-top:20px}.mesg-form-wrap{flex-direction:column}.join-chat-msg-block,.join-chat-form-block{max-width:100%;width:100%}.join-chat-top-block.total-user{flex-direction:column}}@media only screen and (max-width:992px){.join-chat-header{padding:10px}.mesg-form-wrap{max-width:100%;padding:0 10px}.join-chat-msg-block .recent-msg-wrap{height:200px;overflow:hidden}.join-chat-block{margin-top:20px}.down-chat-style{display:block}.down-chat-style.down-chat-style-up{transform:rotate(180deg)}.chat-btn{max-width:200px;width:100%;margin:0 auto}.chat-login-fields{display:none}}.chat-content{background:#fff;padding:10px 30px;display:none}.chat-lead-form{padding:0}.chat-horizontal-layout{display:flex;gap:17px;align-items:flex-start}.recent-messages-section{min-width:0;padding:10px}.recent-messages-section h5{font-weight:400;font-size:14px;line-height:20px;color:#020817}.message-preview{border-radius:8px;padding:8px 0;width:317px}.preview-item{border:1px solid #e2e8f0;margin-bottom:8px;padding:10px 14px;background:#F3F7FC;border-radius:4px}.preview-item:last-child{margin-bottom:0}.preview-item strong{font-size:12px;color:#333;font-weight:400}.preview-item .time{font-size:11px;color:#999;float:right}.preview-item p{font-size:12px;color:#666;margin:4px 0 0 0!important;clear:both;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-form-section{text-align:center;margin-top:8px;padding:28px 24px!important;height:100%;border-radius:8px;background:linear-gradient(180.11deg,rgba(11,102,194,.04) .1%,rgba(11,102,194,.25) 22.86%,#0B66C2 99.9%);box-shadow:inset 0 0 0 1px rgba(11,102,194,.2);width:350px}.students-count{font-size:12px;margin-bottom:16px!important;color:#666;text-align:center}.students-count strong{color:#000;font-weight:600}.lead-form{text-align:left}.lead-form .form-control:focus{border-color:#3c83f6;outline:none;box-shadow:0 0 0 2px rgba(60,131,246,.2)}.join-chat-submit{color:#fff!important;border:none;font-weight:600;transition:background 0.3s;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;height:40px;background:#ff4e53!important;border-radius:6px!important;font-weight:600!important;font-size:12px!important;line-height:14px!important}.chat-interface{display:none;padding:16px;background:#fff;border-radius:0 0 16px 16px}.chat-message{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:16px;width:100%;padding:0px!important}.highlighted .common-text-box{background:#4E85EE;color:#fff}.highlighted .chat-attachment-link{color:#fff!important}.message-content{display:flex;flex-direction:row;align-items:flex-end;width:100%;gap:8px;padding:0px!important}.message-bubble{border-radius:12px;padding:3px 12px;max-width:80%;word-wrap:break-word;margin-left:20px;flex-shrink:0}.message-text{font-size:14px;line-height:1.4;color:#333;margin:0}.message-timestamp{font-size:11px!important;color:#888!important;display:flex;flex-direction:row;align-items:center;padding:0px!important;gap:5.13px;white-space:nowrap;flex-shrink:0}.attachment{display:flex;align-items:flex-start;gap:6px;max-width:100%}.highlighted .chat-attachment-link{color:#fff}.chat-attachment-link{display:inline-flex;flex-direction:column;color:#0073e6;text-decoration:none}.chat-attachment-link-icon{flex-shrink:0;font-size:16px}.filename,.message-text{white-space:normal;word-break:break-word;overflow:visible}.chat-tabs{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;width:162px;height:40px;background:#FFF;box-shadow:0 4px 11px rgba(0,0,0,.07);border-radius:6px}.chat-tabs-container .tab{padding:10px 5px;font-size:12px;color:#666;cursor:pointer;display:flex;align-items:center;gap:4px;height:30px;margin-top:6px;margin-bottom:6px}.chat-tabs-container .tab.active{color:var(--primary-font-color)}.chat-tabs-container .tab.active .tab-label-active{font-weight:600;width:72px;height:20px;font-weight:400;font-size:14px;line-height:20px;color:#020817;margin-bottom:0}.chat-tabs-container .chat-tabs .tab svg{display:flex;padding:0 5px 0 0;width:18.5px;height:20px}.send-btn{color:#fff!important;justify-content:center;transition:background 0.3s;display:flex!important;flex-direction:column;align-items:center;border-radius:6px;padding:0px!important;gap:4px;width:36px;height:36px;background:#4285F4!important;opacity:1;border:1px solid #F1F5FF;margin-left:10px!important}.send-btn:hover{background:#4285F4}#join-chat-form-btn-submit svg{margin-left:5px}#join-chat-form-btn-submit:disabled{opacity:.5;cursor:not-allowed}.form-group-live-chat input:focus,.form-group-live-chat select:focus,.form-group-live-chat select option:not([value=""]):checked{color:#282828!important}.form-group-live-chat input:focus+svg{fill:#282828!important}.form-group-live-chat input:focus+svg path{fill:#282828!important}.form-group-live-chat.mobileNumberCode:focus-within .dialCode{color:#282828!important}#lead-name:focus{color:#282828!important}#lead-name:focus+svg path{fill:#282828!important}#lead-email{color:rgb(217,217,217)!important}#lead-email:focus{color:#282828!important}#lead-email:focus+svg path{fill:#282828!important}#lead-mobile:focus{color:#282828!important}.form-group-live-chat svg,.form-group-live-chat svg path{transition:fill 0.3s ease}.form-group-live-chat .dialCode{transition:color 0.3s ease}.form-group-live-chat input{transition:color 0.3s ease}.live-chat-messages{height:500px;display:flex;flex-direction:column;gap:10px}.welcome-notification{background:rgba(115,224,132,.2);padding:10px;text-align:center;font-size:12px;color:#3ae478;border-bottom:1px solid #e0e0e0;width:100%;height:27px}.welcome-text-user-names{font-size:14px!important;line-height:17px!important;color:#73E084!important;position:relative;top:-4px}.chat-tabs-container{background:#fff}.tab .badge{background:#f44;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;font-weight:600;position:relative;right:11px;margin-bottom:13px;width:20px;height:20px;display:inline-flex;justify-content:center;line-height:15px}.messages-container{flex:1;overflow-y:auto;padding:12px;background:#fff;scrollbar-width:none;-ms-overflow-style:none;padding-top:20px;border-radius:8px;max-height:400px;overflow-x:hidden}.messages-container::-webkit-scrollbar{display:none}.mod-badge{color:#4A3A0BCC;font-size:12px;padding:2px 6px;font-weight:400;width:43px;height:18px;text-align:center;background:#FEEA36;border-radius:25px}.highlighted{justify-content:flex-end;align-items:flex-end}.highlighted .message-content{flex-direction:row-reverse;align-items:flex-end;max-width:80%}.input-wrapper .attachment-btn{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:36px;height:36px;border:1px solid #F1F5FF;border-radius:4px;flex:none;order:0;flex-grow:0;justify-content:center;background:transparent}#enhanced-chat-widget .select2-container:focus-visible,.otp-box-live-chat input:focus-visible{outline:none!important}.otp-box{border-radius:12px;padding:0;text-align:center;margin:0;width:100%;box-sizing:border-box}.otp-box span.otplabel{color:#FFF;font-size:13.4531px;display:block;margin:0 0;font-weight:400;font-size:13.4531px;line-height:16px;align-items:center}.otp-box input[type="text"]{width:100%;height:40px;font-weight:300;font-size:12px;line-height:14px;margin:12px 0;border:1px solid #ddd;border-radius:8px;text-align:center;box-sizing:border-box;padding-left:0px!important}.otp-box .verify-btn{width:100%;color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;margin:8px 0;transition:background 0.3s;height:37px;background:#ff4e53;border-radius:6px;margin-top:10px!important}.otp-box .verify-btn:disabled{background:#9ca3af;cursor:not-allowed}.otp-box .change-number{display:block;color:#fff;text-decoration:none;font-size:14px;margin-top:12px;cursor:pointer}.otp-box .change-number:hover{text-decoration:underline}.attachment-btn:hover{background:#3ae478;color:#fff;border-radius:15%;transition:background 0.3s,color 0.3s}.input-with-emoji{position:relative;display:flex;align-items:center;gap:4px;right:-10px;padding-bottom:0px!important}#input-hint-text{font-size:10px;color:#767676;text-align:justify;margin-left:57px!important;position:relative;top:10px}.message-input-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0px!important;gap:10px;width:700px;flex:none;order:5;align-self:stretch;flex-grow:0}.input-wrapper{width:100%;display:flex;flex-direction:row;align-items:flex-start;padding:0px!important;gap:10px;flex:none;order:0;align-self:stretch;flex-grow:0}.message-input{display:flex;flex-direction:column;align-items:center;padding:10px 14px;gap:4px;width:590px;height:36px;border:1px solid #DDD;border-radius:6px;flex:none;order:1;flex-grow:1}.send-btn:hover{background:#2563eb}.send-btn:disabled{cursor:not-allowed!important;opacity:.5}.message-avatar{display:flex;font-size:12px!important;justify-content:center;font-weight:600;color:#fff;flex-direction:column;padding:10px 9px;width:36px;height:36px;background:#FF4E53;border-radius:100px}.message-input:focus{outline:none}.message-avatar-header{display:flex;flex-direction:row;align-items:center;padding:0px!important;gap:10px;margin-bottom:4px}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;line-height:14px!important}.message-header .username{font-weight:400;font-size:12px;line-height:16px;color:#020817}.common-text-box{padding:10px 14px;border-radius:4px;font-size:14px!important;line-height:1.4!important;color:#374151;word-wrap:break-word;background:#f3f4f6;margin:0}.moderator-text{background:#73E084;color:#fff!important}.highlighted{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:0;gap:10px;width:100%}.highlighted .common-text-box{background:#3c83f6;color:#fff}.levelLiveIcon{background-position:-328px -12px;width:20px;height:14px;top:-27px;left:10px;position:relative;display:block}.streamLiveIcon{background-position:-200px -13px;width:21px;height:13px;top:-28px;left:13px;position:relative}@media (max-width:768px){.common-text-box{padding:8px 12px;font-size:12px}.message-content{display:block}.message-bubble{max-width:90%!important}.message-avatar{padding:7px 7px;width:30px;height:30px}.message-avatar-header{margin-bottom:0}.mod-badge{font-size:11px;width:37px;height:15px}.message-timestamp{font-size:10px;margin-left:30px}.chat-interface{padding:0}.messages-container{padding:5px!important}.highlighted .message-bubble{margin-left:20px}.highlighted .message-timestamp{float:right;margin-right:26px}.message-input-container,.input-with-emoji,.message-input{width:100%}.send-btn{width:45px}#input-hint-text{top:3px!important}.chat-content{padding:16px}.chat-horizontal-layout{flex-direction:column;gap:16px}.recent-messages-section{order:1;width:100%;padding:0;margin-bottom:16px}.recent-messages-section h5{margin-bottom:12px;font-weight:600}.join-form-section{order:2;padding:16px;margin-top:0;width:100%}.lead-form .form-control{height:48px;font-size:16px;margin-bottom:12px;width:100%!important}.form-group-live-chat,.mobileNumberCode{width:100%!important}.preview-item{padding:8px;margin-bottom:6px}.message-preview{padding:8px;margin-bottom:12px;width:100%}}