<style type="text/css">
/* body screen full*/
 * {
margin: 0;
padding: 0;
box-sizing: border-box; }

/* वेबसाइट के हर हिस्से पर टेक्स्ट सलेक्शन बंद करें */
body, html {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}

/* जहाँ कॉपी करने देना है, वहाँ स्पष्ट रूप से 'text' लिखें */
.allow-copy {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}
 
html, body {
width: 100%;
height: 100%;
min-height: 100dvh; 
margin: 0;
} 

/* zoom in close*/
.Main-menu .sourceZoom, 
.Main-menu .btnZoom1, 
.displ2 .sourceZoom, 
.displ2 .btnZoom1 {
display: none !important;
} 

 /* main box index */ 
.containeR{ 
 position:fixed;
top:0em; 
left: 0em;  
 width: 100%; 
 height: 1060px;
 min-height: 100dvh; 
 padding: 2px; 
padding-bottom: 10px; 
font-weight:700; 
text-align:center; 
box-shadow:0 0 15px black; 
box-sizing: border-box; 
background:linear-gradient(to left, white 50%, #ffee 100%); 
overflow-y: auto !important; 
-webkit-overflow-scrolling: touch !important;     
   }  

/* main a URL div */
.Main-menu { 
position: relative; 
top: 4.6em; 
left: 0em; 
width: 100%; 
 height: 955px; 
 min-height: 100dvh; 
color:#fff; 
padding-top: 4px;
padding-bottom: 1px; 
font-weight: 700;
text-align:center; 
border-top: 0px solid silver;
border-radius:10px; 
box-sizing: border-box;
}  
 
/* Firefox और Chrome दोनों में इनपुट और बटनों को एक */
input[type="text"], input[type="number"], select { 
appearance: none;
-moz-appearance: none; 
-webkit-appearance: none;
border: 1px solid #ccc !important;
 background-color: #f0f0f0 !important; 
}

.header-top {  
  position: absolute;     
  width: 100%; 
  max-width: 100%;  
  height: 75px;   
  top: 0em;        
  left: 0em;        
  padding: 2px; 
  padding-top: 6px; 
  padding-bottom: 6px;
  border-radius: 5px;  
  box-sizing: border-box;  
  background: linear-gradient(to bottom, #1a237e 15%, lightblue 55%, #eedd 20%, #ffee 100%); 
  z-index: 1000; 
  animation: rangp 3s infinite; 
} 

/*p-strong color jump */ 
@keyframes rangp {
0% {box-shadow: 0 0 1px 1px red; }  
100% {box-shadow: 0 0 1px 2px lime; } 
}  

/* a file extra */ 
.fileA-div { 
 position: absolute;  
 top: 25.6em;  
 left: 0.1em;  
 width: 98%;  
 height: 615px; 
 padding: 4px 5px 0px; 
 padding-bottom: 20px; 
 background:linear-gradient(to left,white 50%,lightgray 100%); 
 overflow-y: auto !important; 
 -webkit-overflow-scrolling: touch !important;     
 z-index: 99999;  
} 

/* Main container p a url */ 
.tool-item {
  display: block;
  width: 100%;
  max-width: 600px;
  border-radius: 8px;
  padding: 5px;
  margin-bottom: 1em;
  font-size: 14px; 
  line-height: 1.4em;
  text-align: left; 
}
.tool-item p { 
  color: #001;  
  margin: 0px; 
  padding: 0px;
  margin-bottom: 0em; 
  font-weight: 700;  
  text-shadow: 1px 1px cyan; 
} 

.tool-item a.SourceBtn2 {
  display: inline-block;
  padding: 8px 15px; 
  margin-top: 10px; 
  text-align: left;  
  color: red;  
  border-radius: 8px;
  font-weight: 700;
  background: #eef;
  text-decoration: none;  
  text-shadow: 1px 1px yellow; 
}  

/*contact us mail a url */ 
.Language-google a { 
 position: absolute;  
 display: inline-block !important;
 width: 40% !important;
 max-width: 120px !important;
 padding: 5px !important;
 top: 0em !important;
 right: 0.1em !important; 
 font-size: 16px !important;
 border-radius: 8px;
 font-weight: 700;
 text-decoration: none;  
 color: transparent !important;
 animation: diresh 2s linear infinite !important; 
} 

@keyframes diresh { 
 2% {
 background: linear-gradient(lime, gold, white, yellow);
 -webkit-background-clip: text; }
 100% {
 background: linear-gradient(blue, cyan, lightpink, yellow);
 -webkit-background-clip: text; 
 } 
} 

/* Footer webjsc media icon */  
.media {  
position: relative;
width: 100%;
color: #fff;
left: 0; 
min-height: 110px; 
padding: 10px 0; 
clear: both;
text-align: center;
bottom: 0px; 
padding-top: 5px;  
margin-bottom: 0px;
border-radius: 9px; 
box-sizing: border-box;  
background: linear-gradient(to right, dimgray 20%, gray 100%); 
z-index: 999; 
}  

.share-btn { 
 display: inline-block; 
 position: absolute;     
 color: white;
 padding: 4px 8px;
 top: 2.3em;
 right: 10px; 
 font-size: 16px; 
 border: none;
 border-radius: 8px; 
 box-sizing: border-box;  
 cursor: pointer;
 background-color: #5d4037;
 z-index: 999;  
} 

.share-btn:active {
 background-color: #0056b3;
}

/*Language Google */  
body {
  top: unset !important;
  position: static !important;
  transform: none !important;
}

.goog-te-banner-frame, .skiptranslate, #goog-gt--notranslate, .goog-te-gadget {
display: none !important;
}
#google_translate_element {
display: none !important;
visibility: hidden !important;
} 

