/*-----------------------------------*\
    //         
    character modification
    // \*-----------------------------------*/
    .pixel-head {
      height: auto !important;
      background: linear-gradient(rgba(0, 0, 0, 0.758), rgba(0, 0, 0, 0.758)), url(../Img/trending/wp5231545.jpg);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }
    
    .tourn-title {
      /* @include padd(20px, 80px, 20px, 80px); */
      background: linear-gradient(rgba(0, 0, 0, 0.758), rgba(0, 0, 0, 0.758)), url(../Img/trending/wp5231545.jpg);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      text-align: center;
    }
    
    .tourn-title-text {
      color: #ff0000;
      text-shadow: 12px 11px 0 rgba(0, 0, 0, 0.51), 5px 5px 10px rgba(0, 0, 0, 0.57);
    }
    
    .tourn-trphy-img {
      height: 450px !important;
      width: 450px !important;
    }
    
    /*-----------------------------------*\
        //         
        game and streams
        // \*-----------------------------------*/
    .trending-section {
      box-shadow: 0 -5px 3px -3px rgb(255, 255, 255), 0 5px 3px -3px rgb(255, 255, 255);
      background-color: black;
    }
    
    .discord-part-joinn {
      box-shadow: 0 -5px 3px -3px rgb(255, 255, 255), 0 5px 3px -3px rgb(255, 255, 255);
    }
    
    .container-fluid {
      --bs-gutter-x: 0rem !important;
    }
    
    .trending-title {
      padding-top: 40px;
      color: rgb(140, 255, 0);
      font-weight: 700;
      font-style: italic;
      text-align: center;
      font-size: 40px;
      text-transform: capitalize;
      font-family: "Arial", "Helvetica", "sans-serif";
      margin-bottom: 0%;
      text-shadow: 1px 0px 0 rgba(108, 190, 1, 0.51), 8px 3px 8px rgba(172, 81, 81, 0.33);
    }
    
    /*-----------------------------------*\
        //         
        streams section
        // \*-----------------------------------*/
    #streams-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
      text-align: center;
      align-items: center;
      justify-content: center;
    }
    
    .trending-section {
      background: linear-gradient(rgba(0, 0, 0, 0.937), rgba(0, 0, 0, 0.937)), url(../Img/about-us/about-bg.jpg);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      padding: 60px 80px 60px 80px !important;
    }
    
    .stream {
      margin-bottom: 20px;
      padding: 10px;
      background-color: #302f2f;
      border-radius: 5px;
      text-align: center;
      width: 400px;
      text-align: center;
      align-items: center;
      box-shadow: 0px -1px 10px 0px hsla(0, 100%, 50%, 0.614);
    }
    
    .trending-title {
      padding-top: 0px;
      padding-bottom: 60px;
    }
    
    .stream img {
      width: 100%;
      border-radius: 5px;
    }
    
    .stream h3 {
      font-weight: 700;
      text-transform: capitalize;
      color: #ffffff;
      font-family: "Barlow", Sans-serif;
      font-style: italic;
      margin-top: 10px;
      font-size: 16px;
    }
    
    .stream:hover {
      box-shadow: 0px 0px 20px 5px rgba(255, 0, 0, 0.7);
    }
    
    .stream p {
      font-weight: 700;
      text-transform: capitalize;
      color: #fa0000;
      font-family: "Barlow", Sans-serif;
      font-style: italic;
      margin-top: 10px;
      font-size: 16px;
    }
    
    .load-more-btn, .stream a {
      background-color: hsla(155, 100%, 94%, 0.01);
      box-shadow: 0px -3px 15px 0px hsla(155, 100%, 100%, 0.25) inset;
      color: hsl(156, 51%, 75%);
      font-family: sans-serif, serif !important;
      font-weight: 100 !important;
      font-size: 22px !important;
      padding: 8px 20px 8px 20px !important;
      border-radius: 10%;
      border: solid 1px rgba(255, 255, 255, 0.708);
      text-decoration: none;
      transition: 0.3s ease-in-out;
      border: 0 solid;
      box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
      outline: 1px solid;
      outline-color: rgba(255, 255, 255, 0.5);
      outline-offset: 0px;
      text-shadow: none;
      transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    }
    
    .stream a:hover {
      background-color: #000000;
      background-color: #15170c;
      border: 1px solid;
      box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
      outline-color: rgba(255, 255, 255, 0);
      outline-offset: 15px;
      text-shadow: 1px 1px 2px #427388;
    }
    
    .load-more-btn:hover {
      background-color: #15170c;
      border: 1px solid;
      box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
      outline-color: rgba(255, 255, 255, 0);
      outline-offset: 15px;
      text-shadow: 1px 1px 2px #427388;
    }
    
    /*-----------------------------*/
    /*--------NEWS SECTION-----------*/
    .part-one-news-sec {
      display: flex !important;
    }
    
    .news-fullpart {
      padding: 40px 80px 40px 80px !important;
    }
    
    #news-container {
      flex-direction: column;
    }
    
    .news-part-one {
      text-align: center;
    }
    
    .news-part-oneimg {
      width: 350px;
      height: 250px;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover;
    }
    
    .news-sec {
      padding: 40px 80px 40px 80px !important;
      border-bottom: rgba(255, 255, 255, 0.279) solid 2px;
      background-color: rgba(0, 0, 0, 0.95);
    }
    
    .load-more-button {
      padding: 10px;
      margin-top: 15px;
      margin-bottom: 15px;
      font-weight: 600;
      font-size: 18px;
      color: #ffffff;
      background-color: #000000;
      text-transform: capitalize;
      font-family: "Barlow", Sans-serif;
      border-radius: 1ch;
      border: transparent 1px solid;
    }
    .load-more-button:hover {
      color: #ffffff;
      transition: 0.5s;
      border: #ffffff 1px solid;
    }
    
    .news-tit-parttwo {
      font-weight: 400;
      color: #ffffff;
      font-style: italic;
      font-size: 16px;
      text-align: center;
      padding-top: 15px;
    }
    
    .poll-choice .answer, .poll-quation, .view-more-game, .news-game-discri, .news-game-title-two, .news-game-title, .news-tit-parttwo {
      text-transform: capitalize;
      font-family: "Barlow", Sans-serif;
      margin-bottom: 0px !important;
    }
    
    .news-game-title {
      font-size: 16px;
      color: #f47938;
      font-weight: 600;
      padding-top: 5px;
    }
    
    .news-game-title-two {
      font-size: 22px;
      color: #ffffff;
      font-weight: 700;
      padding-top: 5px !important;
      padding-bottom: 10px !important;
    }
    
    .news-game-discri {
      color: #ffffff;
      font-size: 17px;
      font-style: italic;
      text-align: justify;
    }
    
    .btn-viewnews {
      padding-top: 10px;
    }
    
    .view-more-game {
      padding: 6px;
      font-style: italic;
      font-weight: 600;
      font-size: 16px;
      border-radius: 1ch;
      color: #00ffa2 !important;
      background-color: rgba(0, 0, 0, 0.6274509804);
    }
    
    .news-part-two {
      padding-left: 10px;
    }
    
    .view-more-game:hover {
      background-color: rgba(0, 0, 0, 0.2392156863);
      color: rgba(0, 255, 162, 0.5529411765) !important;
    }
    
    .part-one-news-sec {
      border-top: solid 1px rgba(223, 223, 223, 0.345);
      padding-top: 20px;
      border-bottom: solid 1px rgba(223, 223, 223, 0.345);
      padding-bottom: 20px;
    }
    
    /*-----------------------------------*\
        //         
       poll section
        // \*-----------------------------------*/
    :root {
      /* vars */
      --post-bg: rgb(14, 14, 17);
      --t: 0.4s;
      --ease: linear(
        0,
        0.005,
        0.02 2.2%,
        0.045,
        0.081 4.9%,
        0.16 7.3%,
        0.465 16.2%,
        0.561,
        0.642,
        0.713 25.8%,
        0.773,
        0.825 32.7%,
        0.868 36.5%,
        0.905 40.9%,
        0.935 45.7%,
        0.958 51.1%,
        0.975 57.4%,
        0.986 64.4%,
        0.993 73.1%,
        0.997 84.1%,
        0.999
      );
      --ease-bar: linear(
        0,
        0.005,
        0.02,
        0.045,
        0.081 5%,
        0.16 7.6%,
        0.463 16.6%,
        0.558,
        0.639,
        0.709,
        0.769,
        0.82 33.3%,
        0.863 37.1%,
        0.902 41.6%,
        0.932 46.5%,
        0.956 51.9%,
        0.973 58.2%,
        0.985 65.3%,
        0.992 73.8%,
        0.997 84.7%,
        0.999
      );
      --trans: all var(--t) var(--ease);
      --star-color: 210deg;
      --star-time: 7s;
      --star-ease: cubic-bezier(0.75, 0, 0.25, 1);
    }
    
    .post {
      padding: 1rem 2rem;
      border-bottom: 1px solid hsla(0, 0%, 100%, 0.321);
    }
    
    .poll-quation {
      font-style: italic;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      font-weight: 600;
      font-size: 16px;
      color: #00ffa2 !important;
    }
    
    .poll-choices {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 0;
    }
    
    .poll-choice label {
      padding-inline: 1rem;
      display: flex;
      justify-content: space-between;
      border-radius: 0.5rem;
      border: 1px solid rgb(255, 255, 255);
      position: relative;
      isolation: isolate;
    }
    
    .poll-choice .poll-label {
      gap: 0.5rem;
      overflow: hidden;
      width: 100%;
      min-height: 44px;
    }
    
    .poll-choice .poll-percent,
    .poll-choice .poll-label {
      display: flex;
      align-items: center;
      font-weight: 400;
      margin: 0;
      z-index: 1;
    }
    
    .poll-choice .poll-percent {
      opacity: 0;
      translate: 100% 0;
      width: 2rem;
      text-align: right;
      justify-content: end;
      transition: all calc(var(--t) * 3) var(--ease-bar);
    }
    
    .poll-choice .answer {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block;
      filter: none;
      transition: var(--trans);
      color: #fefefe;
      font-style: italic;
      font-weight: 500;
      font-size: 16px;
    }
    
    .poll-choice .poll-label .radio {
      display: flex;
      transition: var(--trans);
      overflow: hidden;
      flex: 0 0 16px;
    }
    
    .poll-result {
      position: absolute;
      inset: -1px;
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
      -webkit-mask-size: cover;
              mask-size: cover;
      background-size: 0% 100%;
      background-position: 0% 0%;
      transition: opacity var(--t) var(--ease);
      opacity: 0;
    }
    
    .poll-result:before,
    .poll-result:after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 0.5rem;
      mix-blend-mode: hard-light;
      background-image: linear-gradient(90deg, hsla(240, 10%, 90%, 0.5), hsla(240, 10%, 90%, 0.9) 80%);
      background-size: inherit;
      background-repeat: no-repeat;
      background-position: inherit;
      transition: all calc(var(--t) * 3) var(--ease-bar);
    }
    
    .poll-result:after {
      inset: 1px;
      border-radius: calc(0.5rem - 1px);
      background: rgba(14, 14, 17, 0.5);
      background-size: calc(100% - 2px) 100%;
      opacity: 1;
      z-index: 1;
      mix-blend-mode: unset;
    }
    
    .poll-result .star {
      position: absolute;
      left: var(--percent, 0%);
      top: 50%;
      translate: -50% -50%;
      width: auto;
      height: 90%;
      transition: left calc(var(--t) * 3) var(--ease-bar), opacity calc(var(--t) * 3) var(--ease-bar);
      mix-blend-mode: plus-lighter;
      filter: drop-shadow(0 0 3px hsl(var(--star-color), 100%, 60%, 70%)) drop-shadow(0 0 8px hsl(var(--star-color), 100%, 60%, 70%));
      z-index: 2;
      opacity: 0;
    }
    
    .poll-result .star:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      translate: -50% -50%;
      height: 120%;
      aspect-ratio: 1/10;
      border-radius: 100%;
      background: radial-gradient(1px 50% at center, hsl(var(--star-color), 100%, 100%, 100%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(3px 50% at center, hsl(var(--star-color), 100%, 70%, 90%), hsl(var(--star-color), 100%, 20%, 0%));
      translate: -50% -50%;
    }
    
    .poll-result .star div {
      position: absolute;
      left: 50%;
      top: 50%;
      translate: -50% -50%;
      height: 120%;
      aspect-ratio: 1/2;
      background: radial-gradient(1px 50% at center, hsl(var(--star-color), 100%, 100%, 100%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(3px 50% at center, hsl(var(--star-color), 100%, 90%, 90%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(5px 30% at center, hsl(var(--star-color), 100%, 80%, 60%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(40% 3px at center, hsl(var(--star-color), 100%, 80%, 60%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(45% 2px at center, hsl(var(--star-color), 100%, 90%, 90%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(50% 1px at center, white, hsl(var(--star-color), 100%, 100%, 100%), hsl(var(--star-color), 100%, 20%, 0%));
      mix-blend-mode: color-dodge;
      opacity: 1;
      z-index: 3;
    }
    
    .poll-result .star div::before,
    .poll-result .star div::after {
      content: "";
      position: absolute;
      right: 50%;
      top: 50%;
      translate: 50% -50%;
      rotate: 45deg;
      height: 50%;
      aspect-ratio: 1/1;
      background: radial-gradient(2px 35% at center, hsl(var(--star-color), 100%, 60%, 70%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(2px 40% at center, hsl(var(--star-color), 100%, 80%, 90%), hsl(var(--star-color), 100%, 20%, 0%)), radial-gradient(1px 45% at center, white, hsl(var(--star-color), 100%, 100%, 100%), hsl(var(--star-color), 100%, 20%, 0%));
      opacity: 1;
      mix-blend-mode: plus-lighter;
    }
    
    .poll-result .star div::after {
      rotate: -45deg;
    }
    
    .poll.answered .poll-choice.winner .poll-result:before {
      background-image: linear-gradient(254deg, #d4f2fe 5%, #ffe7b7 45%, #f9ced5 95%);
    }
    .poll.answered .poll-choice .poll-result {
      opacity: 1;
      background-size: var(--percent, 0%) 100%;
    }
    .poll.answered .poll-choice.winner .poll-result .star {
      opacity: 1;
      transition-delay: 0s, 0.2s;
    }
    .poll.answered .poll-choice.winner .poll-result .star div,
    .poll.answered .poll-choice.winner .poll-result .star div:before,
    .poll.answered .poll-choice.winner .poll-result .star div:after {
      animation: starGlow var(--star-time) var(--star-ease) infinite;
    }
    .poll.answered .poll-choice.winner .poll-result .star div:before {
      animation-delay: 0.1s;
    }
    .poll.answered .poll-choice.winner .poll-result .star div:after {
      animation-delay: 0s;
    }
    .poll.answered .poll-choice .radio {
      flex: 0 1 0px;
    }
    .poll.answered .poll-choice .answer {
      translate: -0.5rem 0;
    }
    .poll.answered .poll-choice .poll-percent {
      translate: 0 0;
      opacity: 1;
      color: #00ffa2;
    }
    .poll.answered .poll-choice.winner .poll-percent,
    .poll.answered .poll-choice.winner .poll-label {
      filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.5)) drop-shadow(-1px 1px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.25));
      z-index: 4;
    }
    
    @keyframes starGlow {
      0%, 90%, 100% {
        filter: brightness(1) contrast(1) saturate(1) opacity(0);
        scale: 0;
      }
      10%, 25% {
        filter: brightness(1.6) contrast(1.5) saturate(2) opacity(1);
        scale: 1;
      }
    }
    @layer app {
      #app {
        width: 385px;
        background-color: #000000;
        border-radius: 2ch;
        box-shadow: 0px 1px 10px 0px hsla(124.62, 100%, 52.96%, 0.61);
      }
      ul,
      li {
        list-style: none;
      }
      .radio input {
        width: 16px;
        height: 16px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background-color: rgba(76, 76, 92, 0.1);
        border: 1px solid rgb(255, 255, 255);
        box-shadow: inset 0 0 0 1px transparent;
        border-radius: 100%;
        padding: 0;
        margin: 0;
      }
      .radio input:checked {
        background-color: rgb(255, 255, 255);
        border-color: rgb(255, 255, 255);
        box-shadow: inset 0 0 0 2px var(--post-bg);
      }
    }
    .reset-part-poll {
      margin: 10px 0 10px 2rem !important;
      border-radius: 1ch;
      padding: 0.5rem 1rem;
      background: #00ffa2;
      text-transform: capitalize;
      font-family: "Barlow", Sans-serif;
      font-style: italic;
      font-weight: 600;
      font-size: 16px;
      border: none;
    }
    .reset-part-poll:hover {
      background: rgba(0, 255, 162, 0.6431372549);
    }
    
    .poll-label {
      cursor: pointer;
    }
    
    .poll-choice:hover {
      background: rgba(22, 22, 22, 0.8901960784);
      cursor: pointer;
      border-radius: 1ch;
    }
    
    .poll-title-part-one {
      display: flex;
      flex-direction: row;
      gap: 5px;
    }
    
    .fa-xbox {
      color: #77ff00;
      padding-top: 4px;
      font-size: 16px;
    }
    
    .poll-ti {
      color: #77ff00;
      font-weight: 700;
      font-size: 16px;
      font-family: "Barlow", Sans-serif;
    }
    
    /*-----------------------------------*\
        //         
     carousel
        // \*-----------------------------------*/
    .title-coming-game {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding-top: 10px !important;
      padding-bottom: 9px !important;
      gap: 10px;
      margin-top: 20px;
      border-top: #77ff00 1px solid;
      border-bottom: #77ff00 1px solid;
    }
    
    .cr-img-sec {
      height: 700px !important;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }
    
    .car-title {
      font-weight: 800;
      color: #fefefe;
      font-size: 40px;
      font-family: "Starzone", "serif";
    }
    
    .carousel-caption {
      bottom: -20px !important;
    }
    
    .car-dis {
      font-weight: 400;
      color: #fefefe;
      font-size: 16px;
      font-style: italic;
      font-family: "Barlow", Sans-serif;
    }
    
    #fire-p {
      color: #77ff00;
      font-size: 30px;
    }
    
    .coming-t {
      font-weight: 700;
      color: #ff0000;
      font-size: 25px;
      font-family: "Starzone", "serif";
      letter-spacing: 2px;
      margin-bottom: 0px !important;
      font-style: italic;
    }
    
    #carouselExampleCaptions {
      margin-top: 20px;
    }
    
    .carousel-indicators {
      bottom: -45px !important;
    }
    
    .carousel-indicators [data-bs-target] {
      width: 90px !important;
      background-color: #ff0000 !important;
    }
    
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: #000000;
      border-radius: 5px;
    }
    
    /*-----------------------------------*\
        //         
      news details
        // \*-----------------------------------*/
    .news-deatils-part {
      padding: 60px 80px 60px 80px !important;
    }
    
    #news-details-img {
      height: 500px;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }
    
    .newsdetails-highlight-t {
      display: flex;
      flex-direction: row;
      padding-top: 20px !important;
      padding-bottom: 20px !important;
      gap: 5px;
    }
    
    #high-t {
      font-weight: 700;
      color: #77ff00;
      font-size: 30px;
      padding: 5px;
      padding-top: 7px;
    }
    
    .high-t {
      font-weight: 700;
      color: #77ff00;
      font-size: 30px;
      font-family: "Barlow", Sans-serif;
      margin-bottom: 0px !important;
    }
    
    #news-details-title {
      font-weight: 800;
      color: #77ff00;
      font-size: 16px;
      font-family: "CustomFont1";
      margin-bottom: 0px !important;
      font-style: italic;
    }
    
    #news-details-subtitle {
      font-weight: 800;
      color: #fefefe;
      font-size: 30px;
      font-family: "Barlow", Sans-serif;
      margin-bottom: 0px !important;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      letter-spacing: 2px;
    }
    
    .newhighlight-di {
      font-weight: 700;
      color: #fefefe;
      font-size: 18px;
      font-family: "Barlow", Sans-serif;
      margin-bottom: 0px !important;
      text-transform: capitalize;
    }
    
    #news-details-highlight-dis-one,
    #news-details-highlight-dis-two {
      padding-bottom: 15px;
    }
    
    .news-details-highlight-dis-one {
      border-left: rgba(0, 255, 162, 0.4431372549) 2px solid;
    }
    
    .n-d {
      display: flex;
      flex-direction: row;
    }
    
    .fa-square {
      color: #77ff00;
      font-size: 12px;
      font-family: "Barlow", Sans-serif;
      padding: 6px 10px 0 30px !important;
    }
    
    #news-details-description {
      font-weight: 500;
      color: #fefefe;
      font-size: 18px;
      font-family: "Barlow", Sans-serif;
      margin-bottom: 0px !important;
      font-style: italic;
      padding-top: 0px !important;
      padding-bottom: 20px !important;
    }
    
    .pollpart-ops {
      padding-top: 20px;
    }
    
    .newsmore-part {
      font-weight: 300;
      color: rgba(255, 255, 255, 0.614);
      font-size: 18px;
      font-family: "Barlow", Sans-serif;
      margin-bottom: 0px !important;
      text-align: justify;
      padding-top: 20px;
    }
    
    /*-----------------------------------*\
        //         
       news section 1 part only scroll :)
        // \*-----------------------------------*/
    .sec-one-part {
      overflow-y: auto !important;
      height: calc(100vh - 50px) !important;
      border-bottom: 2px #fefefe solid;
    }
    
    .news-sec-two {
      position: sticky !important;
      top: 0 !important;
    }
    
    .poll-container {
      padding: 50px;
    }
    
    /*-----------------------------------*\
        //         
       RESPONSIVE NEWS PART
        // \*-----------------------------------*/
    @media only screen and (max-width: 1300px) {
      .news-sec {
        padding: 40px 15px 40px 15px !important;
      }
      .news-fullpart {
        padding: 40px 15px 40px 15px !important;
      }
    }
    @media only screen and (max-width: 1200px) {
      .news-sec-two {
        margin-top: 20px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .row {
        --bs-gutter-x: 0 !important;
      }
      .poll-container {
        padding: 0px !important;
      }
    }
    @media only screen and (max-width: 1000px) {
      .cr-img-sec {
        height: 400px !important;
      }
    }
    @media only screen and (max-width: 855px) {
      .part-one-news-sec {
        flex-direction: column;
      }
      .news-part-two {
        padding-left: 0px;
      }
      .news-game-title {
        padding-top: 15px;
      }
      .news-part-oneimg {
        width: 100%;
      }
    }
    @media only screen and (max-width: 500px) {
      .trending-title {
        font-size: 30px;
      }
      .news-tit-parttwo {
        font-size: 14px;
      }
      .coming-t {
        font-size: 20px;
      }
      .news-sec {
        padding: 30px 15px 40px 15px !important;
      }
      .news-fullpart {
        padding: 30px 15px 30px 15px !important;
      }
      .carousel-control-next-icon,
      .carousel-control-prev-icon {
        width: 1.5rem !important;
        height: 1.5rem !important;
      }
      .carousel-indicators [data-bs-target] {
        width: 100% !important;
      }
      .cr-img-sec {
        height: 200px !important;
      }
      .news-part-oneimg {
        height: 200px;
      }
      .news-game-title-two {
        font-size: 16px;
        text-align: justify;
      }
      .news-game-discri {
        font-size: 14px;
      }
      .view-more-game {
        font-size: 14px;
      }
      .load-more-button {
        padding: 5px;
        font-weight: 400;
        font-size: 14px;
      }
      #app {
        width: 100%;
      }
    }
    @media only screen and (max-width: 350px) {
      .title-coming-game {
        gap: 5px;
      }
      .coming-t {
        font-size: 16px;
      }
      #fire-p {
        font-size: 20px;
      }
      .trending-title {
        font-size: 24px;
      }
      .news-tit-parttwo {
        font-size: 12px;
      }
      .news-game-title-two {
        font-size: 12px;
      }
      .news-game-discri {
        font-size: 12px;
      }
      .view-more-game {
        font-size: 12px;
      }
      .load-more-button {
        padding: 4px;
      }
      .post {
        padding: 15px 15px;
      }
      .poll-quation {
        font-size: 13px;
      }
      .poll-choice .answer {
        font-size: 14px;
      }
      .reset-part-poll {
        margin: 10px 0 10px 15px !important;
        font-size: 14px;
      }
    }
    @media only screen and (max-width: 270px) {
      .trending-title {
        font-size: 20px;
      }
      .coming-t {
        font-size: 12px;
      }
      #fire-p {
        font-size: 15px;
      }
    }
    /*-----------------------------------*\
        //         
      RESPONSIVE news details PART
        // \*-----------------------------------*/
    @media only screen and (max-width: 1300px) {
      .news-deatils-part {
        padding: 40px 15px 40px 15px !important;
      }
    }
    @media only screen and (max-width: 1200px) {
      .pollpart-ops {
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    }
    @media only screen and (max-width: 500px) {
      .news-deatils-part {
        padding: 30px 15px 30px 15px !important;
      }
      #news-details-subtitle {
        font-size: 16px;
      }
      #news-details-description {
        font-size: 16px;
      }
      #news-details-img {
        height: 200px;
      }
      .high-t {
        font-size: 24px;
      }
      #high-t {
        font-size: 22px;
      }
      .newhighlight-di {
        font-size: 14px;
      }
      .newsmore-part {
        font-size: 14px;
      }
      .fa-square {
        padding: 6px 10px 0 20px !important;
      }
    }
    @media only screen and (max-width: 500px) {
      #news-details-subtitle {
        font-size: 14px;
        text-align: center;
      }
      #news-details-description {
        font-size: 14px;
        text-align: justify;
      }
      #news-details-title {
        text-align: center;
      }
      .newhighlight-di {
        text-align: justify;
        font-size: 12px;
      }
      .newsmore-part {
        font-size: 12px;
      }
      .fa-square {
        padding: 6px 10px 0 10px !important;
      }
    }
    /*-----------------------------------*\
        //         
      RESPONSIVE GAME STREAM PART
        // \*-----------------------------------*/
    @media only screen and (max-width: 1300px) {
      .trending-section {
        padding: 40px 15px 40px 15px !important;
      }
    }
    @media only screen and (max-width: 500px) {
      .stream h3 {
        font-size: 14px;
      }
      .stream p {
        font-size: 14px;
      }
      .load-more-btn,
      .stream a {
        font-size: 16px !important;
        padding: 5px !important;
      }
    }
    @media only screen and (max-width: 270px) {
      .stream h3 {
        font-size: 12px;
      }
      .stream p {
        font-size: 12px;
      }
      .load-more-btn,
      .stream a {
        font-size: 14px !important;
      }
    }/*# sourceMappingURL=gamestreamnews.css.map */