/* ===== RESET & GLOBAL ===== */
     
       html, body {
 padding: 0vw 0vw 0vw;
 overflow-x: hidden;
 background: rgba(12, 38, 58, 1.0);
 font-family: 'Times New Roman', Times, serif;
 font-size: clamp(14px, 5vw, 22px);
  line-height: 1.35;
 color: rgba(225,225,255,1.0);
font-family: system-ui, -apple-system, 'Segoe UI', 'Times New Roman', Times, serif;
 scroll-behavior: smooth;
        }

        body {
 padding: 0vw 0vw 0vw 0vw;     
 overflow-x: hidden; 
 box-sizing: border-box;
 overflow-x: hidden;
overflow-y: scroll;
 scroll-behavior: smooth; 
}


      * {
 box-sizing: border-box; 
 width: 100%;
  height: auto;
  padding: 0vw 0vw 0vw;
 margin: 0vw 0vw 0vw;
}

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

        
   header {
 position: relative;
  height: auto;
   margin:  0vw 0vw 0vw 0vw;
  padding: 3vw 0vw 3vw;
 border-top: 0vw solid rgba(255,225,255,0.0);
 background: linear-gradient(125deg, rgba(28, 78, 100, 1.0), rgba(18, 55, 68, 1.0)); 
        }
        
        

  h1 {
 position: relative;
  height: auto;
  text-align: center;
  font-size: clamp(28px, 6vw, 52px);
  text-align: center;
  text-transform: uppercase;
  font-weight: 550;
   color: rgba(255,255,255,1.0); 
  letter-spacing: 1px;
  line-height: 1.5;
  font-family: 'Times New Roman', Georgia, serif;
 margin:  0vw 0vw 0vw 0vw;
 padding: 0vw 0vw 0vw;
  text-transform: uppercase;
 font-weight: 550;
  color: rgba(255,255,255,1.0); 
        }
      
     
          
    p {
   margin: 0vw;
   text-align: left;
   word-break: break-word;
        }
        

    strong {
 color: #b45b0f;
 font-family: 'Times New Roman', Times, serif;
 font-size: clamp(14px, 5vw, 22px);
 line-height: 1.35;
              }

        

   /* ===== Charts ===== */
   

      #myUL {
 position: relative;
 height: auto;
 column-count: 1;
 column-gap: 3vw;
  list-style: none;
  text-align: center;
  color: rgba(225,225,255,0.0);
  margin:  0vw 0vw 0vw 0vw;
 font-size: clamp(14px, 4.5vw, 17px);
 line-height: 1.5;
 font-size: 6vw;
 cursor: pointer;
 font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  padding: 0vw 0vw 0vw 0vw;
border-top: 0vw solid rgba(255,225,255,0.0);
 font-weight: 450;        
 background: rgba(12, 38, 58, 1.0);
        }
      

        @media (min-width: 768px) {
            #myUL {
                column-count: 2;
            }
        }
        


    .li-b {
background: rgba(255,255,255,1.0);;
 border-radius: 4vw;
 box-shadow: 0 4px 12px rgba(0,0,0,0.08);
 margin-bottom: 0vw;
 border: 1px solid rgba(0,0,0,0.05);
break-inside: avoid;          page-break-inside: avoid;
transition: transform 0.1s ease;
display: inline-block;
width: 100%;
box-shadow: 0 2px 8px rgba(0,0,0,0.5);
        }
        

       .txt-k {
 padding: 0vw;
 font-size: clamp(14px, 5vw, 18px);
  line-height: 1.45;
 cursor: pointer;
 color: #111;
 font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
        }
        
        
    li {
padding: 0vw 0vw 0vw 0vw;
 margin: 0vw 0vw 3vw 0vw;
            }

  
  /* Footer  */
          

        footer {
 position: relative;
 height: 55vh;
 text-align: center;
 color: rgba(225,225,255,1.0);
margin:  0vw 0vw 0vw 0vw;
font-size: clamp(14px, 4.5vw, 17px);
line-height: 1.35;
font-size: 4.4vw;
cursor: pointer;
font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
padding: 12vw 5vw 5vw;
border-top: 0.3vw solid rgba(255,225,255,1.0);
 font-weight: 450;          
 background: rgba(12, 38, 58, 1.0);
        }
        