.Language-google { 
position: relative;
display: block;
width: 100%;   
height: 40px; 
left: 0.2em; 
bottom: 3px; 
opacity: 100%;   
border-radius: 100%;  
z-index: 999999; 
} 

.Language-google select { 
float: left;  
width: 130px;   
height: 30px;  
color: #333; 
margin-top: 0em; 
margin-left: 0.2em; 
padding-left: 4px; 
font-size: 16px;
font-weight: bold; 
background-color: #fff;
border: 2px solid #007bff;
border-radius: 6px;
cursor: pointer;
outline: none;
} 

.media span {  
  color: #fff; 
  display: block;
  font-size: 13px; 
  padding: 4px;  
  margin-top: 0.3em; 
  font-weight: 700;
  text-align: center; 
  text-shadow: 1px 1px blue; 
} 

.colorRun {
  display: inline-block;
  margin: 5px;
  padding-top: 5px; 
  padding-bottom: 5px; 
} 

.colorRun svg { 
  display: inline-block;  
  width: 25px; 
  height: 25px;
  padding: 1px; 
  fill: white; 
  animation: colorRunAnim 3s linear infinite;
} 

@keyframes colorRunAnim { 
  0% { fill: orange; } 
  30% { fill: cyan; } 
  65% { fill: white; }
  100% { fill: lime; }  
} 

 /*all file source see */  
.displ2 { 
    position: absolute; 
    top: 4.6em; 
    right: 0em; 
    width: 100%; 
    width: auto; 
    height: 600px;  
    min-height: 660px; 
    width: calc(100% 0em); 
    line-height: 1.5em;
    padding-bottom: 20px; 
    font-weight: 700;
    text-align: center; 
    border-radius: 10px;
    border: none;
    box-sizing: border-box;
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
} 

