*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{display:flex;flex-direction:column;width:720px;margin:20px;box-shadow:0 4px 15px 5px #0000001a;border-radius:25px}body{color:#fff;background-color:#000053e6;background-image:url(/static/img/bg-1.jpg);background-position:center;background-size:cover;min-height:100vh;overflow:auto;overflow-x:hidden;width:100%}*{box-sizing:border-box}#output-container{display:flex;width:100%;margin-bottom:10px;justify-content:space-between;min-height:60vh}.messages-container{width:55%}.message-item{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;padding:8px;margin-bottom:5px;border:1px solid #ddd}.success-status{grid-row:1;grid-column:1;font-size:14px;color:green;border-radius:5px;background-color:var(--intercom-operator-message-bg);padding:15px;margin:10px 0;width:fit-content;font-family:sans-serif}.message p{line-height:1.8!important}.message{grid-row:2;grid-column:2;font-size:15px;color:#333;background-color:#f1f1f1;border-radius:5px;background-color:#c5c5ff;margin-left:40px;padding:11px;margin-right:5px;width:65%;font-family:sans-serif}.hello-container img{height:300px}.hello-container{width:45%;text-align:right;font-size:18px;font-weight:700;color:#007bff;display:flex;justify-content:center;align-items:center;height:60vh}.input-container{text-align:center;width:100%;padding:18px}button{padding:8px 12px;background-color:#007bff;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer}button i{font-size:16px}.positionrelative video{height:370px;border-radius:25px!important}.positionrelative.version3 video{height:450px}.message-item{display:flex;flex-direction:column;margin-bottom:10px;max-width:100%;border:none}.message{display:flex;flex-direction:column;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}audio{margin-top:5px;width:100%}.messages-container{max-width:600px;overflow:auto;max-height:60vh}.input-container input{border:none;outline:none}.input-container textarea{border:none;outline:none;width:90%;font-family:sans-serif;height:200px}.input-container button{margin-left:10px}.recording-indicator{display:flex;align-items:center;position:relative}.recording-line{width:100%;height:4px;background-color:red;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timer{margin-left:8px;font-weight:700;margin-bottom:15px}.recording-indicator button{background-color:#f44336;color:#fff;border:none;padding:5px;cursor:pointer;z-index:1;margin-left:10px}.recording-indicator button i{margin-right:5px}.chatHead{display:flex;align-items:center;justify-content:space-between;background-color:#7ead18;padding:18px;border-top-right-radius:25px;border-top-left-radius:25px;color:#fff}.iconHeadChat img,.headMinClose img{margin-right:12px}.iconHeadChat{display:flex;align-items:center}.headTextClass .miniHead{font-size:8px;margin-bottom:6px}.headTextClass{font-family:Arial,Helvetica,sans-serif}.iconButton,.headMinClose img{cursor:pointer;margin-right:10px;height:22px}.iconButton img{height:20px}.receiverIconText,.senderIconText{display:flex;align-items:center}.senderIconText{justify-content:flex-end}.helpfulText img{cursor:pointer}.helpfulText .thumbsDownClass{margin-top:7px}.helpfulText{border-bottom:1px solid lightgrey;padding-bottom:10px;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.hoverZoom{transition:transform .2s;margin-left:5px}.hoverZoom:hover{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}.staticVideoClass{height:0vh}.container{transition:transform 1s ease,opacity 1s ease}.container.slide-down{transform:translateY(calc(100vh - 60px));opacity:1}.chatHead{transition:transform 1s ease;bottom:0;width:100%}.container.slide-down .chatHead{transform:translateY(0)}::-webkit-scrollbar{display:none}*{scrollbar-width:none}*{-ms-overflow-style:none}.videochartvalue{border-radius:11px 11px 0 0;bottom:-59px;display:flex;justify-content:flex-end;transition:height .5s ease,width .5s ease}.newvideochartvalue{border-radius:11px 11px 0 0;height:0;position:fixed;bottom:100px;right:15px;transition:height 3s}.receiver .senderIconText .message{margin:0;background-color:#f2f2f2;line-height:1.6!important}.receiver .senderIconText{flex-direction:row-reverse}.chatBoxImageClass img{cursor:pointer;bottom:25px;width:fit-content;right:-160px;height:220px;position:absolute;border-radius:3px;animation:Floating 3s ease-in-out infinite}@keyframes Floating{0%{transform:translate(0)}65%{transform:translateY(50px)}to{transform:translate(0)}}.whitecontainer{background-color:#000053e6!important;border-radius:50px!important;padding:40px!important;max-width:900px!important;margin:0 auto!important;width:100%;box-sizing:border-box}.userformHeader2{color:#7ead18!important;font-size:12px!important}.Backgroundcolor2{background:linear-gradient(180deg,#76b852,#dce35b);display:inline-block;width:80px;height:80px;border-radius:100px}.Backgroundcolor3{background:linear-gradient(180deg,#76b852,#dce35b);display:inline-block;width:80px;height:80px;line-height:35px;border-radius:100px;position:absolute;bottom:-38px;left:41%}.backgroundcolorimage{background:linear-gradient(#76b852,#dce35b);width:80px;height:80px;display:inline-block;text-align:center;border-radius:100%;margin:0 auto;line-height:80px;position:relative;left:auto}.Backgroundcolor3 img{margin-top:10px}.fromfillinginput{background-color:#46369a80;width:100%;height:35px;padding:10px 17px;border-radius:20px;box-shadow:none;border:none;color:#fff;margin-right:16px;margin-top:8px}.fromfillinginput:focus{outline:none}.fromfillingbutton{width:100%;height:35px;background-color:#7ead18!important;border-radius:20px!important;margin-top:10px!important}.classspositioncent{padding-left:100px;text-align:left;cursor:pointer;font-size:22px}.classspositioncent2{position:relative;text-align:center;width:100%;left:0;cursor:pointer}.closebuttonkeyboard{position:absolute;top:-15px;right:-8px;background:red;padding:5px;border-radius:100%;cursor:pointer}.classspositioncent2 .fa{text-align:center;background:#7ead18;border-radius:100%;width:80px;height:80px;font-size:51px;line-height:80px}.positionrelative{position:relative}.speaknowbutton{padding:10px;font-family:Roboto,Helvetica,Arial,sans-serif}@media only screen and (min-width: 1279px){.whitecontainer{border-radius:10px}}@media (max-width: 400px){.container{min-height:73vh!important}}.chat-bubble{padding:16px 28px;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:20px;-moz-border-radius-bottomleft:2px;border-radius:20px 20px 20px 2px;display:inline-block}.typing{align-items:center;display:flex;height:17px}.typing .dot{animation:mercuryTypingAnimation 1.8s infinite ease-in-out;background-color:#6cad96;border-radius:50%;height:7px;margin-right:4px;vertical-align:middle;width:7px;display:inline-block}.typing .dot:nth-child(1){animation-delay:.2s}.typing .dot:nth-child(2){animation-delay:.3s}.typing .dot:nth-child(3){animation-delay:.4s}.typing .dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{transform:translateY(0);background-color:#6cad96}28%{transform:translateY(-7px);background-color:#9ecab9}44%{transform:translateY(0);background-color:#b5d9cb}}.chat-bubble-audio{position:relative;padding:5px;border-radius:10px;max-width:300px}.chat-bubble{position:relative;padding:5px;background-color:#f1f0f0;border-radius:10px;max-width:300px}.typing{display:flex;justify-content:center;align-items:center}.dot{width:8px;height:8px;margin:0 2px;background-color:gray;border-radius:50%;animation:typing 1s infinite ease-in-out}@keyframes typing{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.loaderVideo{border:6px solid #f3f3f3;border-radius:50%;border-top:6px solid #7ead18;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loaderVideoOutside{height:50vh;background-color:content-box;display:flex;align-items:center}.container{min-height:80vh;background-color:#fff;position:absolute;top:40px}.videocon{max-width:100%;object-fit:cover;border-radius:25px}.hellovideochartvalue{width:300px}.videochartvalue{bottom:-25px}.slideChatBox{position:relative;opacity:0;animation:slide-up 2s ease-in-out forwards}.logopss{padding:0;text-align:center}.userformHeader{padding-bottom:20px;font-size:30px!important;font-weight:700!important}.datepickerlocal input{padding:10px;font-size:12px}.datepickerlocal label{line-height:13px}@keyframes slide-up{0%{transform:translateY(800px);opacity:1}to{transform:translateY(100px);opacity:1}}.keyboardclass{width:900px;margin:80px auto auto;position:fixed;bottom:0;left:50%;transform:translate(-50%);background:#fff;z-index:1000;box-shadow:0 -4px 20px #0000004d;padding:10px;max-width:90vw}.exportButon{text-align:right;color:#fff;font-size:18px;margin-bottom:20px}.exportButon a{text-align:right;color:#fff;font-size:18px}.exportbuttonnew{background:#46369a;padding:10px 60px;border-radius:30px}.exportbuttonnew:hover{background:#76b852;color:#fff}.MuiTableHead-root tr th{font-weight:700}.colorwhite{color:#fff;text-align:end;padding:15px 15px 0 0}.colorwhite a{color:#fff}.dashboardback{width:200px;height:35px;background-color:#7ead18!important;border-radius:20px!important;margin-top:16px!important;color:#fff!important}.hg-theme-default .hg-button{color:#000}.developedby{align-items:center;gap:8px;display:flex;bottom:15px;right:15px;justify-content:end;margin-top:60px}.developedtext{text-align:center;font-size:14px}.mrginleftinbig{margin-right:100px}@media (max-width: 899px){.keyboardclass{width:100%!important}}@media (min-width: 768px) and (max-width: 300px){.videocon{height:auto!important;max-height:400px!important;width:100%!important;max-width:350px!important;object-fit:contain!important;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px)}.positionrelative{width:100%;overflow:hidden!important;border-radius:20px!important}}.mobilebuttons{display:none}@media (max-width: 300px){.desktopscreen{display:none}.mobilebuttons{display:flex!important;justify-content:center;align-items:center;flex-direction:column;position:relative;margin-top:10px;margin-bottom:8px}.mobilebuttons .classspositioncent2{position:relative!important;top:auto!important;left:auto!important;width:100%;display:flex;flex-direction:column;align-items:center}.positionrelative video{margin-bottom:10px;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px);object-fit:contain!important}.mrginleftinbig{margin-right:0}#output-container{flex-direction:column-reverse;align-items:center;min-height:45vh}.keyboardclass{width:100%!important;display:none!important}.hello-container{padding:21px;height:28vh}.messages-container{max-height:25vh;width:95%}.container{min-height:68vh!important}.videocon{position:relative!important;top:auto!important;left:auto!important;height:200px!important;max-height:200px!important;width:100%!important;max-width:250px!important;display:block!important;margin:0 auto;border-radius:20px!important;object-fit:contain!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px);background-color:#0000000d}.positionrelative{position:relative!important;text-align:center;margin-bottom:4px;width:100%;min-height:200px!important;overflow:hidden!important;border-radius:20px!important}.userformHeader2{display:none}.whitecontainer{border-radius:30px!important;margin-top:4px!important;padding:10px 8px!important;position:relative;max-width:100%!important;margin-left:10px!important;margin-right:10px!important}.fromfillinginput{margin-top:4px;font-size:13px;height:35px;padding:8px 10px}.fromfillinginput::placeholder{font-size:12px}textarea.fromfillinginput{height:auto;min-height:50px}.userformHeader{font-size:14px!important;margin-bottom:3px!important;padding-bottom:2px!important;margin-top:0!important}.logopss{width:170px}.Backgroundcolor2{bottom:-38px!important;left:41%!important}.datepickerlocal{min-width:inherit!important}.mobilebuttons .Backgroundcolor2{width:55px;height:55px;display:inline-flex;align-items:center;justify-content:center}.mobilebuttons .Backgroundcolor2 img{width:28px;height:28px;margin:0!important}.mobilebuttons .speaknowbutton{font-size:small;margin-top:6px}.developedby{position:relative;margin-top:10px;top:0;right:0;justify-content:right}.fromfillingbutton{font-size:15px!important;height:35px!important;margin-top:8px!important}}@media (max-width: 400px){.exportButon{margin-top:15px}.whitecontainer{padding:10px 8px!important;border-radius:30px!important;margin-top:4px!important;position:relative;max-width:100%!important;margin-left:10px!important;margin-right:10px!important}.fromfillinginput{font-size:13px;height:35px;padding:8px 10px;margin-top:4px}.userformHeader{font-size:14px!important;margin-bottom:3px!important;padding-bottom:2px!important;margin-top:0!important}.videocon{height:auto!important;max-height:270px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px);background-color:#0000000d}.positionrelative{overflow:hidden!important;border-radius:20px!important;min-height:200px!important;height:200px!important}.positionrelative video{height:200px!important;margin-bottom:0;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px);object-fit:contain!important}.logo-count-1 .company-logo{width:150px!important;max-height:70px!important}.logo-count-2 .company-logo{width:110px!important;max-height:60px!important}.logo-count-3 .company-logo{width:80px!important;max-height:50px!important}.fromfillingbutton{font-size:15px!important;height:35px!important;margin-top:8px!important}.mobilebuttons .speaknowbutton{font-size:small!important;margin-top:6px!important}.speaknowbutton{font-size:small!important}.css-ku5wso-MuiGrid-root{margin-bottom:4px!important}.css-x2afl2{gap:8px!important}.css-19ieznj{margin-top:16px!important}}@media (max-width: 599px){.logo-count-1 .company-logo{width:150px!important;max-height:70px!important}.logo-count-2 .company-logo{width:110px!important;max-height:60px!important}.logo-count-3 .company-logo{width:80px!important;max-height:50px!important}.userformHeader{font-size:14px!important;margin-bottom:3px!important;padding-bottom:2px!important;margin-top:0!important}.whitecontainer{border-radius:30px!important;margin-top:4px!important;padding:10px 8px!important;position:relative;max-width:100%!important;margin-left:10px!important;margin-right:10px!important}.fromfillingbutton{font-size:15px!important;height:35px!important;margin-top:8px!important}.mobilebuttons .speaknowbutton{font-size:small!important;margin-top:6px!important}.speaknowbutton{font-size:small!important}.css-ku5wso-MuiGrid-root{margin-bottom:4px!important}.css-x2afl2{gap:8px!important}.css-19ieznj{margin-top:16px!important}.positionrelative video{height:270px;margin-bottom:10px;border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px);object-fit:contain!important}.videocon{border-radius:20px!important;-webkit-border-radius:20px!important;-moz-border-radius:20px!important;clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px)}.fromfillinginput{background-color:#46369a80;width:100%;height:32px;padding:10px 17px;border-radius:20px;box-shadow:none;border:none;color:#fff;margin-right:16px;margin-top:5px}}@media (min-width: 600px){.logo-count-1 .company-logo{width:250px!important}.logo-count-2 .company-logo{width:180px!important}.logo-count-3 .company-logo{width:150px!important}}.dnonevisibilitynone{visibility:hidden;position:absolute;top:0}body{background-color:#fff;margin:0;font-family:Montserrat;overflow:auto;background:#f4f6ff;background:radial-gradient(circle,#f4f6ff,#b9f2f7);min-height:100vh}.wheel-wrapper,#wheel{flex:0 0 35rem}.wheel-wrapper #wheel-container{height:35rem;width:35rem;position:relative;border-radius:50%;box-shadow:1.5rem 0 1.5rem #0000004d}.wheel-wrapper #wheel-container #spin-action{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Montserrat;font-weight:700;text-transform:uppercase;width:5rem;height:5rem;display:block;border:0;border-radius:50%;font-size:1rem;box-shadow:.5rem 0 .5rem #0000004d;outline:none;cursor:pointer;background:#fff;color:#555;z-index:10}.wheel-wrapper #wheel-container #spin-action:hover{color:#ffb739}.wheel-wrapper #wheel-container .marker{width:1.5rem;height:2.5rem;clip-path:polygon(0 0,0% 100%,100% 50%);background-color:#fff;position:absolute;top:50%;transform:translate(-20%,-50%);left:4px;z-index:5}.wheel-wrapper #wheel-container #wheel{height:100%;position:relative;border-radius:50%;overflow:hidden;transition:transform 3s ease}.wheel-wrapper #wheel-container #wheel .part{width:50%;position:absolute;transform-origin:center right}.wheel-wrapper #wheel-container #wheel .part .name{width:100%;height:100%;padding:0 4rem 0 1.5rem;box-sizing:border-box;display:flex;align-items:center;color:#fff;font-size:.8rem;font-weight:200;font-family:Roboto,Montserrat,Helvetica,Arial,sans-serif;letter-spacing:.2px;text-shadow:0 2px 4px rgba(0,0,0,.3);overflow:hidden;white-space:nowrap}.v_logo{max-width:250px}@media only screen and (max-width: 992px){html{font-size:12px}}@media only screen and (max-width: 768px){html{font-size:8px}.wheel-wrapper #wheel-container{height:25rem;width:25rem}}.font_14{font-size:14px}.font_weight_300{font-weight:300}.font_weight_700{font-weight:700}.DarkBlue4_Color{color:#2c3e50}.blue_dark_text{color:#1976d2}.font_54{font-size:54px}.text-success{color:#4caf50}.my-3{margin-top:1rem;margin-bottom:1rem}@keyframes confetti-slow{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(25px,105vh,0) rotateX(360deg) rotateY(180deg)}}@keyframes confetti-medium{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(360deg)}}@keyframes confetti-fast{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg)}}