@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap");:root{--main-color:#FF7A00;--white-color:#ffffff;--black-color:#000000;--text-color-dark:#383e45;--text-color-light:#626870}*{font-family:Poppins;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0}body::-webkit-scrollbar{color:var(--main-color);width:10px}body::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:32px}.active{color:var(--main-color)!important;letter-spacing:.1rem!important;font-weight:500!important}header{width:100%;position:fixed;top:0;box-shadow:0 2px 2px -2px rgba(0,0,0,.2);background-color:var(--white-color);z-index:9999}.nav-bar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;font-size:20px;width:85%;margin:auto}a{text-decoration:none;color:black}.logo-img img{width:180px;padding:0;margin:0}.nav-content{display:flex;flex-direction:row;list-style:none;justify-content:space-around}.nav-content li{margin-right:2rem;color:var(--black-color);transition:all .5s}.nav-content li:hover{color:var(--main-color)}.login-content{font-weight:500;display:flex;align-items:center;justify-content:space-around}.login-content button,.login-content p{margin-right:1rem}.side-bar-icon{display:none}.side-bar-icon img{width:50px;margin-right:1rem}.how-main{position:relative}.how-main:hover .how-to-use{visibility:visible}.how-to-use{width:200px;box-shadow:2px 2px 8px rgba(0,0,0,.2);box-sizing:border-box;padding:1rem;text-align:center;display:flex;flex-direction:column;position:absolute;top:100%;left:-15%;z-index:9999;background-color:var(--white-color);visibility:hidden;border-radius:8px}.how-to-use a{padding:.5rem;border-bottom:1px solid var(--main-color)}.how-to-use a:hover{color:var(--main-color)}.about-us{display:grid;grid-template-columns:1fr 1fr;align-items:center}.about-us .left-section{text-align:left}.about-us .right-section img{width:300px}.side-nav-bar{width:70%;height:100vh;box-shadow:1px 1px 5px black;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:fixed;top:0;right:-80%;background-color:var(--white-color);z-index:9999}.side-logo-icon img{width:150px}.side-nav-bar .btn{margin:auto}.animate-class-toggle-show{animation:animate-side-bar-show .7s forwards}.animate-class-toggle-close{animation:animate-side-bar-close .7s forwards}.side-close-icon{text-align:right;width:100%}.side-close-icon img{cursor:pointer}.side-nav-content{list-style:none;display:flex;flex-direction:column;align-items:center;grid-gap:1rem;align-self:center;width:100%;padding:0}.side-nav-content li{margin-bottom:1rem}.side-nav-content li:hover{color:var(--main-color);letter-spacing:.1rem}.side-nav-content li{width:100%;text-align:center;padding-bottom:.5rem;border-bottom:1px solid var(--main-color)}.side-nav-content li a{text-decoration:none;letter-spacing:.25em;text-transform:uppercase;font-weight:500;color:inherit;cursor:pointer;color:var(--color-gray-200)}.side-bar-donate{display:block}@keyframes animate-side-bar-show{0%{right:-80%;opacity:0}to{right:0;opacity:1}}@keyframes animate-side-bar-close{0%{right:0;opacity:1}to{right:-80%;opacity:0}}.main-section{width:70%;text-align:center;margin:150px auto}.info-cont h1{color:var(--text-color-dark);font-size:35px;font-weight:bolder;letter-spacing:2px}.types-cont{display:flex;flex-wrap:wrap;text-align:center;justify-content:center;gap:1rem}.sub-cont-type{width:280px;border-radius:8px;color:var(--white-color);margin:1rem;cursor:pointer;transition:all .5s;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--main-color)}.sub-cont-type:hover{transform:scale(1.1)}.sub-img-cont{background-color:var(--white-color);border-radius:32px 32px 0 0}.sub-img-cont img{width:120px;position:relative;top:15%}.text-share-cont img{width:150px;position:relative;top:0}.sub-sub-cont{text-align:left;padding:1rem}.sub-title{font-size:20px;font-weight:600;line-height:30px;letter-spacing:0;color:var(--text-color-dark);line-height:0}.sub-info{letter-spacing:.5px;font-size:12px;line-height:18px;color:var(--text-color-light)}@media (max-width:1200px){.how-to-container,.nav-bar{width:100%}}@media (max-width:920px){.nav-content li{margin-right:.5rem}.main-section{width:90%}.info-cont h1{font-size:30px}.horizontal-container{display:flex!important;flex-direction:column}}@media (max-width:768px){.info-cont h1{font-size:25px}.side-bar-icon{display:block}.login-content,.nav-content{display:none}.nav-bar{display:flex;justify-content:space-between}.about-us{display:flex;flex-direction:column-reverse}.about-us img{width:150px}}.card-main-cont{display:flex;flex-wrap:wrap;text-align:center;align-items:center;justify-content:center}.card{width:280px;border-radius:32px;padding:1rem;margin:1rem;box-shadow:0 1px 8px 0 var(--main-color);color:var(--text-color-dark);border:2px solid var(--main-color)}.sub-card-cont{text-align:left}.sub-card-cont h4{color:var(--text-color-dark)}.sub-card-cont i{color:var(--main-color)}.horz-cont{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.horz-cont span{color:var(--text-color-light)}.main-horizontal-cont h3{font-size:1rem;color:var(--text-color-dark);text-align:left}.horizontal-container{display:grid;grid-template-columns:1fr 1fr;text-align:left;align-items:center;justify-content:center;gap:3rem;padding:1rem;border-radius:8px;border:1px solid var(--main-color)}.tut-video video{width:100%;height:100%;margin-right:1rem;border-radius:8px}.tut-steps{justify-self:center;align-self:baseline;height:100%}.tut-steps ol li{font-weight:600;color:var(--text-color-dark)}.tut-steps ol p{color:var(--text-color-light)}footer{color:var(--white-color);display:flex;justify-content:space-around;align-items:flex-start;box-shadow:-1px -1px var(--tag-color);padding:.5rem;background-color:var(--main-color)}footer .social{display:flex;gap:1rem}footer i{color:var(--text-color-light);font-size:24px}footer h2,footer h3{color:var(--text-color-dark)}.sub-sub-foot{display:flex;align-items:center;gap:1rem}.sub-sub-foot i{color:var(--white-color)}.footer-sub-1{width:20%}.footer-sub-2 a{color:var(--text-color)}.footer-sub-2 a:hover{color:var(--main-theme-color)}@media (max-width:400px){footer{flex-direction:column;align-items:center}.footer-sub-1,.footer-sub-2{width:90%}}.ads_container_left{left:5%}.ads_container_right{right:5%}.btn-opt{display:flex;justify-content:center}.btn-opt .btn{width:25%;padding:1rem;margin:.5rem}.btn-opt .btn:hover{transform:scale(1.05);cursor:pointer}.selected{cursor:auto}.selected:hover{cursor:not-allowed!important;transform:none!important}.upload-container{padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;position:relative;border:1px solid var(--main-color)}.file-upload-section{width:100%}.file-upload-section .dragndrop{width:100%;height:300px;border-radius:8px;border:1px dashed var(--main-color)}.dragActive,.file-upload-section .dragndrop:hover{border:2px dashed var(--main-color);cursor:pointer}.file-upload-section .dragndrop img{border-radius:8px;height:100%}.fileInfo{border-radius:8px;width:98%}.file-container{width:100%}.file-container .file-description{width:90%}.file-container .file-icon,.fileInfo .file-actions{color:var(--main-color)}.file-container .file-description input,.file-receive-section input,.file-validity-section select{outline:none!important;box-shadow:none!important}.file-description p{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fileInfo .bg-info{background-color:var(--main-color)!important}.fileInfo .progress{height:10px}.file-container .file-description input:focus,.file-receive-section input:focus,.file-validity-section select:focus{border:1px solid var(--main-color)}.file-upload-sub-section{max-height:200px;overflow-y:auto}.copy-to-clipboard,.file-receive-section,.file-validity-section{color:var(--main-color)}.key_cont,.session_valid{display:flex;justify-content:center;gap:1rem;align-items:center}.key_cont p,.session_valid p{color:var(--text-color-dark);font-size:20px;font-weight:600}#session_valid_id{padding:.6rem;border-radius:16px;border:none;outline:none;cursor:pointer;background-color:var(--main-color);color:var(--white-color);font-weight:600}.sub_cont{width:60%;flex-direction:row;justify-content:space-around}.sub_class,.sub_cont{display:flex;align-items:center}.sub_class{flex-direction:column;width:100%;gap:.4rem}.sub_class_inp{display:flex;align-items:center;display:none}#namebox{border-radius:16px;padding:.4rem;outline:none;margin:auto;border:none;box-shadow:0 1px 4px 0 var(--text-color-light)}#myimg{border-radius:8px;margin:10px;width:312px;height:250px;border:1px dashed black;padding:2px;cursor:pointer}#myimg:hover{border:2px dashed var(--main-color)}#upload{cursor:not-allowed;opacity:.5}.progress-bar-cont{display:flex;align-items:center;gap:.2rem;visibility:hidden}#page_upload{position:fixed;top:120px;text-align:center;width:100%;display:none}#page_upload h1{font-size:100px;text-align:center}.completed_gif{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.completed_gif img{width:100px}@media (max-width:920px){.sub_cont{width:80%}.sub_class{justify-self:start}}@media (max-width:500px){.sub_cont{flex-direction:column}.sub_class{margin-bottom:50px}.retrieved-container{overflow:scroll}}@media (max-width:360px){.upload-container{width:100%}#myimg{width:300px}.container_class{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}#access_key_id{margin:0!important}}#err_msg{color:red;text-align:center;display:none;font-weight:700}#access_key_id{padding:.5rem 1.5rem;font-weight:700;outline:none;border:1px solid orange;border-radius:16px;margin-right:15px}#access_key_id::-webkit-inner-spin-button,#access_key_id::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#gif{display:none}#gif img{width:50px;margin:10px;height:50px}#table_body img{width:200px;height:200px}.ads_container_left{position:absolute;top:30%;left:2%}.ads_container_right{position:absolute;top:30%;right:2%}.mobile_ads{display:none}@media (max-width:990px){.ads_container_left,.ads_container_right{display:none}}@media (max-width:768px){.desktop_ad{display:none}.mobile_ads{display:block}}.error-class{border:1px solid red}.disabled-btn{opacity:.5}.disabled-btn:hover{transform:none!important;background-color:var(--main-color)!important;color:var(--white-color)!important;cursor:not-allowed!important}.file-error-message{color:red;text-align:left;font-weight:700}.btn{padding:.6rem 1rem;border-radius:8px;cursor:pointer;background-color:var(--main-color);color:var(--white-color);font-weight:600;transition:all .2s}.btn:hover{transform:scale(1.1);color:var(--main-color);background-color:var(--white-color);border-color:var(--main-color)!important;outline:var(--main-color)!important}.btn-icon-only{padding:.4rem 1rem}.key-box span{font-size:40px;margin-right:2rem;font-weight:bolder}.copy-to-clipboard{position:relative}.copy-to-clipboard span{position:absolute;top:-20px;left:-10px;font-size:10px;font-weight:700}.fly{animation:flyLoop 3s ease-in-out infinite;display:inline-block}@keyframes flyLoop{0%{transform:translate(0)}25%{transform:translateY(3px) rotate(0deg)}50%{transform:translateY(5px) rotate(5deg)}75%{transform:translateY(3px) rotate(-5deg)}to{transform:translate(0) rotate(0deg)}}@media (max-width:576px){.file-upload-section .dragndrop img{width:100%}.file-description p{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-icon-only{padding:.5rem .7rem;font-size:10px!important}}@media (max-width:768px){.key-box span{font-size:20px}.copy-to-clipboard svg,.file-icon svg,.file-validity-section svg{font-size:20px!important}.file-description,.file-description .form-control,.file-error-message,.file-receive-section .form-control,.file-validity-section .form-select,.overallProgress p{font-size:.75rem!important}.copy-to-clipboard span,.down-all-section svg{font-size:10px!important}.file-actions svg{font-size:15px!important}.w-sm-100{width:100%!important}}.peer2peer-banner{display:flex;justify-content:center}.peer2peer-inner{width:100%;max-width:900px;border-radius:18px;padding:20px 24px;background:radial-gradient(circle at top left,rgba(255,122,0,.18),transparent 60%),radial-gradient(circle at bottom right,rgba(0,0,0,.18),transparent 55%);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,.16)}.peer2peer-tag-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.peer2peer-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;background-color:rgba(255,122,0,.12)}.peer2peer-pill{font-size:.8rem;padding:3px 10px;border-radius:999px;border:1px dashed rgba(255,255,255,.25);color:var(--text-color-light)}.peer2peer-title{font-size:1.6rem;margin:6px 0 4px;font-weight:600;color:var(--text-color)}.peer2peer-text{margin:0 0 14px;font-size:.95rem;color:var(--text-color-light)}.peer2peer-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}.peer2peer-primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;font-size:.95rem;font-weight:600;border:none;background-image:linear-gradient(90deg,var(--main-color),#ffb347);color:var(--text-color-dark);box-shadow:0 10px 25px rgba(255,122,0,.4);transition:transform .15s ease-out,box-shadow .15s ease-out;text-decoration:none}.peer2peer-primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(255,122,0,.5);color:var(--black-color)}.peer2peer-note{font-size:.8rem;color:var(--text-color-light)}@media (max-width:576px){.peer2peer-inner{padding:16px 14px}.peer2peer-title{font-size:1.3rem}.mode-switch-row,.peer2peer-actions{flex-direction:column}}.mode-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.switch-old-mode-btn{padding:5px 14px;border-radius:20px;font-size:.85rem;text-decoration:none;background:var(--main-color);border:1px solid var(--main-color);color:var(--white-color);transition:.2s ease}.switch-old-mode-btn:hover{background:rgba(255,255,255,.15);color:var(--main-color)}.peer2peer-badge{font-size:.7rem;padding:3px 10px;border-radius:50px;background-color:rgba(255,122,0,.15);color:var(--main-color);font-weight:600}.peer2peer-label{font-size:.8rem;color:#aaa;letter-spacing:.06em}.upload-fab{position:fixed;right:20px;bottom:20px;z-index:1200;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:rgba(18,18,18,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .16s ease-out,box-shadow .16s ease-out,background .16s ease-out,border-color .16s ease-out}.upload-fab:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(0,0,0,.45);border-color:rgba(255,255,255,.18)}.upload-fab:active{transform:translateY(1px);box-shadow:0 6px 18px rgba(0,0,0,.4)}.upload-fab-icon{width:32px;height:32px;border-radius:50%;background-image:linear-gradient(135deg,var(--main-color),#ffb347);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(255,122,0,.5)}.upload-fab-arrow{font-size:18px;font-weight:700;color:#111}.upload-fab-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.upload-fab-title{font-size:.85rem;font-weight:600;color:#f2f2f2}.upload-fab-subtitle{font-size:.7rem;color:#aaaaaa}.upload-fab-badge{min-width:22px;padding:2px 7px;border-radius:999px;font-size:.75rem;font-weight:600;text-align:center;background-color:rgba(255,255,255,.08);color:var(--main-color);border:1px solid rgba(255,255,255,.18)}@media (max-width:576px){.upload-fab{right:14px;bottom:14px;padding:8px 12px 8px 8px}.upload-fab-text{display:none}}.donate-fab-button{position:fixed;right:20px;bottom:85px;z-index:1500;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:rgba(18,18,18,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .16s ease-out,box-shadow .16s ease-out,background .16s ease-out,border-color .16s ease-out}.donate-fab-button:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(255,122,0,.5)}.donate-fab-card{position:fixed;right:20px;bottom:135px;z-index:1501;width:260px;padding:16px;border-radius:16px;background:rgba(18,18,18,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px rgba(0,0,0,.45)}.donate-fab-close{position:absolute;top:6px;right:10px;font-size:22px;background:transparent;border:none;color:#999;cursor:pointer}.donate-fab-close:hover{color:#fff}.donate-fab-pill{display:inline-block;padding:3px 10px;font-size:.7rem;background:rgba(255,122,0,.15);color:var(--main-color);border-radius:999px;font-weight:600}.donate-fab-header h4{margin:10px 0 4px;color:#f5f5f5;font-size:1rem;font-weight:600}.donate-fab-header p{margin:0;font-size:.78rem;color:#c5c5c5}.donate-fab-qr-wrapper{margin-top:12px;text-align:center}.donate-fab-qr-img{width:150px;height:150px;background:#fff;padding:6px;border-radius:10px}.donate-fab-footer{margin-top:10px}.donate-fab-note{font-size:.75rem;color:#aaa}@media (max-width:576px){.donate-fab-button{right:12px}.donate-fab-card{right:12px;width:calc(100% - 24px)}}