h1{text-align: center;}

.vo{text-align: center;
font-size: 17px;}
.do.do{text-align: center;
padding: 5px;
font-size: 18px;
background-color: white;}




.you {margin-left: 25%;
padding: 12px;}


.bg-video{position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
min-width: 100%;
min-height :100%;
z-index: -1;}

.snow{position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
min-width: 100%;
min-height :100%; 
object-fit:cover ;
z-index: -1;}

.bx bxs-left-arrow-circle{ color: white;}

.bo{text-align: center;
font-weight: bold;
padding: 45px;
font-size: xx-large;}

.uo{ width: 650px;
height: 850px;}

.mn{text-decoration: none;
color: black;}

.mn:hover{color: red;}
.ver{display: grid;
grid-template-columns: repeat(3,1fr);
width: 600px;
gap: 20px;
padding: 8px;}

.one{ background-color: aqua;
color: black;
padding: 20px;
font-size: 20px;
text-align: center;
border-radius: 8px;
margin-left: 150px;}



.two{background-color: aqua;
color: black;
padding: 20px;
font-size: 20px;
text-align: center;
border-radius: 8px;
margin-left: 200px;
width: 400px;}

.kee{width: 380px;
height: 500px;}

dt span{margin-left:180px ;
border: 3px solid white;
background-color: fuchsia;
color:white;
font-weight: bold;
padding: 1px;
font-size: x-large;}

dd {padding: 10px;
background-color: white;}

.alt{ display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 1px;}


.tech{width: 50%;
overflow-y: hidden;
overflow-y:hidden;}

.week{width: 50%;
overflow-y: hidden;
overflow-y:hidden;}

.eighty{width: 700px;
height: 950px;
padding: 50px;}





.store{width: 700px;
height: 950px;
padding: 50px;}


.safe{display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px;}

.china{width: 50%;
overflow-y: hidden;
overflow-y: hidden;
}

.bis{width: 50%;}


.sky{width: 350px;
margin: 40px auto;
background-color: white;
border-radius: 12px;
box-shadow: 0px 4px 12px;
text-align: center;
padding: 20px;}

.sky h2{font-size: 18px;
margin: 15px 0px 10px;
color: black;}

.sky p{font-size: 14px;
      color: #444;}


.btn {
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background: #c62828;
      color: #fff;
      text-decoration: none;
      border-radius: 6px;
      font-weight: bold;
      transition: background 0.3s ease;
    }
    .sports{position: fixed;
    left: 0; top: 0;
    width: 100%; height: 100%;
      background: rgba(0,0,0,0.7);
      display: none;
      justify-content: center;
      align-items: center;
}

.btn:hover {
      background: #a91f1f;}



   .sports-gold{background: skyblue;
      padding: 20px;
      width: 600px;
      max-height: 80vh;
      overflow-y: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);}


.sports ul {
      text-align: left;
      font-size: 14px;
      color: #333;}



 .sports li{padding: 5px;
    font-size: 16px;}

    .close-btn {
      display: inline-block;
      margin-top: 15px;
      padding: 8px 16px;
      background: #000;
      color: #fff;
      border-radius: 5px;
      cursor: pointer;
    }

.sports p {
      margin-top: 0;
      color: #222;
    }

    .bold{position: fixed;
    left: 0; top: 0;
    width: 100%; height: 100%;
      background: rgba(0,0,0,0.7);
      display: none;
      justify-content: center;
      align-items: center;}

.bold-italic{background:rgb(226, 138, 168);
      padding: 20px;
      width: 600px;
      max-height: 80vh;
      overflow-y: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);}

.sky ul {
      text-align: left;
      font-size: 14px;
      color: #333;}



 .sky li{padding: 5px;
    font-size: 16px;}

    .small ul {text-align: left;
    font-size: 14px;
  color: #333;}


  .samll li{ padding: 5px;
  font-size: 16px;}

.small{position: fixed;
left: 0; top: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.7);
display: none;
justify-content: center;
align-items: center;}

.small-text{background:pink;
      padding: 20px;
      width: 600px;
      max-height: 80vh;
      overflow-y: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);}

.larger ul {text-align: left;
font-size: 14px;
color: #333;}

.larger li{padding: 5px;
font-size: 16px;}

.larger{position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.7);
      display: none;
      justify-content: center;
      align-items: center;}

.larger-text {background: skyblue;
      padding: 20px;
      width: 600px;
      max-height: 80vh;
      overflow-y: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);}


.hard{  width: 350px;
margin: 40px auto;
background-color: white;
border-radius: 12px;
box-shadow: 0px 4px 12px;
text-align: center;
padding: 20px;}


