.trending {
  position: relative;
  padding: 5px;
}

.trending img {
  width: 100%;
}

.trending h3::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 25 25"><image id="hot" width="25" height="25" xlink:href="data:img/png;base64,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"/></svg>');
  position: absolute;
  bottom: -3px;
  margin-left: 7px;
}

.trending h3 {
  position: relative;
  padding: 0 10px;
  font-weight: 700;
}

.trending_info {
  height: auto;
  padding: 7px;
}

.trending_info small {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 20px;
}

@media (min-width: 1280px) {
  .trending_img img {
    max-height: 150px;
    object-fit: cover;
  }
}

@media (max-width: 1200px) {
  .trending_img img {
    max-height: 190px;
    object-fit: cover;
  }
}

.trending_img {
  padding: 7px;
}

.scr {
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  --sb-track-color: #232E33;
  --sb-thumb-color: #f65310;
  --sb-size: 14px;
}

.sportl_sp {
  font-size: 12px;
  color: #f2f2f2;
  display: block;
  width: max-content;
  background: #0a0b0d;
  padding: 5px 25px;
  font-weight: 700;
  position: relative;
}

.spotlight .hr {
  display: block;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 16px;
  border-bottom: 1px solid #f65310;
  z-index: 0;
}

.new_post .hr {
  display: block;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 16px;
  border-bottom: 3px solid #f65310;
  z-index: -1;
}

.spotlight .head {
  position: relative;
  margin: 30px auto;
  width: 95%;
}

@media (max-width: 1140px) {
  .new_post .head {
    width: 95%;
  }
}

.new_post .head {
  position: relative;
  margin: 30px auto;
}

.newpost_sp {
  display: block;
  width: max-content;
  margin: auto;
  background: #ffffff;
  padding: 5px 25px;
  font-weight: 700;
}

.post_img {
  max-width: 346px;
}

.post_info span {
  font-size: small;
  font-weight: lighter;
}

.post_info {
  padding: 10px;
}

.post_img img {
  max-width: 100%;
}

@media (min-width: 576px) and (max-width: 700px) {
  .post_img img {
    max-width: 100%;
    height: 200px;
    object-fit: cover;
  }
}

.post_wrap {
  max-width: 1140px;
  margin: auto;
}

@media (min-width: 300px) {
  .post {
    padding: 10px;
  }
}

.righ_bar .ad2 {
  max-width: 300px;
  height: 600px;
  margin: 15px auto;
}

.righ_bar .ad2 img {
  width: 100%;
  height: 600px;
}

.mailin {
  height: 185px;
  padding: 15px;
  margin: 25px auto;
  background: #f8f8f8;
}

.mailin input {
  border-top-right-radius: 0px;
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px;
  border: 1px solid #bababa;
  max-width: 75%;
  height: 43px;
  padding: 1px 12px;
}

.mailin button {
  background: #FF6F2C;
  color: #333333;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 700;
  border: none;
  border-radius: 0;
  height: 43px;
}

.mailin span {
  font-size: small;
  font-weight: 700;
}

.mailin h6 {
  margin: 20px 0;
}

.mailin .inps {
  margin: 15px 0;
}

.feat_story_thum {
  height: 100px;
}

.feat_story_thum img {
  width: 100%;
  height: 100px;
}

.feat_story {
  padding: 10px;
  margin: 10px 0;
}

.headin .orang {
  display: inline-flex;
  width: 10%;
  height: 2px;
  background: #ff6f2c;
}

.headin .gra {
  display: inline-flex;
  width: 90%;
  height: 2px;
  background: #e6e6e6;
}

.post .row {
  margin: 15px auto;
}

.feat_story .row {
  margin: 15px auto;
}

.social .icon {
  border: 1px solid #e1e1e1;
  padding: 10px;
  min-width: 100px;
  text-align: center;
  flex-shrink: 1;
}

.social {
  display: flex;
  flex-wrap: wrap;
}

.icon .bi {
  font-size: 27px;
}

.icon span {
  font-size: 12px;
}

.icon h6 {
  font-size: 14px;
  margin: 5px 0px -2px;
  font-weight: 700;
}

.icon .bi-youtube {
  color: #ff0000;
}