a {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: auto;
    padding: 0vw;
    margin: 0vw 0;
}


.tscard_slide {
width: device-width;
height: auto;
overflow: auto; 
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
scroll-behavior: smooth; scroll-snap-type: x mandatory; 
position: relative; 
margin: 2vw 0vw 0vw 0vw; 
transform: scale(1.0); 
float: center; 
}


.tscard  {
position: relative;
top: 0vw;
left: 0%;  
max-width: 100%; 
min-width: 100%; 
height: 52vw;
border: 0.2px groove rgba(0,0,0,0.8);
 border-radius: 3vw;
font-size:6vw; 
background-color: rgba(240, 235, 250, 1.0);
box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 1px;
font-family: Arial, Helvetica,sans-serif; sans-serif-regular; 
color: rgba(0,0,0,1.0); 
display: inline-block;margin: 0px 0px 0px 0px ; 
padding: 5% 5% 5% 5% ;
line-height:1.35; 
outline:0;
float: center; 
text-align: left; 
text-justify: left; word-wrap: break-word;
white-space: normal;
overflow-wrap: break-word;
scroll-behavior: smooth; scroll-snap-type: x mandatory; 
flex-shrink: 0; 
scroll-snap-align: center;  scroll-snap-align: center;  scroll-snap-stop: always;
float: center; 
text-transform: none;
font-weight: normal;
display: inline-flex;
 align-text: flex-start;
 }


.tscardp{
position: relative;
top: 0vw;
left: 0%;  
max-width: 100%; 
min-width: 100%; 
height: auto;
border: 0.2px groove rgba(0,0,0,0.8);
 border-radius: 0vw;
font-size:6vw; 
background-color: rgba(240, 235, 250, 1.0);
box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 1px;
font-family: Arial, Helvetica,sans-serif; sans-serif-regular; 
color: rgb(50,50,50); 
display: inline-block;margin: 0px 0px 0px 0px ; 
padding: 5% 5% 5% 5% ;
line-height:1.15; 
outline:0;
float: center; 
text-align: left; 
text-justify: left;
font-weight: normal; word-wrap: break-word;
white-space: normal;
overflow-wrap: 
break-word;
}




.tscard2  {
position: relative;
top: 0vw;
left: 0%;  
max-width: 100%; 
min-width: 100%; 
height: 52vw;
border: 0.2px groove rgba(0,0,0,0.8);
 border-radius: 3vw;
font-size:6vw; 
background: rgba(215, 240, 250, 1.0);
box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 1px;
font-family: Arial, Helvetica,sans-serif; sans-serif-regular; 
color: rgba(0,0,0,1.0); 
display: inline-block;margin: 0px 0px 0px 0px ; 
padding: 5% 5% 5% 5% ;
line-height:1.35; 
outline:0;
float: center; 
text-align: left; 
text-justify: left; word-wrap: break-word;
white-space: normal;
overflow-wrap: break-word;
scroll-behavior: smooth; scroll-snap-type: x mandatory; 
flex-shrink: 0; 
scroll-snap-align: center;  scroll-snap-align: center;  scroll-snap-stop: always;
float: center; 
text-transform: none;
font-weight: normal;
display: inline-flex;
align-text: flex-start;
}