.hard h2 {
      font-size: 18px;
      margin: 15px 0 10px;
      color: #222;
    }

    .hard p {
      font-size: 14px;
      color: #444;
    }

     .btn {
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background: #c62828;
      color: #fff;
      text-decoration: none;
      border-radius: 6px;
      font-weight: bold;
      transition: background 0.3s ease;
    }


    .btn:hover {
      background: #a91f1f;
    }

    .popup {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.7);
      display: none;
      justify-content: center;
      align-items: center;
    }

    .popup-content  {
      background: skyblue;
      padding: 20px;
      width: 600px;
      max-height: 80vh;
      overflow-y: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    }

    .popup h3 .mol .four h3 {
      margin-top: 0;
      color: #222;
    }

    .popup ul {
      text-align: left;
      font-size: 14px;
      color: #333;
    }

    .popup li{padding: 5px;
    font-size: 16px;}

    .close-btn {
      display: inline-block;
      margin-top: 15px;
      padding: 8px 16px;
      background: #000;
      color: #fff;
      border-radius: 5px;
      cursor: pointer;
    }



    .had{width: 350px;
    margin: 40px auto;
  background-color: white;
border-radius: 12px;
box-shadow: 0px 4px 12px;
text-align: center;
padding: 20px;}

.had .lop{  font-size: 18px;
margin: 15px 0 10px;
color: black;}

.had p{font-size: 14px;
color: black;}

.cal{position:fixed;                           
top: 0;  left:0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.7);;
display: none;
justify-content: center;
align-items: center;}


 
.cal-pol{background:rgb(241, 143, 241);
padding: 20px;
width: 600px;
max-height: 80vh;
overflow-y: auto;
 border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);}



      .cal ul p p {
      text-align: left;
      font-size: 14px;
      color: #333;
    }


     .close-daily {
      display: inline-block;
      margin-top: 15px;
      padding: 8px 16px;
      background: #000;
      color: #fff;
      border-radius: 5px;
      cursor: pointer;
    }



    .daily{
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background: rgb(14, 15, 14);
      color: #fff;
      text-decoration: none;
      border-radius: 6px;
      font-weight: bold;
      transition: background 0.3s ease;
    }


    .daily:hover {
      background:orange;
    }


    .more{width: 350px;
    margin: 40px auto;
  background-color: white;
border-radius: 12px;
box-shadow: 0px 4px 12px;
justify-content: center;
padding: 20px;}

.more .three{font-size: 18px;
margin: 15px 0 10px;
color: black;}

.more p{font-size: 14px;
color: black;}

.dose {position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
display: none;
justify-content: center;
align-items: center;}

.dose-may {
      padding: 20px;
      width: 600px;
      max-height: 80vh;
        background:rgb(255, 255, 2) ;
      overflow-y: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);}


      .dose ul  p{ 
      text-align: left;
      font-size: 14px;
      color: #333;
    }

    .close-liver{ 
      display: inline-block;
      margin-top: 15px;
      padding: 8px 16px;
      background: #000;
      color: #fff;
      border-radius: 5px;
      cursor: pointer;
    
}


.liver{
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background: green;
      color: #fff;
      text-decoration: none;
      border-radius: 6px;
      font-weight: bold;
      transition: background 0.3s ease;
    }

    .iver:hover.button:hover {
      background:orange;
    }


.eagle{  width: 350px;
margin: 40px auto;
background-color: white;
border-radius: 12px;
box-shadow: 0px 4px 12px;
text-align: center;
padding: 20px;}


.eagle .six {
      font-size: 18px;
      margin: 15px 0 10px;
      color: #222;
    }

    .eagle p {
      font-size: 14px;
      color: #444;
    }



.alter {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.7);
      display: none;
      justify-content: center;
      align-items: center;
    }
 .alter-box  {
      background: #fff;
      padding: 20px;
      width: 600px;
      max-height: 80vh;
      overflow-y: auto;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
       }

.alter  ul  {
      text-align: left;
      font-size: 14px;
      color: #333;
    }


    .close-button {
      display: inline-block;
      margin-top: 15px;
      padding: 8px 16px;
      background: #000;
      color: #fff;
      border-radius: 5px;
      cursor: pointer;
    }



    .button {
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background: green;
      color: #fff;
      text-decoration: none;
      border-radius: 6px;
      font-weight: bold;
      transition: background 0.3s ease;
    }


    .button:hover {
      background:orange;
    }



















.boy{display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 10px;}

.giri{ width:50%;
overflow-y: hidden;
overflow-y: hidden;
overflow-y: hidden;}

.com{width: 50%;}