.icon .bi-facebook {
  color: #1877F2;
}

.icon .bi-instagram {
  color: #FF543E;
}

.ads4 img {
  width: 100%;
  max-width: 970px;
  height: auto;
}

.spotlight .box1 {
  height: 520px;
}

.spotlight h4 {
  color: #fff;
}

.spotlight .ft {
  width: fit-content;
  font-size: small;
  padding: 1px 5px;
  background: #ff6f2c;
  font-weight: bold;
}

.box1 {
  padding: 12px;
  background-image: url('../../assets/img/spotlight/event0.avif');
  background-size: cover;
  background-position: center;
}

.spotlight .boxs {
  display: flex;
  padding: 5px;
  flex-direction: column;
  justify-content: end;
  height: 260px;
}

.boxs.box4 {
  background-image: url('../../assets/img/spotlight/event2.jpg');
  background-size: cover;
  background-position: center;
}

.boxs.box3 {
  background-image: url('../../assets/img/spotlight/event3.jpg');
  background-size: cover;
  background-position: center;
}

.boxs.box5 {
  background-image: url('../../assets/img/spotlight/event1.jpg');
  background-size: cover;
  background-position: center;
}

.boxs.box2 {
  background-image: url('../../assets/img/spotlight/event4.jpg');
  background-size: cover;
  background-position: center;
}

.latest_video {
  padding: 65px 25px;
  background: #143D22;
}

.latest_video span {
  display: block;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  margin: 10px 0;
}

.latest_video h1 {
  font-weight: bolder;
  color: #fff;
}

.latest_video p {
  color: #fff;
}

.latest_video button {
  font-size: 17px;
  font-weight: 500;
  background: #fff;
  color: #333333;
}

.partnership div {
  background: #b8b8b81a;
  padding: 50px 30px;
  text-align: center;
}

.partnership button:hover {
  color: #143d22;
  border: 1px solid #bababa;
}

.partnership button {
  color: #f2f2f2;
  background: #333333;
}

.partnership {
  padding: 55px 0;
}

.partnership span {
  display: block;
  font-size: 25px;
  font-weight: bold;
  margin: 25px 0;
}

.partnership div p {
  padding: 20px 0;
}

.headin {
  padding: 10px 0;
  margin: 15px 0;
}

.ads4 {
  margin: 15px 0;
  text-align: center;
  padding: 25px 3px;
  background: #f2f2f2;
}

.di1 {
  padding: 35px 10px;
}

.inps button {
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
}

.di1 button {
  padding: 12px;
}

.partnership p {
  max-width: 768px;
  margin: auto;
}

.latest_vid_inner {
  max-width: 1205px;
  margin: auto;
}

.my_video {
  max-width: 100%;
  border-radius: 9px;
}

@media (max-width: 484px) {
  .my_video {
    height: 235px!important;
  }
}

@media (min-width: 485px) and (max-width: 992px) {
  .my_video {
    height: 400px!important;
  }
}

.spotlight {
  background: #0a0b0d;
  padding: 50px 0;
}

.spotlight > div {
  max-width: 1440px;
  margin: auto;
}

.boxs {
  margin: 3px;
}

.headin h5 {
  font-size: 14px;
  margin-bottom: -5px;
}

.recent_news2 img {
  width: 157px;
  max-width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
}

.feat_story_info {
  padding: 7px;
}

.feat_story_info h6 {
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.feat_story_info span {
  font-size: 12px;
  color: #757575;
}

.recent_news2 {
  margin: 15px 0;
}

.recent_news2 .row {
  margin: 10px 0;
}

.righ_bar {
  padding: 10px;
}

@media (min-width: 405px) {
  .righ_bar {
    max-width: 405px;
    margin: auto;
  }
}

#comment .badge {
  font-size: 12px;
  line-height: 12px;
  background: rgba(0,0,0,0.5);
  margin-left: 12px;
}

.scr::-webkit-scrollbar {
  width: var(--sb-size);
}

.scr::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

.scr::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
}

.new_post_wr > a {
  position: absolute;
  width: 100%;
  height: 100%;
}

.new_post_wr {
  position: relative;
}

.nav-wrap .modal {
  --bs-modal-bg: #263f2f;
}