body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.custom-navbar{background-color:#009933c0}.table-scroll-container{max-height:67vh;overflow-y:auto}.sticky-header-table thead th{position:sticky;height:48px;top:0;z-index:10;background-color:#fff;color:#000}.sticky-header-admin{position:sticky;top:56px;background-color:#fff;z-index:1000;padding:10px 15px;border-bottom:1px solid #ddd}.table-container{margin-top:calc(10px + var(--navbar-height))}.custom-container{margin-top:10px;padding-top:0}:root{--navbar-height: 56px}.fixed-top{height:var(--navbar-height)}.services-content{margin-top:80px}body{margin-top:56px}.table-container{max-height:55vh;overflow-y:auto;flex-direction:column}.table-container thead th{position:sticky;top:0;background-color:#fff;z-index:2}.table-container td{text-align:center}.sticky-header{position:sticky;top:0;background-color:#f8f9fa;border-radius:10px;z-index:3;padding:10px 0;opacity:90%;height:"500px"}.table-container th{position:sticky;top:0;background-color:#fff;z-index:2}.tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;z-index:1000;white-space:pre-wrap;max-width:300px;box-shadow:0 2px 6px #0003;opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease}.tooltip.visible{opacity:1;transform:translateY(0)}.list-group-item{text-align:center;font-weight:700;border-radius:10px;transition:background-color .3s ease,color .3s ease}.list-group-item:hover{background-color:#007bff;color:#000}.card{border-radius:10px;transition:transform .2s ease;opacity:80%}.card-title{color:#000}.card-text{color:#000!important}.card:hover{transform:scale(1.05)}h3{font-weight:700;margin-bottom:20px;color:#fff!important}.navbar{position:relative;z-index:1000}.dropdown-menu{position:absolute!important;z-index:110005!important;background-color:#fff}.resize-handle{position:absolute;top:0;right:0;height:100%;width:1.5px;background-color:#ccc;cursor:col-resize!important;z-index:9999;transition:background-color .2s ease}.resize-handle:hover{background-color:#888}.gobackPrompt{color:#fff!important;height:10vh;margin-left:10px}.go-back-btn{background-color:#e0e6ed;border:1px solid #c0c8d2;padding:6px 16px 6px 20px;margin-top:5px;margin-left:20px;font-size:1rem;color:#2c3e50;font-weight:500;text-transform:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:background-color .2s ease,box-shadow .2s ease}.go-back-btn:hover{background-color:#d0d8e2;color:#1c2833;box-shadow:0 2px 6px #00000014}.go-back-btn:active{background-color:#c2cbd6;box-shadow:inset 0 1px 2px #0000001a}.go-back-icon{font-size:1.2rem;margin-right:8px;color:#5a6e85}.go-back-text{font-size:1rem;font-weight:500}.btmBtn{color:#fff;height:10vh}.subDiv{background-color:#2679e4}.subHeadingText{font-size:"1.5vw";color:#fff}.banner{margin-top:12%!important}.bannerText{font-size:2.3vw;color:#fff;margin-top:10%;margin-left:5%;text-align:left;font-weight:700}.btnText{font-size:1rem;font-weight:700;color:#fff}.small-btnText{font-size:.7rem;font-weight:700;color:#fff;text-align:center}.mainmenu-container{max-width:900px;margin:60px auto;text-align:left}.mainmenu-heading{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,gold,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#022c60,#2575fc);background-size:300% 300%;animation:gradientAnimation 15s ease infinite;background-attachment:fixed;color:#fff}.mainmenu-heading{font-size:2.1rem;font-weight:700;text-align:left;text-shadow:2px 2px 10px rgba(0,0,0,.2)}.menu-card{background:#ffffff26;padding:20px;border-radius:12px;text-align:center;transition:all .3s ease-in-out;box-shadow:0 4px 8px #0003;cursor:pointer;margin:15px 0}.menu-card:hover{transform:scale(1.05);background:#ffffff4d;box-shadow:0 6px 12px #0000004d}.menu-link{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700}.menu-text{padding:10px;display:flex;align-items:center;justify-content:center}.create-btn{background:linear-gradient(45deg,#6a11cb,#2575fc);border:none;font-size:1.2rem;padding:12px 20px;border-radius:12px;box-shadow:0 4px 12px #0003;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.create-btn:hover{background:linear-gradient(45deg,#2575fc,#6a11cb);transform:scale(1.05);box-shadow:0 6px 18px #0000004d}.create-btn:active{background:linear-gradient(45deg,#2575fc,#6a11cb);box-shadow:0 4px 12px #0000004d}.navbar-sub{color:#fff;opacity:100%,;z-index:110002,}.navbar-main{opacity:100%;background-color:linear-gradient(-45deg,#6a11cb,#2575fc);border-bottom:1px solid rgb(253,253,253)}.service-list-container{padding:16px;max-width:95%;margin:auto;text-align:center}@media (max-width: 768px){.service-list-container{padding:8px}.service-list-title{font-size:20px;margin-bottom:10px}table{width:100%;display:block;overflow-x:auto;white-space:nowrap}th,td{font-size:14px;padding:6px}.menu-btn{font-size:16px;padding:10px 20px}.no-access-container{margin-top:20px}.no-access-message{font-size:16px;color:red;text-align:center}}.responsive-table{width:100%;border-collapse:collapse;overflow-x:auto}.responsive-table th,.responsive-table td{padding:8px;text-align:left;font-size:16px}@media (max-width: 768px){.responsive-table{display:block;overflow-x:auto;white-space:nowrap}.responsive-table th,.responsive-table td{font-size:14px;padding:6px}}.service-card{width:100%;min-height:120px;max-height:140px;box-shadow:0 4px 6px #0000001a;transition:max-height .3s ease-in-out,box-shadow .6s ease-in-out,min-height .3s ease-in-out;overflow:hidden;text-align:left;display:flex;flex-direction:column;justify-content:left}.service-card:hover{max-height:200px;box-shadow:0 6px 10px #00000026}.service-title{font-size:.9rem;margin-bottom:5px}.service-name{font-size:.85rem;font-weight:700}.service-description{font-size:.8rem;color:green;margin-top:5px;max-height:0;overflow:hidden;visibility:hidden;opacity:0;transition:max-height .5s ease-in-out,visibility .4s ease-in-out,opacity .3s ease-in-out}.service-card:hover .service-description{max-height:100px;visibility:visible;opacity:1}.droppable-list{border:2px dashed #28a745;background-color:#f8f9fa;padding:15px;min-height:150px;border-radius:8px;transition:all .3s ease-in-out}.droppable-list:hover{border-color:#007bff;box-shadow:0 0 10px #007bff4d}.service-item{background:#fff;border-radius:6px;margin-bottom:5px;padding:12px;display:flex;text-align:left;align-items:left;justify-content:space-between;transition:transform .2s,box-shadow .2s}.service-item:hover{transform:scale(1.03);box-shadow:0 4px 6px #0000001a;cursor:grab}.service-item:active{cursor:grabbing}.service-icon{font-size:1.2rem;margin-right:8px;color:#007bff}.service-item:active{opacity:.7;transform:scale(.98)}.drag-over{background-color:#ff00001a;border-color:red!important;transition:all .3s ease-in-out}.droppable-list p{font-style:italic;font-size:.9rem}.scrollable-list-available{max-height:70vh;overflow-y:auto;border-radius:8px;background:#fff;box-shadow:0 2px 5px #0000001a}.scrollable-list-current{max-height:75vh;overflow-y:auto;border-radius:8px;background:#fff;box-shadow:0 2px 5px #0000001a}.scrollable-list::-webkit-scrollbar{width:8px}.scrollable-list::-webkit-scrollbar-thumb{background:#007bff;border-radius:4px}.scrollable-list::-webkit-scrollbar-thumb:hover{background:#0056b3}.highlighted-service{background-color:#ffd70099;border:2px solid gold;animation:fade-to-soft-yellow 3s ease-in-out forwards}@keyframes fade-to-soft-yellow{0%{background-color:#0da50be6}to{background-color:#0ea50b55}}.context-menu{position:absolute;background:#333;color:#fff;border:1px solid #555;box-shadow:2px 2px 10px #00000080;border-radius:5px;padding:8px;z-index:1000;width:200px}.context-menu-item{display:block;width:100%;background:none;border:none;padding:10px;text-align:left;cursor:pointer;color:#fff;font-weight:700}.context-menu-item:hover{background:#fff3}.context-menu-item.cancel{color:#ff6b6b}.context-menu-item.cancel:hover{background:#ff00004d}.pricing-table-container{width:100%;overflow-x:auto;white-space:nowrap}.draggable-question{cursor:grab;transition:background .3s ease}.draggable-question:hover{background-color:#2575fc;color:#fff}.droppable-service{border:2px dashed white;padding:10px;transition:background .3s ease}.droppable-service:hover{background-color:#fff3}.custom-modal .modal-header{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;text-align:center;border-bottom:none;display:flex;justify-content:center}.modal-title{font-size:1.8rem;font-weight:700;text-shadow:1px 1px 5px rgba(0,0,0,.2)}.modal-body{padding:20px;background-color:#f8f9fa;text-align:center}.section-title{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:10px}.bundle-list{margin-bottom:20px}.bundle-item{cursor:pointer;transition:background .3s ease;font-weight:500}.bundle-item:hover{background-color:#2575fc;color:#fff}.input-field{text-align:center;border-radius:10px;padding:10px;font-size:1rem;border:2px solid #6a11cb}.create-btn{background:#6a11cb;border:none;font-size:1rem;padding:10px 15px;border-radius:10px;transition:background .3s}.create-btn:hover{background:#2575fc}.modal-footer{display:flex;justify-content:space-between;border-top:none;background-color:#f8f9fa}.cancel-btn{background:#dc3545;border:none;font-size:1rem;padding:10px 15px;border-radius:10px;transition:background .3s}.cancel-btn:hover{background:#c82333}