.zoom-camera {
  position: absolute;   
  top: 9px;           
  left: 0.3em;    
  width: 26px;
  height: 26px;  
  cursor: pointer;
  color: yellowgreen;
  line-height: 22px;
  font-size: 22px;
  text-align: center;
  border: none; 
  background: linear-gradient(to right,#fff 2px,transparent 2px) 0 0, linear-gradient(to bottom,#fff 2px,transparent 2px) 0 0, linear-gradient(to left,#fff 2px,transparent 2px) 100% 0, linear-gradient(to bottom,#fff 2px,transparent 2px) 100% 0, linear-gradient(to right,#fff 2px,transparent 2px) 0 100%, linear-gradient(to top,#fff 2px,transparent 2px) 0 100%, linear-gradient(to left,#fff 2px,transparent 2px) 100% 100%, linear-gradient(to top,#fff 2px,transparent 2px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  box-sizing: border-box;
  transition: all .3s ease;
}  

.zoom-camera:hover {
  color: cyan;
  transform: scale(1.15);
  background-size: 10px 10px;
} 

.zoom-camera::after {
  content: '';
  position: absolute;
  top: -11px;     
  left: -11px;
  right: -11px;
  bottom: -11px;
} 

.home-back-btn { 
  position: absolute;   
  top: 0.5em;   
  left: 3.3em;   
  width: 60px;
  height: 30px;  
  line-height: 30px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  background-color: #007bff;
  text-shadow: 1px 1px blue;
  padding: 0;           
  background-clip: padding-box;
  box-sizing: border-box;
  transition: all .3s ease;
} 

.home-back-btn:hover {
  color: yellow;
  text-shadow: 1px 1px red;
  background-color: green;
}

.home-back-btn::after { 
  content: '';
  position: absolute;
  top: -8px;      
  left: -8px;  
  right: -8px;
  bottom: -8px; 
}  

.back-home-box {
  width: 100%;
  text-align: left;
  margin-top: 1px;
  margin-left: 0.4em;  
  margin-bottom: 15px;
  clear: both;
}

.back-home-btn {
  font-family: sans-serif;
  display: inline-block;
  padding: 4px 8px;
  color: #fff;
  font-size: 16px;  
  font-weight: 700;  
  border-radius: 5px;
  text-decoration: none;
  background-color: #169;
  text-shadow: 1px 1px blue; 
}  

.back-home-btn:hover { 
 background-color: #0056b3;  
}  

.glass-Text { 
 position: absolute;       
 top: 0;                   
 margin-top: 2.5em;        
 left: 0.3em;
 width: 100%;
 max-width: 100%; 
 padding: 3px 0;        
 overflow: hidden; 
 box-sizing: border-box; 
} 

.glass-textr {
 display: inline-block !important;
 font-family: 'Share Tech Mono', monospace !important; 
 background-image: linear-gradient(to left, blue, green, red, green, magenta, blue);
 -webkit-background-clip: text;
 -moz-background-clip: text;
 background-clip: text;
 color: transparent; 
 line-height: 1.1em !important; 
 font-weight: 800; 
 font-size: 1.3rem !important; 
 letter-spacing: -0.4px !important; 
 word-spacing: -0.3px !important;
 white-space: nowrap !important;
 visibility: hidden; 
} 

@keyframes runr {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}

@media (min-width: 768px) {
  h1 { font-size: 24px; }
  h2 { font-size: 18px; } 
}

h2, h3 { 
font-family: system-ui, -apple-system, sans-serif;
width: 346px; 
padding: 2px 4px; 
margin-top: 1em; 
margin-left: 0em; 
text-align: center;
font-weight: 700;
text-decoration: none;
text-shadow: 1px 1px cyan; 
text-transform: uppercase;  
} 

.h1headig { 
font-family: 'Montserrat', 'Poppins', sans-serif; 
display: inline-block;
width: 346px; 
font-size: 18px; 
line-height: 1.1em; 
margin-top: 0.2em;  
margin-left: 0em;  
text-align: center;
font-weight: 700;
background-image: linear-gradient(to left, violet, indigo, blue, green, orange, red, blue);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent; 
} 

h2{ 
 color: #000; 
 font-size: 17px;  
 text-shadow: 1px 1px cyan; 
} 

.ptext-webjsc {  
 font-size: 0.9rem;
 color: #555;
 margin-top: 4px; 
 text-align: center; 
 text-shadow: 1px 1px cyan; 
}

.p-strong { 
font-family: system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  color: #333333; 
  max-width: 100%; 
  margin-top: 0.5em; 
  margin-left: 0;  
  padding: 2px 4px; 
  border-radius: 10px !important;
  text-shadow: 1px 1px cyan; 
}

.p-strong strong {
  color: #4f46e5;
  font-weight: 700; 
} 
 
.strong-text{
color: blue; 
margin-top: .1em; 
margin-left: .2em; 
font-size: 17px; 
text-align: center;  
text-shadow: 1px 1px cyan;
}

.menu-group, #btnBox, 
#display-area, .run-box, 
.citet1, .zoomBox, .CopyBtn{
font-weight: 700; 
text-align: center; 
border-radius: 5px;
border: none; 
text-shadow: 1px 1px cyan; 
-webkit-font-smoothing: antialiased;
}
  
.citet1{ 
position: relative;  
top: 32.5em; 
left: 0.3em; 
color: black; 
width: 350px; 
height: 170px; 
opacity: 0; 
font-size: 16px; 
line-height: 1.4; 
text-align: center; 
text-shadow: 1px 1px cyan; 
vertical-align: top; 
border-radius: 20px; 
box-sizing: border-box; 
background: linear-gradient(25deg,white 10%,lightgray 100%);
}

.menu-Home{
position: fixed;
top: 4px !important; 
right: 15px;
color: #fff; 
font-size: 22px;
font-weight: 700;
padding: 3px 5px;
border: none;
border-radius: 30px;
cursor: pointer;
z-index: 100005;
background: linear-gradient(135deg,#32f,#4fa);
transition: all .3s ease;
}

.modal{
position: fixed; 
z-index: 9999;
top: 4.6em; 
right: 1px; 
width: 160px !important; 
height: 300px !important; 
background: #133; 
box-shadow: -5px 0 15px rgba(0,0,0,.5); 
box-sizing: border-box; 
border-radius: 1px 1px 0 30px;
}

.modal-content{
width: 100%;
height: 100%; 
padding-top: 10px; 
box-sizing: border-box;
overflow: hidden;
}

.menu-group{
display: flex !important;
flex-direction: column !important;
overflow-y: scroll !important;
overflow-x: hidden !important;
height: calc(100% - 20px) !important;
padding: 8px;
gap: 12px;
border: none;
box-sizing: border-box;
}

.menu-group::-webkit-scrollbar{width:4px}
.menu-group::-webkit-scrollbar-thumb{background:#5cfd0a;border-radius:10px}

.group-btns{ 
 width: 100% !important;
 box-sizing: border-box;
 padding: 8px 6px;
 font-weight: 700;
 border: none;
 border-radius: 6px;
 cursor: pointer;
 color: lime;
 font-size: 15px;
 background: rgba(10,40,10,.8);
 box-shadow: 0 3px 5px rgba(0,0,0,.3);
 transition: transform .1s ease;
}

.group-btns:hover, .group-btns:active{ 
 color: #fff;
 transform: scale(0.96);
}

.animate{
animation: animatezoom .3s;
}

@keyframes animatezoom{
from{transform: scale(0); opacity: 0;}
to{transform: scale(1); opacity: 1;}
}

.value_top{
position: absolute;
top: 30.5em;
right: 12px;
color: blue;
width: 100px;
height: 26px;
padding: 2px;
}

.Transfer_File{
position: absolute;
top: 12.1em; 
left: .2em;
width: 345px;
height: 150px; 
color: #fff;
font-size: 16px;
}

.conT1, .conT11, .conT21, .conT2,
.conT12, .conT22, .conT3, .conT13,
.conT23, .conT4, .conT14, .conT24,
.conT5, .conT15, .conT25, .conT6,
.conT16, .conT26, .conT7, .conT17,
.conT27, .conT8, .conT18, .conT28,
.conT9, .conT19, .conT29, .conT10,
.conT20, .conT30{ 
position: absolute;
display: none;
top: 11.3em; 
left: 0.2em; 
width: 190px; 
height: 320px; 
padding: 5px; 
font-weight: 700; 
text-align: center;
border-radius: 10px; 
background: #eef; 
animation: scaleUp 2s ease-in-out forwards;
overflow-y: scroll;  
overflow-x: auto;  
-webkit-overflow-scrolling: touch; 
white-space: nowrap;
}

#R1,#R7,#R13,#R19,#R25,#R2,#R8,#R14,#R20,#R26,#R3,#R9,#R15,#R21,#R27,#R4,#R10,#R16,#R22,#R28,#R5,#R11,#R17,#R23,#R29,#R6,#R12,#R18,#R24,#R30{
position: absolute;
top: 0em;
left: 0em;
}

.show{display: block;}
.sectionr{display: none;}
.sectionr.activer{display: block;}

/* Down btn file top */
#btnBox{ 
width: 174px; 
height: 390px; 
padding: 0px; 
padding-bottom: 4px; 
margin-top: 0em; 
margin-left: 0em; 
overflow-y: scroll; 
overflow-x: auto; 
-webkit-overflow-scrolling: touch; 
white-space: nowrap;
}

#btnBox a{
display: block; 
width: 150px; 
height: 28px; 
color: green; 
margin: 8px;
padding: 2px;
line-height: 1.6em;
margin-left: 0.4em;
font-size: 16px; 
text-align: center;
font-weight: 700;
border-radius: 10px; 
text-decoration: none; 
text-shadow: 1px 1px cyan; 
border: none;
-webkit-font-smoothing: antialiased;
}

