@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https:// onts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);
.loader{border:16px solid #f3f3f3;border-top:16px solid #1b76ff;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.chat-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(45deg, #ffffff, #e1effd) no-repeat center;position:relative}.chat-guest-info{font-size:14px;font-weight:600;width:100%}@media screen and (max-width: 1024px){.chat-guest-info{font-size:12px}}.close-btn{cursor:pointer;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:18px}.chatbox-content{background-color:#f2f4f8;border-radius:16px;width:100%;height:100%;position:relative;padding:25px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.chatbox-content::-webkit-scrollbar{display:none}@media screen and (max-width: 1024px){.chatbox-content{padding:20px}}@media screen and (min-width: 601px)and (max-width: 1024px){.chatbox-content{margin-bottom:100px}}.agent-msg-container{position:relative;max-width:75%;margin-top:9px;margin-left:auto;width:-moz-fit-content;width:fit-content;margin-right:0}.user-msg{padding:10px 15px;width:-moz-fit-content;width:fit-content;min-width:70px;background:hsla(0,0%,100%,.7);overflow-wrap:anywhere;border-radius:8px 18px 0 8px;white-space:pre-line}.user-msg a{color:#000;text-decoration:underline}.user-msg span{font-size:11px;margin-left:5px}.user-msg-container{width:-moz-fit-content;width:fit-content;margin-right:auto;max-width:75%;position:relative;margin-top:9px}.agent-msg{padding:10px 15px;width:-moz-fit-content;width:fit-content;min-width:70px;background:#0d79e5;color:#fff;overflow-wrap:anywhere;border-radius:18px 8px 8px 0;display:flex;white-space:pre-line;margin-left:auto}.agent-msg a{color:#fff;text-decoration:underline}.tick-mark{font-size:11px;align-self:end;width:29px;margin-left:7px;margin-bottom:4px;flex-shrink:0}.chat-form{display:flex;width:97%;padding:10px 10px 0;position:absolute;left:8px;bottom:0}.chat-form textarea{width:100%;border:0;padding:30px 60px 30px 30px;border-radius:4px;resize:none;font-size:15px;outline:none !important}.chat-form button{width:40px;height:40px;position:absolute;right:20px;bottom:20%;background:rgba(123,104,238,.2);color:#4169e1;border:0;font-size:20px;border-radius:50%;padding-right:8px}@media screen and (max-width: 1024px){.chat-form{padding:0 5px 0 0;bottom:10px}}@media screen and (min-width: 601px)and (max-width: 1024px){.chat-form{z-index:5}}.canned-list{margin-bottom:10px;cursor:pointer}.user-typing{bottom:98%;position:absolute;color:#2e8b57;font-size:15px;left:12px}.chat-date{text-align:center;margin:10px 0;width:-moz-fit-content;width:fit-content;padding:10px;color:gray;font-size:15px}.canned-list-container{position:absolute;bottom:100%;padding:10px;background:#f0f8ff;margin-left:15px;border:1px solid #d3d3d3;max-height:600px;overflow-y:scroll;width:400px}@media screen and (max-width: 470px){.canned-list-container{width:95%}}.download-link{display:block;align-self:flex-end;color:#007bff;text-decoration:none;margin-bottom:-4px;font-size:18px}.download-link:hover{text-decoration:underline}#chat-box{border:2px solid #1b76ff}#chat-message{flex-grow:1}@media(min-width: 1024px){#chat-message{margin-bottom:20px}}
.sidebar{width:280px;background:linear-gradient(#00398f, #001433);height:100vh;position:absolute;z-index:1;-ms-overflow-style:none;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar.expend-sidebar-false .item-name{display:none}.divider{position:relative;text-align:center;margin:20px auto;width:75%}.divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right, rgba(214, 222, 239, 0), #d6deef, rgba(214, 222, 239, 0));transform:translateY(-50%);opacity:50%}.nav-item{display:flex;align-items:center;padding:15px 20px;color:#0d79e5;position:relative;gap:17px;cursor:pointer;font-weight:400;font-size:18px;margin:0}.logout-item{display:flex;align-items:center;padding:15px 20px;color:#0d79e5;position:relative;gap:17px;margin:auto 0 0;cursor:pointer;font-weight:400;font-size:18px;bottom:0;border-radius:10px}.nav-item:hover{background-color:hsla(0,0%,100%,.15);color:#0d79e5}.icon::before{content:""}.item-name{color:#fff}.submenu{display:none;list-style:none;left:224px;position:absolute;top:-15px;width:210px;background-color:#1e243e;padding:5px 0;font-size:.875em;line-height:38px;color:#fff;cursor:pointer}.submenu div{padding-left:20px}.nav-item:hover .submenu{display:block}.profile-image img{height:40px;width:40px;margin-right:10px;border-radius:50%;border:1px solid #b8860b}.switch{position:relative;display:inline-block;width:100px;height:40px;background:#f2f4f8;overflow:hidden;border-radius:60px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.5s}input:checked+.slider:before{background:#fff;box-shadow:none}input:focus+.slider{box-shadow:0 0 1px #2196f3}.slider{color:#1d1d1d;display:flex;align-items:center;justify-content:center;font-size:14px}.slider--0{color:#fff;font-weight:600;background-color:#0d79e5;margin-left:20px;border-radius:20px}.slider--1 div{transition:.25s;position:absolute;width:100%;height:50%;left:0}input:checked~.slider--1 div:first-child{transform:translateY(-100%);transition-delay:.25s}input:checked~.slider--1 div:last-child{transform:translateY(100%);transition-delay:.25s}input:checked~.slider--2{transform:translateX(100%);transition-delay:.25s}input:checked~.slider--3{transform:translateX(-100%);transition-delay:0s}.slider--1 div:first-child{transform:translateY(0);top:0;background-color:#f3f3f3;transition-delay:0s}.slider--1 div:last-child{transform:translateY(0);bottom:0;background-color:#f3f3f3;border-top:1px solid #e0e0e0;transition-delay:0s}.slider--2{background-color:#f2f4f8;transition-delay:.25s;transform:translateX(0);border-left:1px solid #d2d2d2}.slider--3{background-color:#d2d2d2;transition-delay:.25s;transform:translatex(0);border-right:1px solid #d2d2d2;color:#000;margin-right:20px;border-radius:20px}.profile-menu{list-style:none;right:13px;position:absolute;top:10px;width:200px;padding:0;background-color:#0d79e5;line-height:38px;color:#fff;cursor:pointer;font-weight:600;z-index:200}.profile-menu div{padding:7px 20px}.profile-menu div:hover{color:#000}.user-name{font-size:13px;color:#94969f;position:relative}.user-name h5{margin:0}.drawer{position:fixed;top:0;right:-90%;height:100%;background:linear-gradient(#00398f, #001433);z-index:1000;overflow-y:auto;transition:right .4s ease-in-out;padding-bottom:20px;border-radius:20px 0 0 20px}.drawer.open{right:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .4s ease-in-out;display:none}.overlay.open{display:block;opacity:1}.hamburger{position:fixed;top:30px;left:7px;cursor:pointer;background-color:#0d79e5;border-radius:50%;padding:6px 9px;color:#fff}.status-toggle{display:inline-flex;background-color:#f0f3f9;border-radius:9999px;position:relative;width:90px;height:32px;padding:2px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.status-toggle-btn{flex:1;border:0;border-radius:9999px;background-color:rgba(0,0,0,0);font-size:14px;font-weight:500;position:relative;z-index:10;transition:color .3s ease;outline:none;cursor:pointer;color:#666}.status-toggle-btn.active{color:#fff}.status-toggle-active-bg{position:absolute;top:4px;bottom:2px;width:24px;height:24px;background-color:#1a73e8;border-radius:9999px;transition:transform .3s ease;z-index:1}.status-toggle-active-bg.online{transform:translateX(4px)}.status-toggle-active-bg.offline{transform:translateX(60px);background-color:#c8cbd1}@media(max-width: 480px){.status-toggle-btn{font-size:13px}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.status-toggle-btn:disabled{opacity:.8;cursor:not-allowed}@media(max-width: 320px){.status-toggle{min-width:120px;height:36px}.status-toggle-btn{font-size:12px}}
.main-content{display:flex;min-height:100vh;flex-direction:row}@media screen and (max-width: 1024px){.main-content{flex-direction:column}}.chat-container{display:flex;width:100%;gap:15px;position:relative;border-radius:20px;-ms-overflow-style:none;scrollbar-width:none}.chat-container::-webkit-scrollbar{display:none}@media screen and (max-width: 1024px){.chat-container{width:100%;flex-direction:column;height:100%}}.chat-content{background-color:#fff;width:28%;border:4px solid #fff;border-radius:44px;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-wrap:anywhere}.recent-chats-container{border-radius:20px;border:1px solid #f2f4f8;background-color:#fff;padding:25px}@media screen and (max-width: 1024px){.recent-chats-container{width:100%;padding:15px;border-radius:8px}}@media screen and (min-width: 1024px){.recent-chats-container{width:32%}}@media screen and (min-width: 1280px){.recent-chats-container{width:28%}}.live-chat-content{border-radius:20px;background-color:#fff;position:relative;overflow-wrap:anywhere;-ms-overflow-style:none;scrollbar-width:none}.live-chat-content::-webkit-scrollbar{display:none}.live-chat-content [type=checkbox]+label,.live-chat-content [type=radio]+label{font-size:14px}@media screen and (max-width: 1024px){.live-chat-content{min-height:auto !important;padding:0;border-radius:10px}}@-moz-document url-prefix(){.live-chat-content{backdrop-filter:none;background-color:hsla(0,0%,100%,.6)}}.chat-box{display:flex;justify-content:space-between;padding:14px;gap:3px;cursor:pointer;border-radius:12px;background:#f2f4f8;border:1px solid #f2f4f8;margin-bottom:10px}.user-message{width:65%;white-space:nowrap;font-size:18px}.username{overflow:hidden;text-overflow:ellipsis;font-size:16px}.last-message{font-size:14px;color:gray;overflow:hidden;text-overflow:ellipsis}.msg-time{font-size:14px;color:gray;display:flex;align-items:center;justify-content:space-between;gap:4px}@media screen and (max-width: 1024px){.msg-time{text-align:right}}.green-count{background:#58dbac;color:#fff;border-radius:50%;text-align:center;width:20px;height:20px;padding-top:2px;font-size:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-5px;right:-5px}.chat-tab-content{background-color:#f2f4f8;padding:25px;border-radius:10px;box-shadow:0 4px 15px 0 rgba(12,121,229,.04)}.chat-tab-content .live-chat-content{background:rgba(0,0,0,0)}.chat-tab-content .live-chat-content .chat-box{background:#fff}@media screen and (max-width: 1024px){.chat-tab-content{padding:12px}}.visitor-count{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 25px;margin-top:5px;margin-left:5px;margin-right:5px;margin-bottom:15px;position:relative;cursor:pointer}.visitor-count.active::before{position:absolute;top:-10px;left:-10px;bottom:-30px;right:-5px;background:#f2f4f8;content:"";z-index:0;border-radius:15px}.circle{color:#0d79e5;font-size:16px;height:35px;width:35px;line-height:35px;border:1px solid #0d79e5;display:inline-block;border-radius:35px;margin-right:12px}.live-chat-container span{display:inline-block;width:50%;margin:0;padding:0;border-bottom:2px solid #efeff1;padding-bottom:10px;padding-left:10px;color:#c7c7c7;font-weight:600;font-size:13px;text-transform:uppercase}.title-tab{font-size:20px;width:100%;padding:30px 0 10px 20px;margin-bottom:15px;color:#212121}.guest-feed-container{border-radius:20px;border:1px solid #f2f4f8;background-color:#fff;padding:25px}@media screen and (max-width: 1024px){.guest-feed-container{width:100%;padding:15px}}@media screen and (min-width: 1024px){.guest-feed-container{width:68%}}@media screen and (min-width: 1280px){.guest-feed-container{width:72%}}.guest-search-container{display:flex;margin:0px 0 20px;position:relative;padding:0}.guest-search-container .searchBoxWrapper{position:relative;flex:auto;display:inline-flex;align-items:center;gap:10px;max-width:360px}.guest-search-container .search-icon{position:absolute;left:10px;top:50%;color:#656565;transform:translateY(-50%)}.guest-search-container .search-icon svg{vertical-align:top}.guest-search-container .search-field{background-color:#f2f4f8;border-radius:10px;width:100%;height:48px;border:none;padding:5px 5px 5px 45px}.guest-search-container .search-field:focus{outline:none;border:none}@media screen and (max-width: 572px){.guest-search-container{gap:10px}}.PrimaryIconBox{background:#1b76ff;width:46px;height:46px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center}.visitor-data{min-height:60vh;margin-bottom:25px}.visitor-data .visitor-tab-items{display:flex;align-items:center}.visitor-data .visitor-tab-items .visitor-count{border:1px solid #ebeff8;border-radius:10px;background-color:#f2f4f8;padding:0;display:inline-flex;flex-direction:row;align-items:center;margin-inline:10px}.visitor-data .visitor-tab-items .visitor-count .number{background:#1b76ff;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;width:46px;height:46px;border-radius:10px;position:relative}.visitor-data .visitor-tab-items .visitor-count .name{font-size:18px;font-weight:600;color:#656565;white-space:nowrap;padding:10px;position:relative}@media screen and (max-width: 1024px){.visitor-data .visitor-tab-items .visitor-count{padding:6px}.visitor-data .visitor-tab-items .visitor-count.active::before{top:0}.visitor-data .visitor-tab-items .visitor-count .number{width:30px;height:30px;font-size:14px;border-radius:6px}.visitor-data .visitor-tab-items .visitor-count .name{font-size:14px;padding:5px}.visitor-data{min-height:450px;padding:0;border-radius:22px}}.visitor-data *{-ms-overflow-style:none;scrollbar-width:none}.visitor-data *::-webkit-scrollbar{display:none}.guest-container{font-size:18px}@media screen and (max-width: 1024px){.guest-container{font-size:15px}}.active-visitor{font-size:20px;color:#212121;padding-bottom:20px;padding-top:10px;border-bottom:1px solid #efeff1}table{font-size:12px;line-height:16px;color:#b5b6bd;border-bottom:1px solid #e7ebee;border-collapse:collapse;width:100%}th{border-bottom:1px solid #e7ebee;text-transform:capitalize;font-size:1.1em;font-weight:600;vertical-align:bottom;padding:8px;line-height:1.428571429;text-align:start}td{vertical-align:middle;padding:10px 8px;line-height:1.428571429;font-size:14px;background-color:#fafafa;color:#364760}td p{margin:0 0 2px}td:last-child{color:#56cb84;font-weight:700}.time{display:flex;align-items:center;gap:5px}.profile-header{background:#6e86a0;padding:25px 15px 0}.visitor-details{background-color:#fff;width:22%;border-radius:20px;padding:25px 15px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.visitor-details::-webkit-scrollbar{display:none}@media screen and (max-width: 1024px){.visitor-details{width:100%}}.visitor-details-glass{padding:15px 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-height:60vh;overflow-wrap:anywhere}.header-image{display:flex;align-items:center}.email{font-size:13px;color:#fff;margin-bottom:5px}.user-type{font-size:12px;color:#aecee0}.timer{padding:17px 30px 15px 10px;font-size:13px;text-transform:uppercase;font-weight:600;color:#fff}.timer span{margin-left:20px}.visitor-content{padding:25px 15px 25px 25px}.title-span{font-size:16px;margin-left:12px;margin-bottom:15px;color:#2ebfd5}.text-span{font-size:14px;color:#797d8e;margin-bottom:4px;font-weight:600}.wrapper{margin-left:32px;font-size:14px;font-weight:400;color:#212121}.detail-wrapper{margin:20px 0;display:flex;align-items:center;gap:20px}.modal-wrapper{height:100%;width:100%;right:0;top:0;position:fixed;z-index:99;background-color:rgba(0,0,0,.25);overflow-y:auto}.modal-wrapper .fa{font-size:18px}@media screen and (max-width: 1024px){.modal-wrapper{width:100%}}.edit-modal{position:absolute;width:90%;max-width:550px;z-index:100;background:#fff;left:50%;top:10%;transform:translateX(-50%);box-shadow:rgba(0,0,0,.1) 0px 1px 5px;border:1px solid #ebeff8;border-radius:20px}.edit-modal .canned-msg-modal-heading{font-weight:700;font-size:24px;line-height:32.74px}.edit-modal .canned-messages-input-wrapper{padding:20px 25px}.edit-modal .canned-messages-input-wrapper .shortcut-box{margin-bottom:15px;width:100%}.edit-modal .canned-messages-input-wrapper .shortcut-box .shortcut-input{width:100%;height:46px;background:#f2f4f8;outline:none;border:none;border-radius:10px;padding-left:10px}.edit-modal .canned-messages-input-wrapper .canned-messages-box{margin-bottom:15px;width:100%}.edit-modal .canned-messages-input-wrapper .canned-messages-box .canned-messages-textarea{width:100%;height:130px;background:#f2f4f8;outline:none;border:none;border-radius:10px;padding:10px 0 0 10px}.edit-modal .canned-message-btn-container{width:100%;display:flex;justify-content:center;padding:0 20px 25px}.edit-modal .canned-message-btn-container .canned-msg-cancel-btn{padding:9px 44px;margin-right:10px;background:#fff;border:1px solid #1b76ff;color:#1b76ff;border-radius:8px}.edit-modal .canned-message-btn-container .canned-msg-save-btn{padding:9px 90px 9px 50px;background:#1e90ff;color:#fff;border:0;border-radius:8px;width:62px}@media screen and (max-width: 1024px){.edit-modal{width:90%}}.modal-head{display:flex;justify-content:space-between;padding:25px 20px}.modal-head .close{margin-left:auto;cursor:pointer}.modal-icon{width:60px;height:60px;border-radius:100%;background:rgba(27,118,255,.1);display:flex;justify-content:center;align-items:center;position:relative}.modal-icon.center{margin:0 auto 40px}.modal-icon svg{width:40px;height:40px;color:#1b76ff;position:relative}.modal-icon::before{content:"";position:absolute;left:-20px;right:-20px;bottom:-20px;top:-20px;background:rgba(27,118,255,.1);border-radius:100%}.modal-icon::after{content:"";position:absolute;left:-10px;right:-10px;bottom:-10px;top:-10px;background:rgba(27,118,255,.1);border-radius:100%}@media screen and (max-width: 1024px){.modal-icon{width:40px;height:40px}.modal-icon svg{width:24px;height:24px}}.modal-title{font-size:24px;font-weight:700;color:#1d1d1d}.modal-title.text-center{text-align:center}@media screen and (max-width: 1024px){.modal-title{font-size:18px}}.delete-modal{position:absolute;width:500px;z-index:100;background:#fff;left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:rgba(0,0,0,.35) 0px 5px 15px;border-radius:20px}@media screen and (max-width: 1024px){.delete-modal{width:90%}}.logout-modal{position:fixed;width:500px;z-index:100;background:#fff;left:50%;top:50%;transform:translate(-50%, -50%);box-shadow:rgba(0,0,0,.35) 0px 5px 15px;border-radius:20px}.logout-modal .close-btn-container{display:flex;padding:25px 20px;justify-content:end;font-weight:600}.logout-modal .logout-icon-container{display:flex;justify-content:center;margin-bottom:10px}.logout-modal .logout-text-container{text-align:center;font-weight:700;font-size:24px;line-height:32.74px}.logout-modal .logout-confirm-text{padding:0 70px;text-align:center;font-size:20px}@media screen and (max-width: 1024px){.logout-modal{width:90%}.logout-modal .logout-confirm-text{padding:0 30px;font-size:16px}}.passwordField{position:relative;width:100%}.passwordField .fieldIcon{position:absolute;top:50%;transform:translateY(-50%);right:15px;cursor:pointer;z-index:1}.passwordField .fieldIcon svg{vertical-align:middle;color:#656565}.formControl{margin-bottom:15px;display:flex;flex-direction:column;width:100%}.formControl .formLabel{color:#1d1d1d;font-size:16px;margin-bottom:8px}.formControl .formField{border:none;color:#1d1d1d;font-size:14px;background:#f2f4f8;border-radius:10px;padding:12px 15px;width:100%}.formControl .formField:focus{background-color:#ededed;outline:none;border:none}.formControl select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f2f4f8;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23000\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-repeat:no-repeat;background-position:right 2px center;background-size:26px 26px;padding-right:35px;padding-inline:12px;border-radius:10px;font-size:16px}.formUploadField{border:none;color:#1d1d1d;font-size:14px;background:#f2f4f8;border-radius:10px;padding:10px 12px;width:100%}.formUploadField::file-selector-button{font-weight:bold;background-color:#1b76ff;padding:.5em;border:none;border-radius:3px;font-size:14px;color:#fff}.ShiftScheduleWrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f2f4f8;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23000\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-repeat:no-repeat;background-position:right 2px center;background-size:26px 26px;padding-right:35px;padding-inline:12px;border-radius:10px;font-size:14px;min-width:130px}@media screen and (max-width: 1024px){.ShiftScheduleWrapper select{min-height:32px;font-size:12px;border-radius:6px}.ShiftScheduleWrapper .fieldControl{font-size:12px;padding:7px;text-align:center;border-radius:6px}.ShiftScheduleWrapper select,.ShiftScheduleWrapper .fieldControl{font-size:14px}.ShiftScheduleWrapper .fieldControl{padding:5px}}.departmentCard{border:2px solid #f2f4f8;border-radius:10px;margin-bottom:20px}.departmentCard .cardContent{min-height:100px;align-items:flex-start;padding:15px}@media screen and (max-width: 1024px){.departmentCard .cardContent{padding:10px}}.departmentCard .cardContent .list{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width: 1024px){.departmentCard .cardContent .list{gap:6px}}.departmentCard .cardContent .list .listItem{border-radius:10px;background:#f2f4f8;padding:10px;display:flex;align-content:center;gap:6px;font-size:14px;color:#656565;white-space:nowrap}@media screen and (max-width: 1024px){.departmentCard .cardContent .list .listItem{border-radius:4px;padding:6px;font-size:12px}}.departmentCard .cardContent .list .listItem .imgBx{width:24px;height:24px;border-radius:6px;background:#e0e3ec}@media screen and (max-width: 1024px){.departmentCard .cardContent .list .listItem .imgBx{width:18px;height:18px;border-radius:4px}}.departmentCard .cardContent .list .listItem .imgBx img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.fieldControl{border:none;color:#1d1d1d;font-size:14px;background:#f2f4f8;border-radius:10px;padding:12px 15px;-moz-appearance:textfield;max-width:55px}.fieldControl::-webkit-outer-spin-button,.fieldControl::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fieldControl:focus{background-color:#ededed;outline:none;border:none}.step-container{margin-left:130px;position:relative;margin-top:0}@media screen and (max-width: 1024px){.step-container{margin-left:0;margin-top:10px}}.guests-tab-content{background-color:#f2f4f8;padding:25px;border-radius:10px;box-shadow:0 4px 15px 0 rgba(12,121,229,.04)}@media screen and (max-width: 1024px){.guests-tab-content{padding:15px}}.v-line{width:1px;background-color:#ccc;position:absolute;margin-left:-40px;margin-top:32px;height:570px}.step{padding:18px 24px;position:relative;border:1px solid #f2f4f8;margin-bottom:20px;background:#fff;border-radius:10px}.step::before{width:25px;height:25px;border-radius:100%;background-color:#0d79e5;border:4px solid #f2f4f8;position:absolute;left:-13px;top:50%;transform:translateY(-50%);content:"";z-index:1}@media screen and (max-width: 1024px){.step{margin-bottom:27px;padding:6px 12px}.step::before{display:none}}.step:hover{background:#0d79e5;color:#fff}.step:hover .dot{transform:scale(2)}@media screen and (max-width: 1024px){.step:hover .dot-time{color:#fff}}.step:hover .request-chat{color:#58dbac}.step:hover .guest-page{color:#fff}.step:hover .guest-os{fill:#fff}.step:hover .guest-browser{fill:#fff}.step:hover .pages{color:#fff}.step:hover .location{color:#fff}.dot-time{position:absolute;left:-130px;top:50%;transform:translateY(-50%);color:#1d1d1d;font-size:14px;padding:6px 12px;border-radius:30px;border:2px dashed #d6deef}.dot-time::after{content:"";width:40px;height:1px;border-top:2px dashed #d6deef;position:absolute;top:16px;right:-40px}@media screen and (max-width: 1024px){.dot-time{left:0;top:-21px;font-size:12px;position:static;margin-bottom:5px;transform:none;border:none;padding:2px}}.new-user{font-size:12px;color:#fff;padding:3px 6px;border-radius:2px;background-color:#1b76ff}.priority-chat{background-color:#ef4444;color:#fff;padding:3px 6px;margin-right:2px;font-size:12px;border-radius:2px}.guest-page{text-decoration:none;margin-left:5px;color:#551a8b}.guest-at-page{font-size:14px;margin:5px 0}@media screen and (max-width: 1024px){.guest-at-page{font-size:12px}}.request-chat{color:green;text-align:end;width:180px}@media screen and (max-width: 1024px){.request-chat{font-size:14px;width:140px}}.guest-os{display:inline-block;margin-left:5px;fill:#0d79e5}.guest-browser{display:inline-block;margin-left:5px;fill:#0d79e5}.search-box{display:flex;padding:8px;border-radius:8px;color:#334861;font-size:14px;align-items:center;padding-left:5px}.search-box:nth-child(2n){background-color:#fafafa}.search-box:hover{background-color:#fafafa;color:#1d1d1d}@media screen and (max-width: 1024px){.search-box:nth-child(2n){background-color:#fff}}.flash-new{animation:blinker 1.7s cubic-bezier(0.5, 0, 1, 1) infinite alternate;opacity:1;padding:0px 6px;background:#cd5c5c;color:#fff;font-size:12px;border-radius:30px;position:absolute;top:8px;right:8px}@keyframes blinker{to{opacity:0}}.history-container{display:flex;gap:20px}@media screen and (max-width: 1024px){.history-container{flex-direction:column}}.chat-history{padding:25px;height:calc(100vh - 168px);min-height:0;overflow-y:scroll}.chat-history select{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:140px;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23000\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-repeat:no-repeat;background-position:right 2px center;background-size:26px 26px;padding-right:35px;padding:10px 12px;border-radius:10px;font-size:16px}@media screen and (max-width: 1024px){.chat-history{width:100%;padding:20px;height:auto}}@media screen and (min-width: 1024px){.chat-history{width:32%}}@media screen and (min-width: 1280px){.chat-history{width:25%}}.chat-history-chatbox{padding:25px;height:calc(100vh - 168px);min-height:0;overflow-y:scroll;gap:25px}.chat-history-chatbox .chat-info{background:#f2f4f8;padding:25px;border-radius:16px}@media screen and (max-width: 1024px){.chat-history-chatbox{width:100%;padding:20px;flex-direction:column;height:auto}}@media screen and (min-width: 1024px){.chat-history-chatbox{width:68%}}@media screen and (min-width: 1280px){.chat-history-chatbox{width:75%}}.chat-history-chatbox .chat-info{padding:20px}.filters-container{padding:25px;border:1px solid #ebeff8;display:flex;gap:20px;margin-bottom:20px;background:#fff;border-radius:20px}.filters-container .filter-item{flex:1}.filters-container .filter-item select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23000\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/></svg>");background-repeat:no-repeat;background-position:right 2px center;background-size:26px 26px;padding-right:35px;padding:10px 12px;border-radius:10px;font-size:16px}@media screen and (max-width: 1024px){.filters-container{flex-direction:column;padding:20px;gap:10px}.filters-container select{width:100%;height:40px}}.button{font-size:18px;padding:10px 28px;text-align:center;border-radius:8px;border:1px solid}.button.button-primary{background:#1b76ff;border-color:#1b76ff;color:#fff}.button.button-outline-primary{background:#fff;border-color:#1b76ff;color:#1b76ff}.button.ButtonWithIcon{display:inline-flex;align-items:center;justify-content:center;gap:10px}.button.button-small{padding:8px 12px;font-size:14px;height:auto}@media screen and (max-width: 1024px){.button{font-size:14px;padding:6px 24px}}.guest-details-label{font-size:16px;width:100%;color:#656565}@media screen and (max-width: 1024px){.guest-details-label{font-size:14px}}.guest-details-value{font-size:18px;font-weight:600}@media screen and (max-width: 1024px){.guest-details-value{font-size:16px}}.header-search-container{display:flex;justify-content:space-between;position:relative;align-items:center;margin-bottom:30px;padding:0 25px;gap:10px}@media screen and (max-width: 1024px){.header-search-container{flex-direction:column;justify-content:flex-start}}.smart-message-container{padding:25px;min-height:76vh;margin-top:0}@media screen and (max-width: 1024px){.smart-message-container{padding:20px}}.blocked-guest-container{padding:25px;margin-top:20px;min-height:80vh}@media screen and (max-width: 1024px){.blocked-guest-container{padding:20px;margin-top:0}}.agent-remove-photo{position:absolute;top:-5px;right:-10px;background:#d3d3d3;border-radius:50%;font-size:14px;color:dimgray;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px}.block-guest-button{color:#fff;border:0;margin-top:5px;width:108px;text-align:center;position:absolute;bottom:0;right:22px}@media screen and (max-width: 550px){.block-guest-button{position:relative;right:0}}.contact-form-text{margin-bottom:15px;color:#666;cursor:pointer}.contact-form-text:hover{color:#000}.email-tabs-container{margin-left:18%;width:40%;display:flex;flex-wrap:wrap;gap:8px;margin-top:-14px;margin-bottom:15px}.email-initials{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;margin-right:8px}.email-tab{display:flex;align-items:center;background-color:#e0e0e0;border-radius:20px;padding:4px 10px}.email-tab button{background:none;border:none;color:red;margin-left:8px;cursor:pointer}.email-tab button:hover{color:#ff4d4d}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media screen and (max-width: 1024px){.ConvoiaTabItems.dashLinks .ConvoiaTabItem{margin-bottom:10px}.ConvoiaTabItems.dashLinks .ConvoiaTabItem .name{font-size:14px;padding:5px}}@media screen and (max-width: 640px){.Toastify__toast-container{width:80% !important;max-width:350px !important;position:fixed !important;top:15% !important;left:50% !important;transform:translate(-50%, -50%) !important;margin:0 !important}.Toastify__progress-bar{height:4px !important;background:linear-gradient(to right, #27ae60, #2ecc71) !important}.Toastify__toast{border:1px solid #e0e0e0 !important;border-radius:12px !important;overflow:hidden !important;box-shadow:0 4px 8px rgba(0,0,0,.1) !important;padding:0 !important}.Toastify__toast-body{padding:0 !important;margin:0 !important}}
.header-container{display:flex;background-color:#fff}.header-container .dashboard{display:flex;align-items:center;justify-content:space-between;padding:15px 0;width:100%}.header-container .dashboard .title{flex:1}.header-container .dashboard .header-right{align-items:center;flex:0}.logo{width:224px;background-color:#fff;padding:0 25px}.logo img{width:114px;height:73px}.package-btn{background:#2ebfd5;color:#fff;text-transform:uppercase;font-size:13px;font-weight:600;padding:0 28px;border-radius:22px;line-height:32px;border-color:rgba(0,0,0,0)}.title{font-size:28px;color:#1d1d1d;font-weight:700}@media screen and (max-width: 1024px){.title{font-size:20px}}.header-profile{display:flex;align-items:center;position:relative;cursor:pointer;background:#fff;padding-right:30px;padding-left:20px}.header-profile::before{display:inline-flex;height:34px;width:1px;background:#f2f4f8;content:"";margin-right:20px}.header-profile .profile-head{display:flex;flex-wrap:nowrap;gap:5px;align-items:center}.header-profile .profile-head .user-info{white-space:nowrap;display:flex;flex-direction:column;margin-right:10px}.header-profile .profile-head .user-info .user-name{font-size:20px;font-weight:700;color:#1d1d1d}.header-profile .profile-head .user-info .user-des{color:#656565;font-weight:500}.header-profile .profile-nav{position:absolute;top:100%;max-width:220px;width:100%;right:0;display:flex;background:#fff;flex-direction:column;z-index:2;padding:10px}.header-profile .profile-nav .profile-nav-item{cursor:pointer;padding:8px;border-radius:4px}.header-profile .profile-nav .profile-nav-item:hover{background:#f2f4f8}.profile-image{height:50px;width:50px;margin-right:10px;border-radius:10px;background:#f2f4f8;vertical-align:top;overflow:hidden}.profile-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:0;border:none}.user-name{font-size:13px;color:#94969f;position:relative}.user-name h5{margin:0}.toggle-btn{border:2px solid #56cb84;color:#56cb84;font-weight:600;line-height:32px;display:inline-block;text-transform:uppercase;border-radius:18px;padding-right:19px;height:35px;position:relative;padding-left:37px;cursor:pointer}.toggle-btn span{width:25px;height:25px;display:inline-block;background:#56cb84;border-radius:22px;position:absolute;top:3px;left:3px}.toggle-btn-offline{border:2px solid #c7c7c7;color:#c7c7c7;font-weight:600;line-height:32px;display:inline-block;text-transform:uppercase;border-radius:18px;padding-left:14px;height:35px;position:relative;padding-right:35px;cursor:pointer}.toggle-btn-offline span{width:25px;height:25px;display:inline-block;background:#c7c7c7;border-radius:22px;position:absolute;top:3px;right:3px}@media(max-width: 380px){.status{display:none}}
.main-login-container{max-width:1900px;width:100%;display:flex;justify-content:center;margin:0 auto;background:#fff;align-items:center;height:calc(100% - 83px)}@media screen and (min-width: 1025px){.main-login-container{height:100%}}.main-login-container .split{height:100vh;width:50%}.main-login-container .split.right{max-width:915px}@media screen and (max-width: 1024px){.main-login-container .split{height:calc(100% - 83px)}.main-login-container .split.right{width:100%;padding:20px;height:auto}}@media screen and (min-width: 769px)and (max-width: 1024px){.main-login-container .split.right{width:100%;padding:15px;height:auto}}.main-login-container .convoia-box{max-width:915px;background:linear-gradient(#00398f, #001433);margin-top:20px;margin-left:20px;border-radius:40px}.main-login-container .login-container{max-width:500px;width:100%;margin:auto}.main-login-container .login-container p{text-align:center;font-size:38px;line-height:51.83px;font-weight:700;color:#1d1d1d;margin:0}@media screen and (max-width: 1024px){.main-login-container .login-container p{font-size:24px;line-height:32.74px}}.main-login-container .login-container .login-button{width:100%;margin-top:20%;padding:9px 20px 9px 20px;font-size:18px;color:#fff;background-color:#1b76ff;outline:none;border:none;border-radius:8px}.main-login-container .login-container .login-button:disabled{opacity:.4;cursor:not-allowed}@media screen and (max-width: 1024px){.main-login-container .login-container .login-button{margin-top:30px;font-size:14px}}.main-login-container .login-container .input-group{margin-top:20px;display:flex;flex-direction:column;row-gap:10px}.main-login-container .login-container .input-group label{font-size:18px;line-height:24.55px;font-weight:600;color:#1d1d1d}@media screen and (max-width: 1024px){.main-login-container .login-container .input-group label{font-size:16px;line-height:21.82px}}.main-login-container .login-container .input-wrapper{position:relative}.main-login-container .login-container .input-wrapper input{width:100%;border-radius:10px;background-color:#f2f4f8;outline:none;border:none;padding:12px 15px 12px 40px}.main-login-container .login-container .input-wrapper .input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:20px}.main-login-container .login-container .divider{position:relative;text-align:center;margin:20px auto;width:75%}.main-login-container .login-container .divider::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #f2f4f8;transform:translateY(-50%)}.main-login-container .login-container .divider span{position:relative;background-color:#fff;padding:0 10px;color:gray;font-weight:bold}.main-login-container .login-container .social-login-container{width:100%;display:flex;-moz-column-gap:10px;column-gap:10px}.main-login-container .login-container .social-login-container .google-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-login-container .login-container .social-login-container .google-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-login-container .login-container .social-login-container .facebook-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-login-container .login-container .social-login-container .facebook-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}@media screen and (max-width: 1024px){.main-login-container .login-container .social-login-container{flex-wrap:wrap;row-gap:15px}.main-login-container .login-container .social-login-container .google-login-container,.main-login-container .login-container .social-login-container .facebook-login-container{width:100%}}.main-login-container .login-container .signup-navigation-container p{margin:20px 0;font-size:16px;line-height:21.82px;font-weight:400;color:#656565}.main-login-container .login-container .signup-navigation-container span{text-decoration:underline;color:#1b76ff}.main-login-container .login-container .signup-navigation-container.forgot-link p{display:flex;justify-content:end;margin:10px 0}@media screen and (max-width: 1024px){.main-login-container .login-container{height:100%;display:flex;flex-direction:column;margin:0 auto}.main-login-container .login-container form{flex:auto;display:flex;flex-direction:column}.main-login-container .login-container form .button-container{margin-top:auto}.main-login-container .login-container .signup-navigation-container{margin-top:auto}}@media screen and (min-width: 1025px){.mobile-logo{display:none}}
body,html{height:100%;margin:0;font-family:"Nunito Sans",serif}.split{height:100vh;width:50%}.split.left{max-width:915px}@media screen and (max-width: 768px){.split.left{display:none}}@media screen and (min-width: 769px)and (max-width: 1024px){.split.left{display:none}}.convoia-box{max-width:915px;background:linear-gradient(#00398F, #001433);margin-top:20px;margin-left:20px;border-radius:40px}.convoia-inner{padding-top:60px;padding-left:60px;padding-right:5px;max-width:755px}.convoia-inner .convoia-logo{width:211.35px}.convoia-inner h2{color:#fff;font-weight:700;font-size:40px;line-height:54.56px;margin:30px 0 0 0}.convoia-inner p{color:#fff;font-size:20px;font-weight:400;line-height:27.28px;margin:20px 0 0 0}.convoia-image-container{text-align:end;margin-left:60px;overflow:hidden}.convoia-image-container .convoia-image{margin-top:50px;-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;width:700px}
.otp-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#5e81ff}.content-wrapper{height:400px;width:800px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;padding:30px;text-align:center}.dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}.dot-pulse::before,.dot-pulse::after{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-pulse::before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}
body,html{height:100%;margin:0;font-family:"Nunito Sans",serif}.flex-center{display:flex;align-items:center;justify-content:center}.main-otpverify-container{max-width:1900px;width:100%;display:flex;margin:0 auto;justify-content:center;background:#fff}.main-otpverify-container .split{height:100vh;width:50%}.main-otpverify-container .split.right{max-width:915px}@media screen and (max-width: 768px){.main-otpverify-container .split.right{width:100%;padding:15px}}@media screen and (min-width: 769px)and (max-width: 1024px){.main-otpverify-container .split.right{width:100%;padding:15px}}.main-otpverify-container .login-container{max-width:500px;margin:120px auto 0 auto}.main-otpverify-container .login-container p{text-align:center;font-size:38px;line-height:51.83px;font-weight:700;color:#1d1d1d;margin:0}.main-otpverify-container .login-container .otp-subheading{font-weight:400;font-size:18px;line-height:24.55px;text-align:center;margin-top:10px;color:#1d1d1d}.main-otpverify-container .login-container .user-email-container{font-weight:600;font-size:18px;line-height:24.55px;text-align:center;color:#1b76ff;margin-top:12px}.main-otpverify-container .login-container .verify-button{width:100%;margin-top:30%;padding:9px 20px 9px 20px;font-size:18px;color:#fff;background-color:#1b76ff;outline:none;border:none;border-radius:8px}.main-otpverify-container .login-container .cancel-button{width:100%;margin-top:20px;padding:9px 20px 9px 20px;font-size:18px;color:#1b76ff;background-color:#fff;outline:none;border:1px solid;border-radius:8px}.main-otpverify-container .login-container .otp-input-container{display:flex;justify-content:center;gap:10px;margin:20px 0}.main-otpverify-container .login-container .otp-input{width:50px;height:50px;font-size:20px;text-align:center;border:none;border-radius:10px;background-color:#f2f4f8;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.main-otpverify-container .login-container .otp-input:focus{outline:none;border-color:#007bff;background-color:#fff}.main-otpverify-container .login-container .input-wrapper{position:relative}.main-otpverify-container .login-container .input-wrapper input{width:100%;border-radius:10px;background-color:#f2f4f8;outline:none;border:none;padding:12px 15px 12px 40px}.main-otpverify-container .login-container .input-wrapper .input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:20px}.main-otpverify-container .login-container .divider{position:relative;text-align:center;margin:20px auto;width:75%}.main-otpverify-container .login-container .divider::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #f2f4f8;transform:translateY(-50%)}.main-otpverify-container .login-container .divider span{position:relative;background-color:#fff;padding:0 10px;color:gray;font-weight:bold}.main-otpverify-container .login-container .social-login-container{width:100%;display:flex;-moz-column-gap:10px;column-gap:10px}.main-otpverify-container .login-container .social-login-container .google-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-otpverify-container .login-container .social-login-container .google-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-otpverify-container .login-container .social-login-container .facebook-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-otpverify-container .login-container .social-login-container .facebook-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-otpverify-container .login-container .signup-navigation-container p{margin:20px 0;font-size:16px;line-height:21.82px;font-weight:400;color:#656565}.main-otpverify-container .login-container .signup-navigation-container span{text-decoration:underline;color:#1b76ff}
.email-verify{display:flex;height:100%;background-repeat:no-repeat;background-size:cover}.email-content{background-color:#f0f8ff;width:100%;padding:30px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.email-content svg{color:#20b2aa}.email-content h1{margin-top:0}.email-content h2{color:#463e3f}.email-content h3{margin-bottom:25px;color:#494f55}.email-content h4{color:#494f55}.top-content{display:flex;align-items:center;gap:20px}.top-content img{border-radius:50%}.side-div{height:100vh;width:40%;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg, #a547b1, blue) no-repeat center}
.profile-container{padding:30px;width:calc(100% - 224px);color:#797d8e}@media screen and (max-width: 1024px){.profile-container{width:100%}}.input-container{display:flex;align-items:center;margin-bottom:20px}.input-container .label{width:20%}.input-container input{width:40%;height:25px}.input-container textarea{width:40%}.input-container .check-box{height:20px;width:20px}.input-container .availability-text{width:50%}.save-btn{padding:8px 20px;margin-top:20px;background:#1e90ff;border:0;color:#fff}.success{color:green}.toast-body svg{fill:#fff}.page-not-found{width:calc(100% - 224px);display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 1024px){.page-not-found{width:100%}}
.page-container{background-color:#f2f4f8;padding:30px;border:1px solid #ebeff8;border-radius:20px;width:100%}.page-container .bread-crumb{display:flex;justify-content:start;align-items:center;margin-bottom:25px}.page-container .bread-crumb .menu{display:flex;gap:10px}.page-container .bread-crumb .menu li{font-family:Nunito Sans;font-weight:400;font-size:16px;line-height:24.55px;letter-spacing:0%}.page-container .bread-crumb .menu li img{margin-left:10px}.page-container .bread-crumb .menu li a{text-decoration:none;color:#656565}.page-container .bread-crumb .menu li.active{font-weight:700}@media screen and (max-width: 950px){.page-container .bread-crumb{margin-bottom:15px}.page-container .bread-crumb .menu li{font-size:12px}}.page-container .page-wrapper{background-color:#fff;border-radius:20px;padding:25px;min-height:100vh}.page-container .page-wrapper h3{font-family:Nunito Sans;font-weight:700;font-size:20px;line-height:27.28px;letter-spacing:0%;margin-bottom:15px}.page-container .page-wrapper .grid-container{display:grid;gap:15px;grid-template-columns:repeat(3, 1fr);width:100%;background:#fff}.page-container .page-wrapper .col-3{grid-column:span 3}.page-container .page-wrapper .col-2{grid-column:span 2}.page-container .page-wrapper .col-1{grid-column:span 1}.page-container .page-wrapper .grid-item{min-width:0;width:100%}@media(max-width: 759px){.page-container .page-wrapper .grid-container{grid-template-columns:1fr}.page-container .page-wrapper .grid-item{grid-column:span 1 !important}}.page-container .button-wrapper{margin-top:20px}.page-container .button-wrapper .primary-button{background-color:#1b76ff;color:#fff;border-radius:8px;gap:10px;padding-top:9px;padding-right:40px;padding-bottom:9px;padding-left:40px;border:none;font-family:Nunito Sans;font-weight:600;font-size:18px;letter-spacing:0%;text-align:center}@media(max-width: 1024px){.page-container .button-wrapper .primary-button{font-size:14px}.page-container{background:#fff;border:none;padding:20px}.page-container .page-wrapper{padding:0}}
.container{height:100vh;overflow-y:scroll;display:flex;justify-content:center;align-items:center;background-color:#5e81ff}.main{width:400px;background:#fff;border-radius:3px;padding:30px;position:relative;display:flex}@media screen and (max-width: 1024px){.main{width:100%;margin:0 15px}}.main .form_wrapper{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;overflow:hidden}.main .form_wrapper .form- title{text-align:center;margin-bottom:20px;width:100%;overflow:hidden}.main .form_wrapper .form- title h3{font-size:22px;margin:0px;transition:all .3s ease}.main .form_wrapper .tab{width:50%;border:solid 2px #f1f1f1;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:20px;font-weight:500;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main .form_wrapper .tab.login_tab{border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px}.main .form_wrapper .tab.signup_tab{border-left:none;border-top-left-radius:0px;border-bottom-left-radius:0px}.main .form_wrapper .shape{background-color:#5e81ff;width:50%;height:39px;border-radius:5px;position:absolute;top:0px;left:0px;opacity:.9;transition:all .4s ease;cursor:pointer}.main .form_wrapper .active~.form_wrap{transform:translateX(0)}.main .form_wrapper .active~.form_wrap .signup_form{opacity:0}.main .form_wrapper .active .shape{left:0}.main .form_wrapper .active .login_tab span{color:#fff;z-index:1}.main .form_wrapper .inactive .shape{left:50%}.main .form_wrapper .inactive .signup_tab span{color:#fff;z-index:1}.main .form_wrapper .none{display:none}.main .form_wrapper a{color:#a547b1;text-decoration:none;transition:all .3s linear}.main .form_wrapper a:hover{color:blue}.form_wrap{display:flex;width:100%;flex:0 0 100%;transition:transform .3s ease,opacity .2s ease}.form_wrap .form_field{width:100%;flex:0 0 100%;transition:all .5s ease}.forgot{display:block;margin-bottom:15px;padding:0px 2px;text-align:center;color:#a547b1;text-decoration:none;transition:all .3s linear;cursor:pointer}.forgot:hover{color:blue}.input_group{width:100%;margin-bottom:12px;position:relative}.input_group .eye_icon{position:absolute;top:11px;right:10px;color:gray;cursor:pointer}.input_group .input{border:solid #f1f1f1 2px;border-radius:5px;width:100%;height:40px;padding:5px 10px;font-size:15px;font-weight:500;outline:none;transition:all .3s linear}.input_group .input::-moz-placeholder{color:#adadad}.input_group .input::placeholder{color:#adadad}.input_group .input:hover{border-color:rgba(94,129,255,.5)}.input_group .input:focus{border-color:rgba(94,129,255,.5)}.btn{width:100%;height:40px;margin-bottom:20px;margin-top:20px;border:none;outline:none;font-size:16px;font-weight:500;letter-spacing:.8px;cursor:pointer;color:#fff;background:#5e81ff;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s linear}.btn:hover{opacity:.7}.btn:active{transform:scale(0.95)}.btn:disabled{opacity:.4;cursor:not-allowed}.input-error{font-size:14px;color:red}.button-container{display:flex;width:100%;position:relative}.forgot-password{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.forgot-password h4{margin-top:0px;margin-bottom:30px;color:gray;text-align:center}
.change-container{padding:30px;width:calc(100% - 224px);color:#797d8e}@media screen and (max-width: 1024px){.change-container{width:100%}}.form-wide{width:40%}.input-error{font-size:14px;color:red}.reset-button{padding:10px 20px;margin-top:20px;width:100%}.success{color:green}.error{color:red}
body,html{height:100%;margin:0;font-family:"Nunito Sans",serif}.main-forgotpass-container{max-width:1900px;width:100%;display:flex;margin:0 auto;justify-content:center;background:#fff}.main-forgotpass-container .split{height:100vh;width:50%}.main-forgotpass-container .split.right{max-width:915px}@media screen and (max-width: 1024px){.main-forgotpass-container .split.right{width:100%;padding:20px}}@media screen and (min-width: 769px)and (max-width: 1024px){.main-forgotpass-container .split.right{width:100%;padding:15px}}.main-forgotpass-container .changepass-container{max-width:500px;width:100%;margin:0 auto 0 auto}.main-forgotpass-container .changepass-container p{text-align:center;font-size:38px;line-height:51.83px;font-weight:700;color:#1d1d1d;margin:0}.main-forgotpass-container .changepass-container .forgot-subheading{font-weight:400;font-size:18px;line-height:24.55px;text-align:center;margin-top:10px;color:#1d1d1d}.main-forgotpass-container .changepass-container .submit-button{width:100%;margin-top:30%;padding:9px 20px 9px 20px;font-size:18px;color:#fff;background-color:#1b76ff;outline:none;border:none;border-radius:8px}.main-forgotpass-container .changepass-container .cancel-button{width:100%;margin-top:20px;padding:9px 20px 9px 20px;font-size:18px;color:#1b76ff;background-color:#fff;outline:none;border:1px solid;border-radius:8px}.main-forgotpass-container .changepass-container .input-group{margin-top:20px;display:flex;flex-direction:column;row-gap:10px}.main-forgotpass-container .changepass-container .input-group label{font-size:18px;line-height:24.55px;font-weight:600;color:#1d1d1d}.main-forgotpass-container .changepass-container .input-wrapper{position:relative}.main-forgotpass-container .changepass-container .input-wrapper input{width:100%;border-radius:10px;background-color:#f2f4f8;outline:none;border:none;padding:12px 15px 12px 40px}.main-forgotpass-container .changepass-container .input-wrapper .input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:20px}.main-forgotpass-container .changepass-container .divider{position:relative;text-align:center;margin:20px auto;width:75%}.main-forgotpass-container .changepass-container .divider::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #f2f4f8;transform:translateY(-50%)}.main-forgotpass-container .changepass-container .divider span{position:relative;background-color:#fff;padding:0 10px;color:gray;font-weight:bold}.main-forgotpass-container .changepass-container .social-login-container{width:100%;display:flex;-moz-column-gap:10px;column-gap:10px}.main-forgotpass-container .changepass-container .social-login-container .google-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-forgotpass-container .changepass-container .social-login-container .google-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-forgotpass-container .changepass-container .social-login-container .facebook-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-forgotpass-container .changepass-container .social-login-container .facebook-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-forgotpass-container .changepass-container .signup-navigation-container p{margin:20px 0;font-size:16px;line-height:21.82px;font-weight:400;color:#656565}.main-forgotpass-container .changepass-container .signup-navigation-container span{text-decoration:underline;color:#1b76ff}@media screen and (max-width: 1024px){.changepass-container{height:100%;display:flex;flex-direction:column;padding-top:30px}.signup-navigation-container p{font-size:14px}.changepass-container .button-container{margin-top:auto}}
.widget-container{position:absolute;top:82px;right:3%;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 1024px){.widget-container{position:initial;margin-top:20px}}.input-container{display:flex;align-items:center;margin-bottom:20px;position:relative}.input-container .label{width:20%}.input-container input{width:40%;height:25px}@media screen and (max-width: 1024px){.input-container input{width:100%}}.input-container .availability-text{width:50%}.widgetConfigLabel{margin-top:10px;color:rgba(0,56,140,.9);font-size:15px;font-weight:600}.align-start{align-items:start}.radio-input{width:20px !important;height:20px !important}.checkbox-container{display:flex;align-items:center;gap:10px}.checkbox-container input{height:20px;width:20px}.save-btn{padding:8px 20px;margin-top:20px;background:#1e90ff;border:0;color:#fff}.success{color:green}.error{color:red}.script-box-container{position:absolute;top:14px;right:34px;width:37%;margin-top:20px}@media screen and (max-width: 1024px){.script-box-container{position:initial;width:100%}}.script-box{border:1px solid #0d79e5;padding:7px 13px;font-size:14px;margin-bottom:20px;position:relative}.plugin-id{color:skyblue}.info-tooltip{color:gray;display:inline-block}.info-tooltip:hover .tooltip-box{visibility:visible;opacity:1}.tooltip-box{position:absolute;bottom:105%;left:0px;z-index:2000;background-color:#6495ed;color:#fff;padding:10px;visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s linear;width:300px;border-radius:4px}.widget-color-picker{position:absolute;top:0px;left:30px;z-index:200}@media screen and (max-width: 1024px){.widget-color-picker{top:30px;left:-200%}}
.canned-heading-strip{display:flex;color:#1d1d1d;margin-bottom:10px;background-color:#f2f4f8;padding:15px 4px;border-radius:10px 4px}
.agent-details{width:20%;display:flex;gap:4px;align-items:center}
.list-headers{display:flex;align-items:center;margin-bottom:10px;color:#000;background:#f2f4f8;border-radius:10px;padding:15px 4px}@media screen and (max-width: 570px){.list-headers{flex-wrap:wrap}}@media screen and (min-width: 1024px){.list-headers img{display:none}}@media screen and (min-width: 1280px){.list-headers img{display:block}}.contact-list-container{padding:25px 25px 40px 25px;height:calc(100vh - 120px);min-height:0;overflow-y:scroll}@media screen and (max-width: 415px){.contact-list-container{padding:20px}}.contact-list-container *{-ms-overflow-style:none;scrollbar-width:none}.contact-list-container *::-webkit-scrollbar{display:none}.contact-table-container{display:flex}.contact-row button{border:0;margin:0;padding:0;background:rgba(0,0,0,0)}.contact-email{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;width:35%}@media screen and (max-width: 570px){.contact-email{width:30%}}@media screen and (max-width: 415px){.contact-email{width:40%}}.name{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;width:20%}@media screen and (max-width: 570px){.name{width:30%}}@media screen and (max-width: 415px){.name{width:40%}}.phone{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;width:15%}@media screen and (max-width: 570px){.phone{width:30%}}@media screen and (max-width: 415px){.phone{width:40%}}.country{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;width:20%}@media screen and (max-width: 570px){.country{width:30%}}@media screen and (max-width: 415px){.country{width:40%}}.region{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;width:30%}@media screen and (max-width: 570px){.region{width:30%}}@media screen and (max-width: 415px){.region{width:40%}}.last-seen{display:flex;align-items:center;-moz-column-gap:5px;column-gap:5px;width:15%}@media screen and (max-width: 570px){.last-seen{width:30%}}@media screen and (max-width: 415px){.last-seen{width:40%}}.actions{width:10%;text-align:center;display:flex;justify-content:center;-moz-column-gap:10px;column-gap:10px;align-items:center}@media screen and (max-width: 415px){.actions{width:20%}}.list-headers .contact-email{padding-left:5px}@media screen and (max-width: 415px){.list-headers .contact-email{padding-left:0}}.list-headers div{font-weight:600}@media screen and (max-width: 570px){.contact-row{flex-wrap:wrap;margin-bottom:10px}}
.autosmart-banner-wrapper{display:flex;justify-content:space-between}.autosmart-banner-wrapper .autosmart-inner{display:flex;align-items:center;gap:5px}.autosmart-banner-wrapper .smartauto-blue-btn{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;padding:9px 20px 9px 20px;border-radius:8px;background:#1b76ff;border:0}.autosmart-banner-wrapper .smartauto-blue-btn .smartauto-blue-text{color:#fff;font-weight:500;font-size:20px}.smartauto-heading-strip{display:flex;margin-bottom:10px;gap:10px;color:#1d1d1d;background-color:#f2f4f8;padding:15px 4px;border-radius:10px 4px}
.blockedvisitors-inner{display:flex;align-items:center;gap:8px;padding:10px 0 30px 0}.blocked-heading-strip{display:flex;color:#1d1d1d;margin-bottom:10px;background-color:#f2f4f8;padding:15px 4px;border-radius:10px 4px}.blocked-heading-strip img{height:1.5rem}@media screen and (min-width: 1024px){.blocked-heading-strip img{display:none}}@media screen and (min-width: 1280px){.blocked-heading-strip img{display:block}}
:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, 0.7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: 0.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g)*1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width: 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
body,html{height:100%;margin:0;font-family:"Nunito Sans",serif}body{height:100%;margin:0;padding:0}body #root{height:100vh}*{box-sizing:border-box}* button{cursor:pointer}* input{padding:5px;border:1px solid}* input[type=color]{padding:1px 2px}* input[type=text]{font-family:Arial;font-size:14px}* textarea{padding:5px;font-family:Arial;font-size:14px}.skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd}.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 5s infinite;content:""}@keyframes shimmer{100%{transform:translateX(100%)}}.input-range__slider{background-color:#0d79e5 !important}.input-range__track--active{background-color:#0d79e5 !important}.input-range{margin-left:35px}.message-container{width:100%;border-radius:8px;margin:10px 0}@media screen and (max-width: 1024px){.message-container{width:100%;max-width:inherit}}.widget-button-container{background-color:#286be6;color:#fff;height:52px;border-radius:100px;border:2px solid #fff;font-size:22px;cursor:pointer;padding:10px 17px;position:relative;overflow:hidden;width:-moz-fit-content;width:fit-content;margin-left:auto}.profile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;gap:10px;color:#fff;border-radius:8px 0 0}.widget-close{position:absolute;top:-16px;right:-13px;background:#7b68ee;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:26px;padding-bottom:2px}.message-container .content{padding:10px 0;display:flex;background-color:#fff;border-radius:0 0 8px 8px;position:relative}.message-container .form input:focus{outline:none}.chat-msg-container{max-width:80%;display:flex;align-items:end;margin-bottom:5px}.profile-user{width:50px;height:50px;border-radius:50%;text-align:center;background:skyblue;position:relative}.profile-user img{height:100%;width:100%;border-radius:100%;-o-object-fit:cover;object-fit:cover}.profile-user::after{display:block;content:" ";width:12px;height:12px;border-radius:50%;position:absolute;left:auto;right:0;bottom:5px;background:#32cd32}.profile-user-off{width:70px;height:70px;border-radius:50%;text-align:center;background:skyblue;position:relative;overflow:hidden}.chat-message{padding:10px;width:-moz-fit-content;width:fit-content;font-size:16px;background:#f0f8ff;overflow-wrap:anywhere;border-radius:0 10px 10px}.message-container button{cursor:pointer;background-color:#7b68ee;color:#fff;border:0;border-radius:4px;padding:9px}.message-container input{padding:10px}.message-container .form *{margin:5px 5px 5px 0;border:0;background:rgba(0,0,0,0)}.main-container{max-height:100vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.main-container::-webkit-scrollbar{display:none}@media screen and (min-width: 1025px){.main-container{width:100%;margin-left:102px}}.main-container .main-container-inner{background-color:#f2f4f8;padding:30px;border-top-left-radius:25px}@media screen and (max-width: 1024px){.main-container .main-container-inner{border-top-left-radius:0;padding:0}}.agents-wrapper-container{display:flex;gap:20px}@media screen and (max-width: 1024px){.agents-wrapper-container{flex-direction:column}}.number-searchbar-container{display:flex;align-items:center;border-radius:20px 20px 0 0;position:relative;justify-content:space-between;padding:0px 2px 30px 2px}.number-searchbar-container .right-barbutton-container{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.number-searchbar-container .searchbar-container{position:relative;display:flex;align-items:center;gap:10px}@media screen and (max-width: 1024px){.number-searchbar-container{flex-direction:column;gap:10px;align-items:start;padding:0;margin-bottom:20px}.number-searchbar-container .searchbar-container{width:100%}.number-searchbar-container input{width:100% !important;font-size:14px}}.mobile-list-container{padding:12px;color:#656565;border-radius:8px;border:1px solid #ebeff8;font-size:14px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}button:disabled{opacity:.4;cursor:not-allowed}ul,ol{list-style:none;margin:0;padding:0}h3{margin:0}.input-group{display:flex;flex-direction:column;row-gap:10px}.input-group label{font-size:18px;line-height:24.55px;font-weight:600;color:#1d1d1d}.input-wrapper{position:relative}.input-wrapper .file-upload{background-color:#f2f4f8;border:1px dashed rgba(12,121,229,.5019607843);display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:15px;cursor:pointer;margin-bottom:15px}.input-wrapper .file-upload p{font-family:Nunito Sans;font-weight:600;font-size:16px;line-height:21.82px;letter-spacing:0%;margin:10px 0px}.input-wrapper .file-upload label{color:#1b76ff}.input-wrapper .file-upload span{font-family:Nunito Sans;font-weight:400;font-size:14px;line-height:19.1px;letter-spacing:0%;text-align:center}.input-wrapper .uploaded-file{width:100%;border-radius:10px;background-color:#f2f4f8;outline:none;border:none;padding:12px 15px 12px 15px;display:flex;align-items:center;justify-content:space-between}.input-wrapper .uploaded-file .remove{cursor:pointer}.input-wrapper .uploaded-file p{margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal;max-width:100%;flex-grow:1}.input-wrapper .uploaded-file .file-name{display:flex;align-items:center;gap:5px;width:calc(100% - 40px)}.input-wrapper input,.input-wrapper textarea{width:100%;border-radius:10px;background-color:#f2f4f8;outline:none;border:none;padding:12px 15px 12px 15px}.input-wrapper input:-moz-read-only, .input-wrapper textarea:-moz-read-only{cursor:not-allowed;background-color:#ededed}.input-wrapper input:read-only,.input-wrapper textarea:read-only{cursor:not-allowed;background-color:#ededed}.input-wrapper .input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:20px}.error{color:red;font-size:14px}.listTable{border:2px solid #ebeff8;border-radius:10px;overflow:hidden}.listThead{background-color:#f2f4f8;padding:15px;border-radius:10px;display:flex;font-weight:600;font-size:16px;color:#1d1d1d}@media screen and (max-width: 950px){.listThead{padding:10px}}.listThead .theadItem{display:inline-flex;align-items:center;gap:5px}.listTbody .search-box{padding:10px 15px;border-bottom:1px solid #ebeff8;border-radius:0}.listTbody .search-box:nth-last-child(1){border:none}.ListBtn{width:28px;height:28px;border-radius:6px;background-color:#f2f4f8;color:#292d32;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;margin:2px 4px}.ListBtn.trash{background-color:rgba(255,68,68,.16);color:#f44}.badge-primary{padding:2px 7px;border-radius:10px;background:#1b76ff;font-size:11px;color:#fff}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}::before,
::after {
  --tw-content: '';
}/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}/*
Remove the default font size and weight for headings.
*/h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}/*
Reset links to optimize for opt-in styling instead of opt-out.
*/a {
  color: inherit;
  text-decoration: inherit;
}/*
Add the correct font weight in Edge and Safari.
*/b,
strong {
  font-weight: bolder;
}/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}/*
Add the correct font size in all browsers.
*/small {
  font-size: 80%;
}/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}/*
Remove the inheritance of text transform in Edge and Firefox.
*/button,
select {
  text-transform: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}/*
Use the modern Firefox focus style for all focusable elements.
*/:-moz-focusring {
  outline: auto;
}/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/:-moz-ui-invalid {
  box-shadow: none;
}/*
Add the correct vertical alignment in Chrome and Firefox.
*/progress {
  vertical-align: baseline;
}/*
Correct the cursor style of increment and decrement buttons in Safari.
*/::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/*
Remove the inner padding in Chrome and Safari on macOS.
*/::-webkit-search-decoration {
  -webkit-appearance: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/*
Add the correct display in Chrome and Safari.
*/summary {
  display: list-item;
}/*
Removes the default spacing and border for appropriate elements.
*/blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}fieldset {
  margin: 0;
  padding: 0;
}legend {
  padding: 0;
}ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}/*
Reset default styling for dialogs.
*/dialog {
  padding: 0;
}/*
Prevent resizing textareas horizontally by default.
*/textarea {
  resize: vertical;
}/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}/*
Set the default cursor for buttons.
*/button,
[role="button"] {
  cursor: pointer;
}/*
Make sure disabled buttons don't get the pointer cursor.
*/:disabled {
  cursor: default;
}/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/img,
video {
  max-width: 100%;
  height: auto;
}/* Make elements with the HTML hidden attribute stay hidden by default */[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1025px){.container{max-width:1025px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1440px){.container{max-width:1440px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0px}.-right-\[20px\]{right:-20px}.bottom-0{bottom:0px}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.left-0{left:0px}.left-1\/2{left:50%}.left-\[110\%\]{left:110%}.left-auto{left:auto}.right-0{right:0px}.right-2{right:0.5rem}.right-3{right:0.75rem}.right-9{right:2.25rem}.right-auto{right:auto}.top-0{top:0px}.top-1\/2{top:50%}.top-2{top:0.5rem}.top-3{top:0.75rem}.top-9{top:2.25rem}.top-full{top:100%}.-z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.col-span-full{grid-column:1 / -1}.m-0{margin:0px}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:0.25rem;margin-bottom:0.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mt-2{margin-top:-0.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.ml-0\.5{margin-left:0.125rem}.ml-1{margin-left:0.25rem}.ml-2{margin-left:0.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mt-0{margin-top:0px}.mt-1{margin-top:0.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.max-h-screen{max-height:100vh}.min-h-\[30px\]{min-height:30px}.w-1\/2{width:50%}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[60px\]{width:60px}.w-\[72px\]{width:72px}.w-\[94\%\]{width:94%}.w-auto{width:auto}.w-full{width:100%}.min-w-\[120px\]{min-width:120px}.max-w-\[106px\]{max-width:106px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[350px\]{max-width:350px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-2\.5{gap:0.625rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-sm{border-radius:0.125rem}.rounded-r-xl{border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem}.rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[\#D6DEEF\]{--tw-border-opacity:1;border-color:rgb(214 222 239 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-grey{--tw-border-opacity:1;border-color:rgb(101 101 101 / var(--tw-border-opacity, 1))}.border-primary-soft{--tw-border-opacity:1;border-color:rgb(242 244 248 / var(--tw-border-opacity, 1))}.border-t-primary-soft{--tw-border-opacity:1;border-top-color:rgb(242 244 248 / var(--tw-border-opacity, 1))}.bg-\[\#00255f\]{--tw-bg-opacity:1;background-color:rgb(0 37 95 / var(--tw-bg-opacity, 1))}.bg-\[\#EDEDED\]{--tw-bg-opacity:1;background-color:rgb(237 237 237 / var(--tw-bg-opacity, 1))}.bg-black\/60{background-color:rgb(29 29 29 / 0.6)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(27 118 255 / var(--tw-bg-opacity, 1))}.bg-primary-soft{--tw-bg-opacity:1;background-color:rgb(242 244 248 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-gradient-top{--tw-gradient-from:#00398f var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 57 143 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-gradient-bottom{--tw-gradient-to:#001433 var(--tw-gradient-to-position)}.fill-black{fill:#1D1D1D}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0px}.p-0\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-0{padding-left:0px;padding-right:0px}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.pb-3{padding-bottom:0.75rem}.pb-4{padding-bottom:1rem}.pl-1{padding-left:0.25rem}.pl-2{padding-left:0.5rem}.pr-2{padding-right:0.5rem}.pt-2{padding-top:0.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-\[\#1d1d1d\]{--tw-text-opacity:1;color:rgb(29 29 29 / var(--tw-text-opacity, 1))}.text-\[\#656565\]{--tw-text-opacity:1;color:rgb(101 101 101 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity:1;color:rgb(29 29 29 / var(--tw-text-opacity, 1))}.text-danger{--tw-text-opacity:1;color:rgb(255 68 68 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-grey{--tw-text-opacity:1;color:rgb(101 101 101 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(27 118 255 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.app{padding:0;position:relative;overflow-y:scroll;min-height:100%;background-color:#fff;border:4px solid #000;border-radius:2px}.d-flex{display:flex}.items-center{align-items:center}.flex-col{flex-direction:column}.mb-md{margin-bottom:16px}.gap-sm{gap:6px}.font-lg{font-size:20px}select{border:1px solid #f2f4f8;border-radius:10px;background:#f2f4f8;padding:10px 15px;min-height:42px}select:focus{outline-color:#ebeff8;border:none}.ConvoiaTabContent{background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px 0 rgba(12,121,229,.04)}.ConvoiaTabItems{display:flex;align-items:center;gap:10px}.ConvoiaTabItems .ConvoiaTabItem{border:1px solid #ebeff8;border-radius:10px;padding:0;display:inline-flex;align-items:center;text-align:center;margin:5px 5px 15px 5px;padding-top:10px;padding-inline:10px;position:relative;color:#656565;cursor:pointer}.ConvoiaTabItems .ConvoiaTabItem.active{color:#1b76ff}.ConvoiaTabItems .ConvoiaTabItem.active::before{position:absolute;top:-5px;left:-5px;bottom:-30px;right:-5px;background:#fff;content:"";z-index:0;border-radius:15px}.ConvoiaTabItems .ConvoiaTabItem .number{background:#1b76ff;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;width:44px;height:44px;border-radius:10px;position:relative}.ConvoiaTabItems .ConvoiaTabItem .name{font-size:18px;font-weight:600;white-space:nowrap;padding:10px;position:relative}@media screen and (max-width: 640px){.ConvoiaTabItems .ConvoiaTabItem{padding-top:10px}}@media screen and (max-width: 1024px){.ConvoiaTabItems .ConvoiaTabItem.active::before{top:0}.ConvoiaTabItems .ConvoiaTabItem .number{width:36px;height:36px;font-size:16px;border-radius:6px}.ConvoiaTabItems .ConvoiaTabItem .name{font-size:16px}}.space-between{justify-content:space-between}.numberIcon{background:#1b76ff;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;width:44px;height:44px;border-radius:10px;position:relative}@media screen and (max-width: 950px){.ConvoiaTabContent{padding:20px}}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-start-2{grid-column-start:2}.sm\:h-10{height:2.5rem}.sm\:w-10{width:2.5rem}.sm\:max-w-36{max-width:9rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.md\:mx-2{margin-left:0.5rem;margin-right:0.5rem}.md\:mb-0{margin-bottom:0px}.md\:mb-10{margin-bottom:2.5rem}.md\:mr-3{margin-right:0.75rem}.md\:inline-flex{display:inline-flex}.md\:w-1\/4{width:25%}.md\:w-2\/5{width:40%}.md\:w-\[100px\]{width:100px}.md\:w-\[20\%\]{width:20%}.md\:w-\[70\%\]{width:70%}.md\:w-auto{width:auto}.md\:max-w-\[156px\]{max-width:156px}.md\:flex-auto{flex:1 1 auto}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:gap-5{gap:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:pb-7{padding-bottom:1.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:0.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-\[\#1d1d1d\]{--tw-text-opacity:1;color:rgb(29 29 29 / var(--tw-text-opacity, 1))}}@media (min-width: 1025px){.lg\:col-auto{grid-column:auto}.lg\:col-start-auto{grid-column-start:auto}.lg\:ml-auto{margin-left:auto}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:hidden{display:none}.lg\:max-w-\[360px\]{max-width:360px}.lg\:justify-center{justify-content:center}.lg\:bg-transparent{background-color:transparent}.lg\:px-0{padding-left:0px;padding-right:0px}}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}.container {
  width: 100%;
}@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}@media (min-width: 1025px) {

  .container {
    max-width: 1025px;
  }
}@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}@media (min-width: 1440px) {

  .container {
    max-width: 1440px;
  }
}.visible {
  visibility: visible;
}.collapse {
  visibility: collapse;
}.static {
  position: static;
}.fixed {
  position: fixed;
}.absolute {
  position: absolute;
}.relative {
  position: relative;
}.sticky {
  position: sticky;
}.inset-0 {
  inset: 0px;
}.-right-\[20px\] {
  right: -20px;
}.bottom-0 {
  bottom: 0px;
}.bottom-auto {
  bottom: auto;
}.bottom-full {
  bottom: 100%;
}.left-0 {
  left: 0px;
}.left-1\/2 {
  left: 50%;
}.left-\[110\%\] {
  left: 110%;
}.left-auto {
  left: auto;
}.right-0 {
  right: 0px;
}.right-2 {
  right: 0.5rem;
}.right-3 {
  right: 0.75rem;
}.right-9 {
  right: 2.25rem;
}.right-auto {
  right: auto;
}.top-0 {
  top: 0px;
}.top-1\/2 {
  top: 50%;
}.top-2 {
  top: 0.5rem;
}.top-3 {
  top: 0.75rem;
}.top-9 {
  top: 2.25rem;
}.top-full {
  top: 100%;
}.-z-0 {
  z-index: 0;
}.z-10 {
  z-index: 10;
}.z-20 {
  z-index: 20;
}.col-span-full {
  grid-column: 1 / -1;
}.m-0 {
  margin: 0px;
}.m-auto {
  margin: auto;
}.mx-auto {
  margin-left: auto;
  margin-right: auto;
}.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}.-mt-2 {
  margin-top: -0.5rem;
}.mb-1 {
  margin-bottom: 0.25rem;
}.mb-10 {
  margin-bottom: 2.5rem;
}.mb-2 {
  margin-bottom: 0.5rem;
}.mb-3 {
  margin-bottom: 0.75rem;
}.mb-4 {
  margin-bottom: 1rem;
}.ml-0\.5 {
  margin-left: 0.125rem;
}.ml-1 {
  margin-left: 0.25rem;
}.ml-2 {
  margin-left: 0.5rem;
}.ml-auto {
  margin-left: auto;
}.mr-1 {
  margin-right: 0.25rem;
}.mr-2 {
  margin-right: 0.5rem;
}.mt-0 {
  margin-top: 0px;
}.mt-1 {
  margin-top: 0.25rem;
}.mt-12 {
  margin-top: 3rem;
}.mt-2 {
  margin-top: 0.5rem;
}.mt-4 {
  margin-top: 1rem;
}.mt-auto {
  margin-top: auto;
}.block {
  display: block;
}.inline-block {
  display: inline-block;
}.flex {
  display: flex;
}.inline-flex {
  display: inline-flex;
}.table {
  display: table;
}.grid {
  display: grid;
}.hidden {
  display: none;
}.h-4 {
  height: 1rem;
}.h-6 {
  height: 1.5rem;
}.h-7 {
  height: 1.75rem;
}.h-8 {
  height: 2rem;
}.h-full {
  height: 100%;
}.h-screen {
  height: 100vh;
}.max-h-\[80vh\] {
  max-height: 80vh;
}.max-h-screen {
  max-height: 100vh;
}.min-h-\[30px\] {
  min-height: 30px;
}.w-1\/2 {
  width: 50%;
}.w-4 {
  width: 1rem;
}.w-6 {
  width: 1.5rem;
}.w-7 {
  width: 1.75rem;
}.w-8 {
  width: 2rem;
}.w-80 {
  width: 20rem;
}.w-\[60px\] {
  width: 60px;
}.w-\[72px\] {
  width: 72px;
}.w-\[94\%\] {
  width: 94%;
}.w-auto {
  width: auto;
}.w-full {
  width: 100%;
}.min-w-\[120px\] {
  min-width: 120px;
}.max-w-\[106px\] {
  max-width: 106px;
}.max-w-\[180px\] {
  max-width: 180px;
}.max-w-\[200px\] {
  max-width: 200px;
}.max-w-\[350px\] {
  max-width: 350px;
}.max-w-full {
  max-width: 100%;
}.flex-1 {
  flex: 1 1 0%;
}.flex-auto {
  flex: 1 1 auto;
}.shrink-0 {
  flex-shrink: 0;
}.table-fixed {
  table-layout: fixed;
}.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.cursor-pointer {
  cursor: pointer;
}.resize {
  resize: both;
}.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.flex-row {
  flex-direction: row;
}.flex-col {
  flex-direction: column;
}.flex-wrap {
  flex-wrap: wrap;
}.place-content-center {
  place-content: center;
}.items-end {
  align-items: flex-end;
}.items-center {
  align-items: center;
}.justify-end {
  justify-content: flex-end;
}.justify-center {
  justify-content: center;
}.justify-between {
  justify-content: space-between;
}.gap-1 {
  gap: 0.25rem;
}.gap-2 {
  gap: 0.5rem;
}.gap-2\.5 {
  gap: 0.625rem;
}.gap-4 {
  gap: 1rem;
}.gap-5 {
  gap: 1.25rem;
}.gap-7 {
  gap: 1.75rem;
}.overflow-hidden {
  overflow: hidden;
}.overflow-y-auto {
  overflow-y: auto;
}.whitespace-nowrap {
  white-space: nowrap;
}.text-nowrap {
  text-wrap: nowrap;
}.break-words {
  overflow-wrap: break-word;
}.rounded {
  border-radius: 0.25rem;
}.rounded-full {
  border-radius: 9999px;
}.rounded-lg {
  border-radius: 0.5rem;
}.rounded-md {
  border-radius: 0.375rem;
}.rounded-sm {
  border-radius: 0.125rem;
}.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}.border {
  border-width: 1px;
}.border-0 {
  border-width: 0px;
}.border-b {
  border-bottom-width: 1px;
}.border-t {
  border-top-width: 1px;
}.border-none {
  border-style: none;
}.border-\[\#D6DEEF\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 222 239 / var(--tw-border-opacity, 1));
}.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}.border-grey {
  --tw-border-opacity: 1;
  border-color: rgb(101 101 101 / var(--tw-border-opacity, 1));
}.border-primary-soft {
  --tw-border-opacity: 1;
  border-color: rgb(242 244 248 / var(--tw-border-opacity, 1));
}.border-t-primary-soft {
  --tw-border-opacity: 1;
  border-top-color: rgb(242 244 248 / var(--tw-border-opacity, 1));
}.bg-\[\#00255f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 37 95 / var(--tw-bg-opacity, 1));
}.bg-\[\#EDEDED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}.bg-black\/60 {
  background-color: rgb(29 29 29 / 0.6);
}.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(27 118 255 / var(--tw-bg-opacity, 1));
}.bg-primary-soft {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 248 / var(--tw-bg-opacity, 1));
}.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}.bg-transparent {
  background-color: transparent;
}.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}.from-gradient-top {
  --tw-gradient-from: #00398f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 57 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}.to-gradient-bottom {
  --tw-gradient-to: #001433 var(--tw-gradient-to-position);
}.fill-black {
  fill: #1D1D1D;
}.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}.p-0 {
  padding: 0px;
}.p-0\.5 {
  padding: 0.125rem;
}.p-1 {
  padding: 0.25rem;
}.p-2 {
  padding: 0.5rem;
}.p-3 {
  padding: 0.75rem;
}.p-4 {
  padding: 1rem;
}.p-5 {
  padding: 1.25rem;
}.p-8 {
  padding: 2rem;
}.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.pb-3 {
  padding-bottom: 0.75rem;
}.pb-4 {
  padding-bottom: 1rem;
}.pl-1 {
  padding-left: 0.25rem;
}.pl-2 {
  padding-left: 0.5rem;
}.pr-2 {
  padding-right: 0.5rem;
}.pt-2 {
  padding-top: 0.5rem;
}.text-center {
  text-align: center;
}.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}.font-bold {
  font-weight: 700;
}.font-medium {
  font-weight: 500;
}.font-normal {
  font-weight: 400;
}.font-semibold {
  font-weight: 600;
}.uppercase {
  text-transform: uppercase;
}.lowercase {
  text-transform: lowercase;
}.italic {
  font-style: italic;
}.leading-tight {
  line-height: 1.25;
}.text-\[\#1d1d1d\] {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}.text-\[\#656565\] {
  --tw-text-opacity: 1;
  color: rgb(101 101 101 / var(--tw-text-opacity, 1));
}.text-black {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
}.text-danger {
  --tw-text-opacity: 1;
  color: rgb(255 68 68 / var(--tw-text-opacity, 1));
}.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}.text-grey {
  --tw-text-opacity: 1;
  color: rgb(101 101 101 / var(--tw-text-opacity, 1));
}.text-primary {
  --tw-text-opacity: 1;
  color: rgb(27 118 255 / var(--tw-text-opacity, 1));
}.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.underline {
  text-decoration-line: underline;
}.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.outline {
  outline-style: solid;
}.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.transition-width {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.duration-300 {
  transition-duration: 300ms;
}.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.group:hover .group-hover\:visible {
  visibility: visible;
}.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}@media (min-width: 640px) {

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-start-2 {
    grid-column-start: 2;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:max-w-36 {
    max-width: 9rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}@media (min-width: 768px) {

  .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mr-3 {
    margin-right: 0.75rem;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-\[100px\] {
    width: 100px;
  }

  .md\:w-\[20\%\] {
    width: 20%;
  }

  .md\:w-\[70\%\] {
    width: 70%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-\[156px\] {
    max-width: 156px;
  }

  .md\:flex-auto {
    flex: 1 1 auto;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-\[\#1d1d1d\] {
    --tw-text-opacity: 1;
    color: rgb(29 29 29 / var(--tw-text-opacity, 1));
  }
}@media (min-width: 1025px) {

  .lg\:col-auto {
    grid-column: auto;
  }

  .lg\:col-start-auto {
    grid-column-start: auto;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:max-w-\[360px\] {
    max-width: 360px;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.submit-button{width:100%;margin-top:30%;padding:9px 20px 9px 20px;font-size:18px;color:#fff;background-color:#1b76ff;outline:none;border:none;border-radius:8px;border:1px solid #1b76ff}@media screen and (max-width: 1024px){.submit-button{font-size:14px}}.cancel-button{width:100%;margin-top:20px;padding:9px 20px 9px 20px;font-size:18px;color:#1b76ff;background-color:#fff;outline:none;border:1px solid #1b76ff;border-radius:8px}@media screen and (max-width: 1024px){.cancel-button{font-size:14px}}.main-forgotpass-container{max-width:1900px;width:100%;display:flex;margin:0 auto;justify-content:center;background:#fff}.main-forgotpass-container .split{height:100vh;width:50%}.main-forgotpass-container .split.right{max-width:915px}@media screen and (max-width: 1024px){.main-forgotpass-container .split.right{width:100%;padding:20px}}@media screen and (min-width: 769px)and (max-width: 1024px){.main-forgotpass-container .split.right{width:100%;padding:15px}}.main-forgotpass-container .forgotpass-container{max-width:500px;margin:0 auto 0 auto}.main-forgotpass-container .forgotpass-container p{text-align:center;font-size:38px;line-height:51.83px;font-weight:700;color:#1d1d1d;margin:0}.main-forgotpass-container .forgotpass-container .forgot-subheading{font-weight:400;font-size:18px;line-height:24.55px;text-align:center;margin-top:10px;color:#1d1d1d}.main-forgotpass-container .forgotpass-container .input-group{margin-top:20px;display:flex;flex-direction:column;row-gap:10px}.main-forgotpass-container .forgotpass-container .input-group label{font-size:18px;line-height:24.55px;font-weight:600;color:#1d1d1d}.main-forgotpass-container .forgotpass-container .input-wrapper{position:relative}.main-forgotpass-container .forgotpass-container .input-wrapper input{width:100%;border-radius:10px;background-color:#f2f4f8;outline:none;border:none;padding:12px 15px 12px 40px}@media screen and (max-width: 1024px){.main-forgotpass-container .forgotpass-container .input-wrapper input{font-size:14px}}.main-forgotpass-container .forgotpass-container .input-wrapper .input-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:20px}.main-forgotpass-container .forgotpass-container .divider{position:relative;text-align:center;margin:20px auto;width:75%}.main-forgotpass-container .forgotpass-container .divider::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #f2f4f8;transform:translateY(-50%)}.main-forgotpass-container .forgotpass-container .divider span{position:relative;background-color:#fff;padding:0 10px;color:gray;font-weight:bold}.main-forgotpass-container .forgotpass-container .social-login-container{width:100%;display:flex;-moz-column-gap:10px;column-gap:10px}.main-forgotpass-container .forgotpass-container .social-login-container .google-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-forgotpass-container .forgotpass-container .social-login-container .google-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-forgotpass-container .forgotpass-container .social-login-container .facebook-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-forgotpass-container .forgotpass-container .social-login-container .facebook-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-forgotpass-container .forgotpass-container .signup-navigation-container p{margin:20px 0;font-size:16px;line-height:21.82px;font-weight:400;color:#656565}.main-forgotpass-container .forgotpass-container .signup-navigation-container span{text-decoration:underline;color:#1b76ff}@media screen and (max-width: 1024px){.forgotpass-container{height:100%;display:flex;flex-direction:column;padding-top:30px}.forgotpass-container .button-container{margin-top:auto}}
.main-signup-container{max-width:1900px;width:100%;display:flex;margin:0 auto;justify-content:center;background:#fff}.main-signup-container .split{height:100vh;width:50%}.main-signup-container .split.right{max-width:915px}@media screen and (max-width: 1024px){.main-signup-container .split.right{width:100%;padding:20px;height:100%}}@media screen and (min-width: 769px)and (max-width: 1024px){.main-signup-container .split.right{width:100%;padding:15px}}.main-signup-container .signup-container{max-width:500px;width:100%;margin:30px auto 0 auto}.main-signup-container .signup-container p{text-align:center;font-size:38px;line-height:51.83px;font-weight:700;color:#1d1d1d;margin:0}@media screen and (max-width: 1024px){.main-signup-container .signup-container{margin-top:0}.main-signup-container .signup-container p{font-size:24px;line-height:32.74px}}.main-signup-container .signup-container .signup-button{width:100%;margin-top:30px;padding:9px 20px 9px 20px;font-size:18px;color:#fff;background-color:#1b76ff;outline:none;border:none;border-radius:8px}.main-signup-container .signup-container .signup-button:disabled{opacity:.4;cursor:not-allowed}@media screen and (max-width: 1024px){.main-signup-container .signup-container .signup-button{font-size:14px}}.main-signup-container .signup-container .input-group{margin-top:20px;display:flex;flex-direction:column;row-gap:10px}.main-signup-container .signup-container .input-group label{font-size:18px;line-height:24.55px;font-weight:600;color:#1d1d1d}@media screen and (max-width: 1024px){.main-signup-container .signup-container .input-group label{font-size:16px;line-height:21.82px}}.main-signup-container .signup-container .input-wrapper{position:relative}.main-signup-container .signup-container .input-wrapper input{width:100%;border-radius:10px;background-color:#f2f4f8;outline:none;border:none;padding:12px 15px 12px 40px}@media screen and (max-width: 950px){.main-signup-container .signup-container .input-wrapper input{font-size:14px}}.main-signup-container .signup-container .input-wrapper .input-icon{position:absolute;top:24px;left:10px;width:20px;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 950px){.main-signup-container .signup-container .input-wrapper .input-icon{top:22px}}.main-signup-container .signup-container .divider{position:relative;text-align:center;margin:20px auto;width:75%}.main-signup-container .signup-container .divider::before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #f2f4f8;transform:translateY(-50%)}.main-signup-container .signup-container .divider span{position:relative;background-color:#fff;padding:0 10px;color:gray;font-weight:bold}.main-signup-container .signup-container .social-login-container{width:100%;display:flex;-moz-column-gap:10px;column-gap:10px}.main-signup-container .signup-container .social-login-container .google-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-signup-container .signup-container .social-login-container .google-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}.main-signup-container .signup-container .social-login-container .facebook-login-container{width:50%;display:flex;-moz-column-gap:10px;column-gap:10px;justify-content:center;background-color:#f2f4f8;padding:12px 15px 12px 15px;border-radius:10px}.main-signup-container .signup-container .social-login-container .facebook-login-container p{margin:0;font-size:16px;font-weight:500;line-height:21.82px}@media screen and (max-width: 1024px){.main-signup-container .signup-container .social-login-container{flex-wrap:wrap;row-gap:15px}.main-signup-container .signup-container .social-login-container .google-login-container,.main-signup-container .signup-container .social-login-container .facebook-login-container{width:100%}}.main-signup-container .signup-container .signup-navigation-container p{margin:20px 0;font-size:16px;line-height:21.82px;font-weight:400;color:#656565}.main-signup-container .signup-container .signup-navigation-container span{text-decoration:underline;color:#1b76ff}@media screen and (max-width: 1024px){.main-signup-container .signup-container .signup-navigation-container{padding-bottom:10px}.main-signup-container .signup-container .signup-navigation-container p{font-size:14px}.button-container{margin-top:auto}.signup-container{display:flex;flex-direction:column;height:100%}.main-signup-container{height:100%}}