/* This CSS code is developed for the @KDR Team and Khogendra Rupini. 
It is exclusively owned and maintained by him.
If anyone wishes to use this stylesheet, they must first contact Khogendra Rupini 
through his official website https://khogendrarupini.com 
Or his GitHub profile https://github.com/khogendrarupini/
This code is protected and requires a valid license, 
as it falls under the @KDR License by Khogendra Rupini. */

.popup-modal,.popup-overlay{overflow-y:auto;overflow-x:hidden}.social-share-container{display:flex;align-items:center;justify-content:space-between;border-radius:8px;color:#e3e3e3;position:relative;z-index:1;transition:.3s;max-width:100%}.authentic-khogendrarupini-social-accounts-3{fill:#8aa0b0;vertical-align:middle;margin-top:-4px}.social-share-container:hover{border-color:rgba(255,255,255,.15)}.quick-links-text{flex-grow:1;font-size:15px;font-weight:500;color:#cbd5e1;margin-left:8px;margin-top:-2px;letter-spacing:.3px}.social-icons-right{position:relative;display:flex;align-items:center}.share-icon{cursor:pointer;transition:.3s;opacity:.8}.share-icon:hover{opacity:1;filter:drop-shadow(0 0 8px rgba(203, 213, 225, .3))}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(19,23,26,.85);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;justify-content:center;align-items:center;padding:20px;animation:.3s fadeInOverlay}.smoke-canvas,.star-canvas{position:fixed;z-index:0;width:100%;pointer-events:none;left:0;opacity:0}.popup-overlay.active{display:flex}@keyframes fadeInOverlay{from{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(5px)}}.star-canvas{top:0;height:100%;transition:opacity .6s}.popup-close-px-kdr-2px:hover svg,.popup-overlay.active .smoke-canvas,.popup-overlay.active .star-canvas{opacity:1}.smoke-canvas{bottom:0;height:40%;transition:opacity 1s}.popup-modal{background:#1a1f24;border-radius:5px;padding:35px 30px 30px;max-width:650px;width:100%;max-height:90vh;border:1px solid rgba(255,255,255,.1);position:relative;animation:.4s cubic-bezier(.4,0,.2,1) slideInModal;margin:auto;z-index:1}.popup-inside-accent{position:absolute;z-index:0;pointer-events:none;display:flex;flex-direction:column;gap:6px}.top-right-inside{top:15px;right:15px;transform:rotate(-40deg)}.bottom-left-inside{bottom:15px;left:15px;transform:rotate(-40deg)}.accent-line-inner{border-radius:2px;background:linear-gradient(135deg,rgba(74,144,226,.12) 0,rgba(123,104,238,.06) 100%)}.line-long-inner{width:140px;height:5px}.line-short-inner{width:90px;height:5px;margin-left:15px}@keyframes slideInModal{from{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.popup-modal::-webkit-scrollbar{width:4px}.popup-modal::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:2px}.popup-modal::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.popup-header{text-align:left;margin-bottom:35px;position:relative;padding-top:10px;z-index:1}.popup-header h3{margin:0 0 8px;font-size:26px;color:#8aa0b0;font-weight:400;letter-spacing:.5px}.popup-header p{margin:0;color:#94a3b8;font-size:14px;letter-spacing:.3px}.popup-close-px-kdr-2px{position:absolute;top:0;right:-10px;background:#2a323a;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;padding:8px;z-index:2;line-height:1}.popup-close-px-kdr-2px:hover{background:#374151;border-color:rgba(255,255,255,.25);color:#fff;box-shadow:0 0 20px rgba(74,144,226,.2)}.popup-close-px-kdr-2px svg{width:16px;height:16px;transition:.3s}.social-icons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:5px;position:relative;z-index:1}.social-icon-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 15px;background:rgba(255,255,255,.03);border-radius:5px;text-decoration:none!important;color:#cbd5e1;transition:.3s;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.social-icon-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s;z-index:0}.social-icon-item:hover::before{opacity:.1}.social-icon-item svg{position:relative;z-index:1;transition:color .3s}.social-icon-item span{font-size:11px;font-weight:500;letter-spacing:.5px;position:relative;z-index:1;text-transform:uppercase}.social-icon-item.facebook:hover{background:rgba(24,119,242,.15);border-color:rgba(24,119,242,.4);box-shadow:0 8px 25px rgba(24,119,242,.15)}.social-icon-item.facebook:hover svg{color:#1877f2}.social-icon-item.twitter:hover{background:rgba(29,161,242,.15);border-color:rgba(29,161,242,.4);box-shadow:0 8px 25px rgba(29,161,242,.15)}.social-icon-item.twitter:hover svg{color:#1da1f2}.social-icon-item.linkedin:hover{background:rgba(10,102,194,.15);border-color:rgba(10,102,194,.4);box-shadow:0 8px 25px rgba(10,102,194,.15)}.social-icon-item.linkedin:hover svg{color:#0a66c2}.social-icon-item.instagram:hover{background:rgba(228,64,95,.15);border-color:rgba(228,64,95,.4);box-shadow:0 8px 25px rgba(228,64,95,.15)}.social-icon-item.instagram:hover svg{color:#e4405f}.social-icon-item.github:hover{background:rgba(110,84,148,.15);border-color:rgba(110,84,148,.4);box-shadow:0 8px 25px rgba(110,84,148,.15)}.social-icon-item.github:hover svg{color:#8b7fca}.social-icon-item.youtube:hover{background:rgba(255,0,0,.15);border-color:rgba(255,0,0,.4);box-shadow:0 8px 25px rgba(255,0,0,.15)}.social-icon-item.youtube:hover svg{color:red}.social-icon-item.telegram:hover{background:rgba(0,136,204,.15);border-color:rgba(0,136,204,.4);box-shadow:0 8px 25px rgba(0,136,204,.15)}.social-icon-item.telegram:hover svg{color:#08c}.social-icon-item.whatsapp:hover{background:rgba(37,211,102,.15);border-color:rgba(37,211,102,.4);box-shadow:0 8px 25px rgba(37,211,102,.15)}.social-icon-item.whatsapp:hover svg{color:#25d366}@media (max-width:768px){.line-long-inner{width:100px;height:4px}.line-short-inner{width:65px;height:4px}.social-icons-grid{grid-template-columns:repeat(2,1fr);gap:12px}.popup-modal{padding:30px 20px 25px;max-height:85vh;margin-left:auto;margin-right:auto}.popup-close-px-kdr-2px{right:-5px;top:-5px;width:32px;height:32px}.popup-close-px-kdr-2px svg{width:14px;height:14px}.popup-header{margin-bottom:25px}.popup-header h3{font-size:22px}.social-icon-item{padding:18px 12px;gap:10px}.social-icon-item svg{width:24px;height:24px}.social-icon-item span{font-size:10px}}@media (max-width:480px){.line-long-inner{width:70px;height:3px}.line-short-inner{width:45px;height:3px}.social-icons-grid{grid-template-columns:repeat(2,1fr);gap:10px}.popup-modal{padding:25px 15px 20px;max-height:80vh;margin-left:auto;margin-right:auto}.popup-overlay{padding:15px}.social-icon-item{padding:15px 10px}.popup-header h3{font-size:20px}.popup-header p{font-size:13px}.popup-close-px-kdr-2px{right:-3px;top:-3px;width:30px;height:30px}.popup-close-px-kdr-2px svg{width:13px;height:13px}.quick-links-text{font-size:14px}}@media (max-width:768px){.popup-overlay{padding:20px;align-items:center;justify-content:center}.popup-modal{margin:auto;max-width:90%;width:90%}}@media (max-width:767px){.container_of_main_showcasing_root_directory_kdr{position:relative;overflow:hidden}.grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:1rem;padding-bottom:20px;margin-bottom:-20px;-ms-overflow-style:none;scrollbar-width:none;cursor:grab}.grid:active{cursor:grabbing}.grid::-webkit-scrollbar{display:none}.directory-card{flex:0 0 85%;min-width:85%;scroll-snap-align:start;scroll-snap-stop:always}.scroll-indicator{display:flex;justify-content:center;gap:8px;margin-top:15px}.scroll-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);transition:.3s}.scroll-dot.active{background:rgba(255,255,255,.6);width:24px;border-radius:4px}}@media (max-width:480px){.popup-overlay{padding:15px;align-items:center;justify-content:center}.popup-modal{margin:auto;max-width:92%;width:92%;left:auto;right:auto}.directory-card{flex:0 0 90%;min-width:90%}}@media (max-width:360px){.line-long-inner{width:55px;height:3px}.line-short-inner{width:35px;height:3px}.popup-modal{padding:20px 12px 15px;margin:auto;max-width:94%;width:94%;left:auto;right:auto}.social-icon-item{padding:12px 8px}.social-icon-item svg{width:22px;height:22px}.social-icon-item span{font-size:9px}.popup-overlay{padding:10px;align-items:center;justify-content:center}.directory-card{flex:0 0 92%;min-width:92%}.grid{gap:.75rem}}@media (max-width:320px){.directory-card{flex:0 0 95%;min-width:95%}.grid{gap:.5rem}}