.rowNutrilizer
{
    margin:0px;
    padding: 0px;
}
/*Nav Bar*/
.site-link
{
    color: #555;
    margin: 6px;
}
.newTagcl
{
    font-size: 16px;
    color: red;
    font-weight: bold;
    padding: 8px;
    padding-left: 2px;    
    padding-bottom: 11px;
    padding-right: 2px;
    transform: rotate(-40deg);
    border:2px solid red;
    border-radius: 15%;
    background: #fff;
    display: inline-block;

}
/*Nav Bar*/

.typing-test-header
{
    height: 200px;
    background: #3a2211;
    margin: 0px;
    position: relative;
}
.typingway-brand-name 
{
    width: 250px;
    padding: 20px;
    font-size: 29px ;
    text-shadow: 2px 1px 3px #ccc;
    text-align: center;
    height: 85px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: Courier New;
    font-weight: bold;
    letter-spacing: 5px;    
    margin: auto;
}
.typingway-brand-name a
{
    text-decoration: none;
    color: dimgray;
}
/*Main*/
.typing-test-body
{
    font-family: calibri;
    background: #eaeaea;
}
.typing-test-main
{
    padding-top: 50px;
}
.typing-test-article
{
    width: 70%;
    margin: 0px;
}


.container-mine
{
    width: 78%;
    margin: 0 auto;
}

.the-blog
{
    padding: 10px;
    background: #fff;
}

.home-heading
{
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: Courier New;
}
.home-h2 a
{
    color: #666;
}
.home-h2{
    font-size: 20px;
    letter-spacing: 1.3px;
    font-weight: bold;
}
.mrbt
{
    margin-bottom:10px;
    height: 80px;
    padding-top: 23px;
    color: #fff;
}
.mrbt:hover
{
    color: #fff;
}
.job-list
{
    margin: 0px;
    padding: 10px;
}
.job-list li
{
    margin-bottom: 13px;
}
.meta-info-list
{
    padding: 0px;
}
.meta-info-list li
{
    display: inline;
    padding-right: 5px;
    color: #666;
    font-size: 13px;
}
.catlist
{
    padding: 10px;
}
/*Main*/

/*Side Bar*/
.typing-test-sidebar
{
    width: 30%;
    margin: 0px;    
}
.sidebarLinksUl
{
    list-style:none;
    padding:0px 20px 0px 20px;   
}
.sidebarLinksUl li
{
    margin-bottom:10px;
    text-transform: capitalize;
}


.typer-side-boxes
{
    width:90%;
    margin:0 auto;   
    margin-bottom: 10px;
    background: #fff;
}
.aside-lable
{
    border-bottom:1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}


.menu-typingway li
{
    cursor: pointer;
}
.menu-typingway li:hover
{
    background: #eee;
}
/*Side Bar*/

/*language selector*/
.button-lang-selector
{
    display:inline-block; 
    min-width:180px; 
    padding:14px 32px; 
    background:#2563eb; 
    color:#fff; 
    font:600 18px sans-serif; 
    text-align:center; 
    text-decoration:none !important;
    border-radius:12px; 
    box-shadow:0 4px 5px #ccc; 
    transition:all .15s ease;
}
.button-lang-selector:hover
{
    color: #fff;
}


.page-title {
  text-align: center;
  padding: 30px 20px 10px;
}

.page-title h1 {
  margin: 0;
  font: 800 clamp(28px, 5vw, 44px)/1.2 system-ui, sans-serif;
  color: #1f2937;
  letter-spacing: .5px;
        font-family: Courier New;
    
}

/* highlighted word */
.page-title h1 span {
  color: #5c3720;                 /* match your red header */
  position: relative;
  white-space: nowrap;    
}

/* flat underline under the highlighted word */
.page-title h1 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 5px;
  background: #b02222;
  border-radius: 3px;
  opacity: .25;
}

.page-title p {
  margin: 14px 0 0;
  font: 500 17px/1.4 system-ui, sans-serif;
  color: #6b7280;
}

.lang-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 18px;
  padding: 30px;
}

.lang-card {
  --hue: calc(var(--i) * 137.5);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: hsl(var(--hue) 80% 96%);
  border: 1.5px solid hsl(var(--hue) 55% 85%);
  border-radius: 14px;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.lang-card:hover {
  transform: translateY(-4px);
  border-color: hsl(var(--hue) 65% 55%);
  box-shadow: 0 10px 20px hsl(var(--hue) 60% 40% / .18);
    text-decoration: none;
}

.lang-icon {
  flex: 0 0 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: hsl(var(--hue) 65% 42%);
  color: #fff;
  font: 700 22px/1 system-ui, sans-serif;
}

.lang-text { display: flex; flex-direction: column; line-height: 1.25; }
.lang-text b     { font-size: 19px; color: hsl(var(--hue) 55% 22%); }
.lang-text small { font-size: 13px; color: hsl(var(--hue) 25% 40%); }

/*language selector*/






/*Footer*/
.typing-test-footer
{
    margin-top: 50px;
    padding: 20px;
    background: #fff;
    text-align: center;

}
/*Footer*/
@media screen and (max-width: 767px) 
{
    .typing-test-article
    {
        width: 100%;
    }
    .typer-side-boxes
    {
        width:100%;
        margin-top: 10px;
    }
    .typing-test-sidebar
    {
        width: 100%;
        margin: 0px;    
    }
    .container-mine
    {
        width: 100%;
        margin: 0 auto;
    }
    .nanaTypingtest
    {
        display: none;
    }
    .medianutri
    {
        padding: 0px;
        background-color: #fff !important;
    }
}
@media screen and (max-width: 993px)
{
    .typing-test-article
    {
        width: 100%;
    }

    .typing-test-sidebar
    {
        width: 100%;
        margin: 0px;    
    }
    .typer-side-boxes
    {
        margin-top: 10px;
        width:100%;
    }
    .container-mine
    {
        width: 100%;
        margin: 0 auto;
    }
    .nanaTypingtest
    {
        display: none;
    }

}