.tscardp2{
position: relative;
top: 0vw;
left: 0%;  
max-width: 100%; 
min-width: 100%; 
height: auto;
border: 0.2px groove rgba(0,0,0,0.8);
 border-radius: 0vw;
font-size:6vw; 
background: rgba(215, 240, 250, 1.0);
box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 1px;
font-family: Arial, Helvetica,sans-serif; sans-serif-regular; 
color: rgb(50,50,50); 
display: inline-block;margin: 0px 0px 0px 0px ; 
padding: 5% 5% 5% 5% ;
line-height:1.15; 
outline:0;
float: center; 
text-align: left; 
text-justify: left;
font-weight: normal; word-wrap: break-word;
white-space: normal;
overflow-wrap: 
break-word;
}








 .tscardp strong {
  color: #c13b0a;
  font-weight: 650;
  display: inline;
   text-align: center;
  text-transform: uppercase;
        }
       


 .tscard strong {
  color: #c13b0a;
  font-weight: 650;
  display: inline;
  text-align: center;
  text-transform: uppercase;
        }
        



 .tscardp2 strong {
  color: #c13b0a;
  font-weight: 650;
  display: inline;
 text-align: center;
 color: rgba(5,105,5,1.0);  text-transform: uppercase; 
        }




  .tscard2 strong {
 color: #c13b0a;
  font-weight: 650;
  display: inline;
   color: rgba(5,105,5,1.0);
 text-transform: uppercase; 
        }
        


.submainh1 {
position: relative;
 top: 0vh;
  font-size: 4vw;
      padding: 0% 0% 0% 0%;
            margin: 0vw 0vw 0vw 0vw;
      color: white;
      z-index: 0;
      text-align: center;
      background: linear-gradient(125deg, rgba(28, 78, 100, 1.0), rgba(18, 55, 68, 1.0)); 
}


/* textarea::placeholder */
textarea::placeholder {
  color:rgba(255,255,255,0.4); 
  font-size: 6vw;
  font-style: italic;
  font-family: Arial, sans-serif;
  opacity: 1; /* Firefox applies lower opacity by default */
}

.search_textarea {
position: relative;
top: 0px;
left: 0%;  
width: 100%; 
height: 15vw;
border: 0.5vw groove rgba(255,188,122,1.0);
border-radius: 0vw;
border-radius: 8vw; border-top-left-radius: 8vw;
font-size: 6vw; 
font-weight:0;
background-color:rgba(7,31.33,50.66,1.0); 
box-shadow: rgba(0,0,0,0.5) 0px 5px 0px 0px;
font-family: Arial, Helvetica,sans-serif; sans-serif-regular; 
color: rgba(255,255,255,1.0); 
display: inline-block;margin: 0px 0px 0px 0px ; 
padding: 2% 5% 2% 20% ;
margin: 0vw 0vw 0vw 0vw;
line-height:1.35; 
outline:0;
float: left; 
text-align: left; 
text-justify: left;
resize: none;
}


.searchsection {
position: relatve;
  width: 100%;
  column-count: 1;
            background: rgba(10,12,25,1.0);
            color: rgba(255,255,255,1.0);
            margin: 0vw 0vw -14vw 0vw;
            padding: 0vw 0vw  0vw 0vw;
            border-radius: 0vw;
            box-shadow: 0 2px 28px rgba(0,0,0,0.05);
            font-size: clamp(14px, 4.5vw, 18px);
            border-left: 0vw solid #ff6347; 
            float: center;
}


#but33, .reset {
position: relative; top: -17vw; left: 5vw; width: 25vw;  height: 18vw; border: 0vw groove rgba(255,188,122,1.0); background-color: rgba(11,28,44,0.0); font-family: sans-serif-regular; color: rgba(255,188,122,1.0); font-weight: 300; font-size:8vw; line-height:2.4; outline:0; float: left; z-index:10000000; transform: rotate(0deg);
}



.submit {
position: relative; top: -16.2vw; right: 0vw; width: 15vw;  height: 13vw; border: 0vw groove rgba(255,188,122,1.0); background-color: rgba(255,188,122,0.0); font-family: sans-serif-regular; color: rgba(255,188,122,1.0); font-weight: 300; font-size:15vw; line-height:0; float: right; z-index:100; transform: rotate(-90deg);  border-bottom-left-radius: 8vw; border-bottom-right-radius: 8vw;
}