img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }

  :root {
    --text: #140a0f;
    --border: #ff4242;
    --bg-w: #fff;
    --bg-main: #ffbe82;
    --text-shadow: #aba8a8; 
    --box-shadow: rgba(145, 138, 142);
    --h1: #ff0077;
    --sub-head: #ffbe82;
    --white: #000;
    --wh:#fff;
    --time-color: #45153e;
    --res-color: #94005b
  }

  html {
    overflow-x: hidden;
    scroll-behavior: smooth
  }

  body {
    background:rgb(0, 0, 0);
    text-align: center;
    padding: 3px 10px;
    margin: 0;
    scroll-behavior: smooth;
    font-style: oblique;
    font-family: "Gill Sans", sans-serif;
    font-weight: 900;
    color: #111
  }

  .small {
    font-weight: 400
  }
strong, b{
    color: ;
}
h3{
    color:#00047d;
}
h2{
    color:#000878;
}
  ol {
    text-align: left
  }
.contener h2, h4, h5, h6{
    padding: 0px;
    margin: 0px;
    font-size:17px;
}
img {
  max-width: 100%;
  height: auto;
}

.box h3{
 
    text-align: center;
    font-size: 12px;
  }

  .bg-w {
    background: var(--bg-w)
  }

  p {
font-weight: 800;
    font-size: 12px
  }

  .contener {
    margin: 5px 0;
    padding: 5px
  }

  ul {
    font-size: 12px
  }

  .orignal {
    color: #000
  }

  .box {
    border-radius: 5px;
    border: 2px solid var(--border)
  }

  .logo img {
    width: 25%;
    height: 25%
  }

  @media (max-width:767px) {
    .logo img {
      width: 78%;
      height: 78%
    }
  }

  h1 {
    color: ;
    font-size: 15px
  }

  .t {
    font-size: 24px
  }

  .t24 {
    font-size: 24px
  }

  .t15 {
    font-size: 15px
  }

  .t20 {
    font-size: 20px
  }

  .text {
    color: var(--text)
  }

  .text-white {
    color: var(--white)
  }

  .time-color {
    color: var(--time-color)
  }
.green{
    color:#32a838;
}
  .res-color {
    color: var(--res-color)
  }

  .bg-main {
    background-color: var(--bg-main);
    text-shadow:1px 1px 2px #fff;
  }

  .bg-head {
    background-color: var(--sub-head)
  }

  .floting_r {
    position: fixed;
    padding: 5px 8px;
    bottom: 7px;
    right: 5px;
    font-size: 14px;
    margin-bottom: 30px;
    text-decoration: none
  }

  .left {
    color: red;
    font-size: .7em;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000
  }

  .left {
    left: 13px;
    right: auto
  }

  .right {
    right: 13px;
    left: auto
  }

  .left,
  .right {
    position: absolute;
    color: #7a028d;
    font-size: 15px;
    padding: 2px 0;
    transform: translateY(-158%);
    border-bottom: none !important
  }

  .res_chart a {
     padding: 5px 7px;
    border-radius: 8px;
    font-size: 12px;
    margin: 0 0 0;
    display: block;
    transition: all .3s;
    text-shadow: 1px 1px 2px #222;
    margin-top: -6px;
    background: #001d91;
  }

  @media (max-width:500px) {
    .res_chart {
      margin: 0 0 0
    }
  }

  table {
    width: 100%;
    border-collapse: collapse;
    border: none
  }

  td {
    background-color: #fff;
    color: #000
  }

  table,
  th,
  td {
    border: 1px solid
  }

  .red {
    color: red
  }

  .blue {
    color: #001a70
  }

  .green {
    color: #118000
  }

  .b900 {
    font-weight: 700
  }

  .mp {
    margin: 0;
    padding: 0
  }

  .zone {
    text-decoration: none;
    display: block;
    margin: 3px;
    background: #fff;
    border: 2px solid var(--border);
    padding: 10px 0;
    border-radius: 5px
  }
      .animated-bg {
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, #ffcc70, #ff6bcb, #a044ff, #3f5efb);
      background-size: 400% 400%;
      animation: gradientMove 15s ease infinite;
    }

    @keyframes gradientMove {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    .hourglass {
      display: inline-block;
      animation: rotateScale 2s infinite ease-in-out;
    }

    @keyframes rotateScale {
      0% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
      }
      50% {
        transform: rotate(180deg) scale(1.2);
        opacity: 0.7;
      }
      100% {
        transform: rotate(360deg) scale(1);
        opacity: 1;
      }
    }
    .loading-emoji {
      animation: spin 1s linear infinite;
      display: inline-block;
    }

    @keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }
     .highlight { color: red; font-weight: bold; }
        .section-title { margin-top: 20px; font-size: 22px; font-weight: bold; color:blue;}

        .con {
            display: flex;
            align-items: center;
            background-color: #f4c08d; /* matching background */
            border: 2px solid red;
            padding: 10px;
            font-family: Arial, sans-serif;
            margin-top: 5px;
        }

        .left-img img {
            width: 64px;
            height: auto;
            border: 2px solid red;
            border-radius: 5px;
        }

        .right-text {
            margin-left: auto;
            font-size: 12px;
            font-style: italic;
            font-weight: bold;
            color: black;
        }

.dancing-script-my {
  /*font-family: "Dancing Script", cursive;*/
  /*font-optical-sizing: auto;*/
   font-weight: 900;
  color:#011c8a;
  font-style: normal;
}
 
.glow {
  color: #fff;
  animation: glowPulse 2s infinite alternate;
}

@keyframes glowPulse {
  0% {
    text-shadow: 0 0 10px red, 0 0 20px red;
  }
  25% {
    text-shadow: 0 0 10px #692eff, 0 0 20px #692eff;
  }
  50% {
    text-shadow: 0 0 10px hotpink, 0 0 20px hotpink;
  }
  75% {
    text-shadow: 0 0 10px yellow, 0 0 20px yellow;
  }
  100% {
    text-shadow: 0 0 10px cyan, 0 0 20px cyan;
  }
}
 

.box, .dancing-script-my {
      padding-top: 10px;
  padding-bottom: 10px;
}
.text2{border-width:3px;border:2px solid #0014e2;margin-bottom:5px;border-style:outset;border-radius:10px;border:2px solid #ff182c;box-shadow:0 0 20px 0 rgb(0 0 0 / 40%);}.text2 h2{color:#061699;text-shadow:1px 1px 2px #fff;}

    .faq-container {
  margin: auto;
}

.faq {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}

.faq input {
  display: none;
}

/* Label style (h3 inside) */
.faq-question {
  display: block;
  padding: 10px 15px;
  cursor: pointer;
  background: #fff3cd;
  color: #000;
  position: relative;
}

.faq-question h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

.faq-question::after {
  content: '+';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  transition: transform 0.3s;
}

/* Toggle icon on open */
.faq input:checked + .faq-question::after {
  content: '-';
}

/* Answer section */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  font-size: 12px;
  background: #fafafa;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

/* When checkbox is checked, expand answer */
.faq input:checked + .faq-question + .faq-answer {
  padding: 15px 20px;
  max-height: 500px;
}