#btnBox a:hover{ 
color: red; 
line-height: 1em;
text-shadow: 1px 1px yellow; 
}

@keyframes scaleUp{ 
from{height: 0px; transform: scale(0.5);} 
to{height: 330px; margin-left: 0.4em; transform: scale(1);}
}

@keyframes animatr{
0%{background-position: 0%; box-shadow: 0 0 1.5em lime;}
50%{background-position: 60%; box-shadow: 0 0 1.5em red;}
100%{background-position: 100%; box-shadow: 0 0 1.5em cyan;}
}
 
.zoomBox{
position: absolute; 
 top: 2.7em; 
 left: 2px; 
 color: blue; 
 width: 100%; 
 height: 30px; 
 padding: 1px; 
 padding-left: 7px; 
 line-height: 1.5em; 
 font-size: 15px; 
 text-align: left; 
 border: none; 
 text-shadow: 1px 1px cyan; 
 background: linear-gradient(45deg, silver 50%, lightblue 10%, #ffe 100%);
}
 
.btnZoom1, .btnHide1, .btnHide2{
  color: #fff; 
  margin: 2px; 
  padding: 3px 6px; 
  opacity: 100%;  
  font-size: 16px; 
  text-align: center; 
  font-weight: 700; 
  border-radius: 10px; 
  text-decoration: none; 
  border: 1px solid red; 
  text-shadow: 1px 1px blue; 
  background: linear-gradient(to right, #ad1457 10%, #880e4f 100%);  
  -webkit-font-smoothing: antialiased; 
}  

.btnZoom1{ 
 position: absolute; 
 top: 0em; 
 right: 0em; 
 color: #fff; 
 border-radius: 10px;   
}

.btnHide1{
position: fixed;
top: 39.5px;
right: 10px;
color: #fff; 
border-radius: 10px;  
text-shadow: 1px 1px magenta; 
} 

.btnHide2{ 
position: fixed;
top: 41px;
right: 80px; 
border-radius: 10px;   
} 

.btnBody1{ 
position: absolute; 
top: -2em; 
left: 8.6em; 
color: #001; 
padding: 3px 6px; 
text-align: center; 
font-weight: 700; 
border-radius: 10px;  
font-size: 15px;  
border: 1px solid lightblue; 
background: #ffe; 
text-shadow: 1px 1px cyan; 
}

.btnHide1:hover, .btnHide2:hover {
height: 26px; color: #fff; border: 2px solid red; text-shadow: 1px 1px magenta; background: linear-gradient(to bottom,red 49%,maroon 40%);
}

.CopyBtn{
position: absolute;
top: 0.1em;
right: 0.6em;
color: #fff; 
padding: 3px 6px; 
font-size: 1em;  
text-align: center; 
font-weight: 700; 
border-radius: 10px; 
border: 1px solid #5e5; 
text-shadow: 2px 2px blue; 
background: #229; 
}

.CopyBtn.active{background-color: red;} 
.CopyBtn:hover{
color: green; text-shadow: 2px 2px lime; background: #ffe;
}

.Btnto-Close{ 
position: absolute;
top: -2em; 
left: 13em;
padding: 3px 6px;
color: red; 
font-size: 16px;
font-weight: 700;
border-radius: 10px; 
border: 1px solid lightblue;  
text-shadow: 1px 1px yellow; 
}
    
#status{
position: absolute;
display: none;
top: 0.2em;
left: 11em;
padding: 1px; padding-left: 8px; padding-right: 8px;
}

.imgth{
position: absolute; 
top: 0.4em; 
left: 0em;
width: 358px;
height: 720px;
border-radius: 22% 22% 1% 1%;
}

hr{
width: 320px;
opacity: 0.25;
} 
</style>


