:root {
  --mobile-breakpoint: 768px;
  --margin-start: 70px;
  --margin-end: 70px;
  --header-height: 90px;
  --header-background-color: linear-gradient(180deg, rgba(26, 26, 26, 1) 0%, rgba(64, 64, 64, 1) 100%);
}

[v-cloak] {
  display: none !important;
}

.image-with-red {
  position: relative;
}
.image-with-red::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  inset-inline-start: 0;
  width: 30%;
  height: 3px;
  background: #c51017;
  transition: none;
}
.image-with-red:hover::before {
  transition: width 0.4s ease;
  transition-timing-function: cubic-bezier(1, 0, 0.84, 0.73);
  width: 100%;
}

@media screen and (max-width: 650px) {
  body {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }
  /* For Webkit browsers like Chrome and Safari */
  body::-webkit-scrollbar {
    display: none;
  }
}
.image-with-short-red {
  position: relative;
}
.image-with-short-red::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  inset-inline-start: 0;
  width: 20%;
  height: 3px;
  background: #c51017;
  transition: width 0.6s ease;
  transition-timing-function: cubic-bezier(1, 0, 0.84, 0.73);
}
.image-with-short-red:hover::before {
  width: 100%;
}

.highlight {
  cursor: pointer;
}

#backdrop {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  filter: binset-inline-startness(0.5);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: none;
  touch-action: none;
}
#backdrop.backdrop-open {
  display: block;
}

/* responsive variables */
@media screen and (max-width: 1024px) {
  :root {
    --margin-start: 22px;
    --margin-end: 22px;
  }
}
@media screen and (max-width: 980px) {
  :root {
    --margin-start: 10px;
    --margin-end: 10px;
    --header-height: 56px;
    --margin-text-picture: 5px;
    --between-components: 25px;
  }
}
* {
  direction: rtl;
  font-family: AutoFont, sans-serif;
}

/* Font Feature Settings for Arabic */
ul {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
a:hover {
  color: inherit;
}

@font-face {
  font-family: "Almarai";
  src: url("/fonts/almarai/Almarai-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Almarai Bold */
@font-face {
  font-family: "Almarai";
  src: url("/fonts/almarai/Almarai-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* Almarai ExtraBold */
@font-face {
  font-family: "Almarai";
  src: url("/fonts/almarai/Almarai-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
/* Roboto */
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Roboto Medium */
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* Roboto Bold */
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* Roboto Black */
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/* Archivo Medium */
/* Montserrat bold */
/* Arabic Font (Almarai) with Unicode Range */
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/almarai/Almarai-Regular.ttf") format("truetype");
  font-weight: normal;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/almarai/Almarai-Regular.ttf") format("truetype");
  font-weight: 500;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/almarai/Almarai-Bold.ttf") format("truetype");
  font-weight: 600;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/almarai/Almarai-Bold.ttf") format("truetype");
  font-weight: bold;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/almarai/Almarai-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/almarai/Almarai-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}
/* Latin Font (Roboto) with Unicode Range */
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  unicode-range: U+0000-024F;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  unicode-range: U+0000-024F;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/roboto/Roboto-SemiBold.ttf") format("truetype");
  font-weight: 600;
  unicode-range: U+0000-024F;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  unicode-range: U+0000-024F;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/roboto/Roboto-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  unicode-range: U+0000-024F;
}
@font-face {
  font-family: "AutoFont";
  src: url("/fonts/roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  unicode-range: U+0000-024F;
}
header {
  height: var(--header-height);
}

@media screen and (min-width: 981px) {
  .header-container {
    position: absolute;
    width: 100%;
    height: calc(100% - 500px);
  }
  .header-container .header {
    position: sticky;
    top: 0;
  }
}

.header {
  position: fixed;
  width: 100%;
  z-index: 10;
  color: #111;
  background-color: #fff;
  font-weight: bold;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}
@media screen and (max-width: 980px) {
  .header {
    display: none;
  }
}
.header .header-wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 26px;
  padding-bottom: 26px;
}
.header .header-wrapper .start-section {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 17px;
}
@media screen and (max-width: 1300px) {
  .header .header-wrapper .start-section {
    font-size: 14px;
  }
}
.header .header-wrapper .start-section .logo {
  width: 97px;
  height: 38px;
  cursor: pointer;
}
.header .header-wrapper .start-section .logo img {
  width: 100%;
  height: 100%;
}
.header .header-wrapper .start-section .nav-items {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding-inline-start: 0;
}
.header .header-wrapper .start-section .nav-items .selected-category {
  opacity: 0.5;
}
.header .header-wrapper .start-section .nav-items:has(.nav-item:hover) .nav-item:not(:hover) {
  opacity: 0.5;
}
.header .header-wrapper .start-section .nav-items .nav-item {
  position: relative;
  height: 100%;
  display: flex;
  padding-inline-end: 30px;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1500px) {
  .header .header-wrapper .start-section .nav-items .nav-item {
    padding-inline-end: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .header .header-wrapper .start-section .nav-items .nav-item {
    padding-inline-end: 15px;
  }
}
.header .header-wrapper .start-section .nav-items .nav-item.search {
  position: unset;
}
.header .header-wrapper .start-section .nav-items .nav-item.search::after {
  display: none;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  max-height: 0;
  width: 100%;
  height: 250px;
  padding: 0 20px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 5;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  overflow-y: hidden;
  transition: max-height 0.3s ease-in-out;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown.search-dropdown-open {
  max-height: 250px;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input {
  border: none;
  padding: 0;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input input[type=text] {
  border: none;
  padding: 0;
  border-radius: 5px;
  background-color: transparent;
  font-weight: 500;
  color: #fff;
  width: 90%;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input .icons-container {
  display: flex;
  align-items: center;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input .icons-container .fa-magnifying-glass {
  inset-inline-end: 0;
  font-size: 16px;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-input .icons-container .fa-times {
  inset-inline-end: 25px;
  font-size: 19px;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-filters {
  width: 100%;
}
.header .header-wrapper .start-section .nav-items .nav-item.search .search-dropdown .search-filters .search-filters-dropdown {
  width: 100%;
}
.header .header-wrapper .start-section .nav-items .nav-item .sub-menu {
  display: flex;
  position: absolute;
  top: calc(100% + 10px);
  flex-direction: column;
  gap: 10px;
  padding-inline-start: 10px;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  color: #000;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.51);
  max-height: 0;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  transition-timing-function: cubic-bezier(1, 0, 0.57, 1.54);
}
.header .header-wrapper .start-section .nav-items .nav-item .sub-menu .fa-chevron-down {
  color: #bfbfbf;
  margin-top: 5px;
}
.header .header-wrapper .start-section .nav-items .nav-item .sub-menu .sub-menu-item {
  text-wrap: nowrap;
  white-space: nowrap;
}
.header .header-wrapper .start-section .nav-items .nav-item .sub-menu .sub-menu-item:last-child {
  margin-bottom: 10px;
}
.header .header-wrapper .start-section .nav-items .nav-item .text {
  position: relative;
}
.header .header-wrapper .start-section .nav-items .nav-item .text:after {
  content: "";
  position: absolute;
  bottom: -10px;
  inset-inline-start: 0;
  width: 100%;
  height: 3px;
  background-color: #b90000;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
.header .header-wrapper .start-section .nav-items .nav-item .text:hover {
  opacity: 1;
}
.header .header-wrapper .start-section .nav-items .nav-item .text:hover .sub-menu {
  max-height: 200px;
}
.header .header-wrapper .start-section .nav-items .nav-item .text:hover:after {
  transform: scaleX(1);
}
.header .header-wrapper .end-section {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1100px) {
  .header .header-wrapper .end-section {
    gap: 15px;
  }
}
.header .header-wrapper .end-section .pages-nav {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .header .header-wrapper .end-section .pages-nav {
    font-size: 14px;
  }
}
.header .header-wrapper .end-section .pages-nav:has(.page:hover) .page:not(:hover) {
  opacity: 0.5;
}
.header .header-wrapper .end-section .pages-nav .vod {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline-end: 20px;
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  .header .header-wrapper .end-section .pages-nav .vod {
    padding-inline-end: 15px;
  }
}
.header .header-wrapper .end-section .pages-nav .icon-link {
  display: flex;
  align-items: center;
}
.header .header-wrapper .end-section .pages-nav .news {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline-end: 20px;
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  .header .header-wrapper .end-section .pages-nav .news {
    padding-inline-end: 15px;
  }
}
.header .header-wrapper .end-section .pages-nav .live {
  position: relative;
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #b90000;
  border-radius: 35px;
  gap: 10px;
  padding: 6px 10px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.header .header-wrapper .end-section .pages-nav .live:hover {
  border-radius: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #fff;
  color: #b90000;
  min-width: 82px;
}
.header .header-wrapper .end-section .pages-nav .live:hover svg path {
  fill: #b90000;
}
.header .header-wrapper .end-section .pages-nav .live:hover .live-dropdown {
  display: block;
  color: #fff;
  animation: rotateMenu 0.3s ease-in-out forwards;
}
.header .header-wrapper .end-section .pages-nav .live .text {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
.header .header-wrapper .end-section .pages-nav .live .live-dropdown {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  width: 100%;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: none;
  transition: all 0.3s ease-in-out;
}
.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item {
  position: relative;
  display: flex;
  padding: 7px 12px;
  justify-content: center;
}
.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item .logo {
  width: 80%;
}
.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item .logo.mtv-logo {
  width: 100%;
}
.header .header-wrapper .end-section .pages-nav .live .live-dropdown .live-item .logo img {
  width: 100%;
}
.header .header-wrapper .end-section .pages-nav .live .live-dropdown .separator {
  width: 100%;
  height: 4px;
  background-color: #ddd;
  margin: 0;
}
.header .header-wrapper .end-section .login-lang {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .header-wrapper .end-section .login-lang .login {
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 30px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.3s ease-in-out;
}
.header .header-wrapper .end-section .login-lang .login .fa-circle-user::before {
  color: #1b2250;
}
@media only screen and (min-width: 768px) {
  .header .header-wrapper .end-section .login-lang .login:hover {
    background-color: #b90000;
  }
}
.header .header-wrapper .end-section .login-lang .lang {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  font-weight: 800;
  background-color: #1b2250;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .header .header-wrapper .end-section .login-lang .lang:hover {
    color: #b90000;
  }
}
.header .header-wrapper .end-section .weather {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 1300px) {
  .header .header-wrapper .end-section .weather {
    display: none;
  }
}
.header .header-wrapper .end-section .weather .temperature {
  display: flex;
  align-items: center;
}

.bottom-menu-mobile {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 10;
  border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
}
@media screen and (max-width: 980px) {
  .bottom-menu-mobile {
    display: flex;
  }
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper {
  height: var(--header-height);
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item {
  padding-top: 11px;
  padding-bottom: 11px;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.bottom-menu-more .icon.more-icons {
  height: 100%;
  display: flex;
  align-items: center;
  width: 25px;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.bottom-menu-more .icon.more-icons i {
  font-size: 25px;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.bottom-menu-logo img {
  width: auto;
  height: 100%;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live-second .icon {
  padding-top: 2px;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live-second .label {
  color: #b90000;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon {
  height: 18px;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon i {
  font-size: 17px;
}
.bottom-menu-mobile.top-menu-news-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .label {
  font-size: 10px;
  font-weight: 700;
  line-height: 0.7;
}
.bottom-menu-mobile .bottom-menu-wrapper {
  width: 100%;
  display: flex;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  height: 70px;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live .icon {
  display: flex;
  margin-bottom: 6px;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live .icon svg path {
  fill: #c51017;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item.live .label {
  color: #c51017;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon.more-icons .fa-xmark {
  display: none;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon.more-icons.more-menu-opened img {
  display: none;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon.more-icons.more-menu-opened .fa-xmark {
  display: block;
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon i {
  font-size: 22px;
  color: #1c2351;
}
@media screen and (max-width: 450px) {
  .bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .icon i {
    font-size: 18px;
  }
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .label {
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  color: #1c2351;
  text-transform: uppercase;
}
@media screen and (max-width: 450px) {
  .bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-item .label {
    font-size: 9px;
  }
}
.bottom-menu-mobile .bottom-menu-wrapper .bottom-menu-content .bottom-menu-logo img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.live-second {
  position: relative;
  color: #b90000;
  border-radius: 35px;
  cursor: pointer;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.live-second .icon svg {
  vertical-align: unset;
  width: -moz-fit-content;
  width: fit-content;
}
.live-second .label {
  color: #b90000;
}
.live-second svg path {
  fill: #b90000;
}
.live-second.show .live-dropdown-second {
  display: block;
  animation: rotateMenu 0.3s ease-in-out forwards;
}
.live-second.show .live-dropdown-second .separator-second {
  margin: 5px 0;
}
.live-second .text-second {
  font-size: 14px;
  font-weight: 900;
}
.live-second .live-dropdown-second {
  position: absolute;
  width: 80px;
  inset-inline-end: -10px;
  top: var(--header-height);
  background-color: #fff;
  display: none;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.live-second .live-dropdown-second .live-item-second {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.live-second .live-dropdown-second .live-item-second .logo-second {
  width: 80%;
}
.live-second .live-dropdown-second .live-item-second .logo-second.mtv-logo {
  width: 100%;
}
.live-second .live-dropdown-second .live-item-second .logo-second img {
  width: 100%;
}
.live-second .live-dropdown-second .separator {
  margin: 0;
  height: 4px;
  background-color: #ddd;
}

.footer {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 9;
}
@media screen and (max-width: 1024px) {
  .footer {
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.footer .half-start {
  padding-inline-start: var(--margin-start);
  background-color: #1e2131;
  width: 50%;
}
@media screen and (max-width: 1100px) {
  .footer .half-start {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .footer .half-start {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
    padding-bottom: 40px;
  }
}
.footer .half-start .section-content-800 {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-top: 45px;
  margin-inline-end: 0;
  max-width: 800px;
  margin-inline-start: auto;
}
@media screen and (max-width: 1024px) {
  .footer .half-start .section-content-800 {
    margin: unset;
  }
}
@media screen and (max-width: 980px) {
  .footer .half-start .section-content-800 {
    gap: 30px;
    max-width: unset;
    padding-top: 20px;
  }
}
.footer .half-start .top-section {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 980px) {
  .footer .half-start .top-section {
    justify-content: center;
  }
}
.footer .half-start .top-section .title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
}
@media screen and (max-width: 980px) {
  .footer .half-start .top-section .title {
    text-align: center;
    font-size: 16px;
    width: 100%;
    font-weight: 600;
  }
}
.footer .half-start .top-section .email-socials-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  width: 90%;
}
@media screen and (max-width: 980px) {
  .footer .half-start .top-section .email-socials-container {
    width: 100%;
  }
}
.footer .half-start .top-section .email {
  position: relative;
}
.footer .half-start .top-section .email input {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.08);
  border: none;
  height: 47px;
  padding-inline-end: 50px;
  padding-inline-start: 20px;
  color: #fff;
  outline: none;
}
.footer .half-start .top-section .email .icon {
  position: absolute;
  top: 15px;
  inset-inline-end: 20px;
  cursor: pointer;
}
.footer .half-start .top-section .email .message {
  font-size: 14px;
  margin: 0;
  padding-inline-start: 20px;
}
.footer .half-start .top-section .email .message.error {
  color: #b90000;
}
.footer .half-start .top-section .email .message.success {
  color: #4bb543;
}
.footer .half-start .top-section .socials {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media screen and (max-width: 980px) {
  .footer .half-start .top-section .socials {
    justify-content: space-between;
  }
}
.footer .half-start .top-section .socials .social {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 20px);
}
.footer .half-start .top-section .socials .social-mtvnews .text {
  text-align: center;
  direction: ltr;
  color: #ffffff;
}
.footer .half-start .top-section .socials .social-mtv .text {
  text-align: center;
  direction: ltr;
  color: #ffffff;
}
@media screen and (max-width: 980px) {
  .footer .half-start .top-section .socials .social-mtv .text {
    text-align: end;
  }
}
.footer .half-start .top-section .socials .social .social-icons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  list-style: none;
  color: #ffffff;
  padding: 0;
}
@media screen and (max-width: 980px) {
  .footer .half-start .top-section .socials .social .social-icons {
    padding: 0;
    gap: 20px;
    padding-top: 5px;
  }
}
@media screen and (max-width: 430px) {
  .footer .half-start .top-section .socials .social .social-icons {
    gap: 10px;
  }
}
.footer .half-start .bottom-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: 100%;
}
.footer .half-start .bottom-section .stores {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 980px) {
  .footer .half-start .bottom-section .stores {
    justify-content: center;
  }
}
.footer .half-start .bottom-section .stores .app-store,
.footer .half-start .bottom-section .stores .google-play {
  width: auto;
  height: 47px;
  overflow: visible;
}
.footer .half-start .bottom-section .stores .app-store img,
.footer .half-start .bottom-section .stores .google-play img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer .half-start .bottom-section .copyright {
  color: #f2f2f2;
  max-width: 300px;
  direction: ltr;
  text-align: end;
}
@media screen and (max-width: 980px) {
  .footer .half-start .bottom-section .copyright {
    text-align: center;
    margin: auto;
  }
}
.footer .half-start .bottom-section .copyright p {
  direction: ltr;
  text-align: end;
  font-size: 9px;
}
.footer .half-end {
  padding-inline-end: var(--margin-end);
  width: 50%;
  background-color: #1e2131;
}
@media screen and (max-width: 1100px) {
  .footer .half-end {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .footer .half-end {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    position: fixed;
    top: var(--header-height);
    height: calc(100% - var(--header-height));
    width: 100%;
    z-index: 9;
    padding: 0;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }
  .footer .half-end::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }
}
.footer .half-end.footer-half-end-open {
  max-height: 585px;
  overflow: scroll;
}
.footer .half-end .section-content-800 {
  display: flex;
  justify-content: space-between;
  padding-top: 95px;
  margin-inline-start: 0;
  max-width: 800px;
  margin-inline-end: auto;
}
@media screen and (max-width: 980px) {
  .footer .half-end .section-content-800 {
    max-width: unset;
  }
}
.footer .half-end .section-content-800 .news .mobile-login-lang {
  display: none;
  gap: 15px;
  position: absolute;
  top: 23px;
  inset-inline-end: var(--margin-start);
  z-index: 9;
}
@media screen and (max-width: 980px) {
  .footer .half-end .section-content-800 .news .mobile-login-lang {
    display: flex;
  }
}
@media screen and (max-width: 980px) {
  .footer .half-end .section-content-800 .news .news-item {
    font-weight: bold;
    font-size: 18px;
    padding-inline-start: var(--margin-start);
  }
}
.footer .half-end .section-content-800 .news {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  font-size: 14px;
  color: #ffffff;
}
@media screen and (max-width: 980px) {
  .footer .half-end .section-content-800 .news {
    padding: 0;
  }
}
.footer .half-end .section-content-800 .news .title {
  color: #b90000;
}
@media screen and (max-width: 980px) {
  .footer .half-end .section-content-800 .news .title {
    font-size: 19px;
    font-weight: 800;
    padding-inline-start: var(--margin-start);
    padding-top: 55px;
  }
}
.footer .half-end .section-content-800 .news .news-item {
  position: relative;
  cursor: pointer;
}
.footer .half-end .section-content-800 .news .news-item:hover {
  color: #b90000;
}
.footer .half-end .section-content-800 .programs {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  font-size: 14px;
  color: #ffffff;
}
.footer .half-end .section-content-800 .programs .programs-item {
  cursor: pointer;
}
.footer .half-end .section-content-800 .programs .programs-item:hover {
  color: #b90000;
}
.footer .half-end .section-content-800 .programs .programs-item.title {
  color: #b90000;
  cursor: default;
}
.footer .half-end .section-content-800 .programs .live-button {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  height: 35px;
  max-width: 130px;
  width: 100%;
  background-color: #b90000;
  margin-top: 40px;
  padding: 5px;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .footer .half-end .section-content-800 .programs .live-button {
    display: none;
  }
}
.footer .half-end .section-content-800 .programs .live-button .live-text {
  align-self: center;
  font-size: 14px;
  text-wrap: nowrap;
  white-space: nowrap;
  color: #ffffff;
  font-weight: bold;
}
.footer .half-end .section-content-800 .programs .live-button .live-icon {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
}
.footer .half-end .section-content-800 .programs .live-button .live-icon .icon {
  height: 15px;
  width: 25px;
}
.footer .half-end .section-content-800 .info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  font-size: 14px;
  color: #ffffff;
}
.footer .half-end .section-content-800 .info:last-child {
  padding: 0;
}
.footer .half-end .section-content-800 .info .info-item {
  cursor: pointer;
}
.footer .half-end .section-content-800 .info .info-item:hover {
  color: #b90000;
}
@media screen and (max-width: 1100px) {
  .footer .half-end .section-content-800 .info {
    padding-inline-end: 0;
  }
}
.footer .half-end .section-content-800 .divider {
  height: 50px;
  width: 1px;
  background-color: #c51017;
}
@media screen and (max-width: 980px) {
  .footer .half-end .section-content-800 {
    flex-direction: column;
    justify-content: unset;
    padding: 0;
    background-color: #fff;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
  .footer .half-end .section-content-800 .news {
    position: relative;
    background-color: #1e2131;
  }
  .footer .half-end .section-content-800 .news .login {
    display: flex;
    align-items: center;
  }
  .footer .half-end .section-content-800 .news .login i {
    font-size: 17px;
  }
  .footer .half-end .section-content-800 .news .lang {
    font-weight: 900;
    font-size: 11px;
    padding: 4px 7px;
    background-color: #b90000;
    color: #fff;
  }
  .footer .half-end .section-content-800 .news .news-items-container {
    flex-wrap: wrap;
    gap: 20px;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    gap: 10px;
  }
  .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item {
    position: relative;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    padding-inline-start: var(--margin-start);
    flex-basis: 50%;
  }
  .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item::before {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-end: var(--margin-end);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-inline-start: 6px solid #fff;
  }
  .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item .news-item:nth-last-child(1) {
    flex: 1 1 100%; /* If the last item is alone, make it take the full width */
  }
  .footer .half-end .section-content-800 .news .news-items-container .news-items-wrapper .news-item::after {
    content: "";
    position: absolute;
    bottom: -10px;
    inset-inline-start: 0;
    height: 1px;
    width: 100%;
    background-color: #707070;
  }
  .footer .half-end .section-content-800 .news .news-takarir {
    display: none;
  }
  .footer .half-end .section-content-800 .programs {
    color: #3d3d3d;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
  .footer .half-end .section-content-800 .programs .programs-item {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: bold;
  }
  .footer .half-end .section-content-800 .programs .programs-item.title {
    color: #b90000;
    font-weight: 800;
    font-size: 18px;
    padding-top: 25px;
  }
  .footer .half-end .section-content-800 .programs .live-button {
    display: none;
  }
  .footer .half-end .section-content-800 .info {
    display: flex;
    flex-direction: row;
    color: #9c9c9c;
  }
  .footer .half-end .section-content-800 .info .info-wrapper {
    width: 45%;
  }
  .footer .half-end .section-content-800 .info .info-wrapper .info-item {
    padding-bottom: 10px;
  }
  .footer .half-end .section-content-800 .info:last-child {
    padding: 0 var(--margin-start);
    padding-bottom: 50px;
  }
  .footer .half-end .section-content-800 .divider:nth-child(2) {
    display: none;
  }
  .footer .half-end .section-content-800 .divider.programs-divider {
    width: 100%;
    height: 1px;
    background-color: rgba(112, 112, 112, 0.5);
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.search-result-body .search-result-wrapper {
  max-width: 1600px;
  margin: auto;
}
.search-result-body .section-header .section-header__title {
  padding-inline-end: 5px;
}
.search-result-body .search-result-al-mazid {
  padding-top: 25px;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-al-mazid {
    padding-top: 20px;
  }
}
.search-result-body .search-bar-wrapper {
  width: 100%;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
@media screen and (min-width: 1600px) {
  .search-result-body .search-bar-wrapper {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
.search-result-body .search-bar-wrapper .search-bar {
  margin-top: 57px;
  border: #dcdcdc 1px solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0509803922);
}
.search-result-body .search-bar-wrapper .search-bar .search-input {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-inline-end: 19px;
  padding-inline-start: 20px;
  position: relative;
  height: 47px;
  border-inline-end: 1px solid #dcdcdc;
}
.search-result-body .search-bar-wrapper .search-bar .search-input input {
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  padding-inline-end: 20px;
}
.search-result-body .search-bar-wrapper .search-bar .search-input i {
  position: absolute;
  inset-inline-end: 19px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.search-result-body .search-bar-wrapper .search-bar .search-filters .search-filters-dropdown {
  position: absolute;
  top: 48px;
  inset-inline-start: -1px;
  z-index: 1;
  width: calc(100% + 2px);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  padding-inline-start: 31px;
  padding-inline-end: 14px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.search-result-body .search-result-small-header {
  overflow-x: scroll;
  margin-top: 30px;
  display: none;
}
.search-result-body .search-result-small-header::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-small-header {
    display: block;
  }
}
.search-result-body .search-result-small-header .search-result-small-header-wrapper {
  padding-inline-end: var(--margin-end);
  padding-inline-start: var(--margin-start);
  display: flex;
  gap: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header {
  cursor: pointer;
}
.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header__title {
  margin: 0;
}
.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header-text {
  white-space: nowrap;
  transition: color 0.5s ease;
}
.search-result-body .search-result-small-header .search-result-small-header-wrapper .section-header__title--red-line {
  padding-inline-end: 0;
}
.search-result-body .search-result-small-header .search-result-small-header-wrapper .undisplayed-header .section-header-text {
  color: rgba(0, 0, 0, 0.55);
  padding-inline-start: 0;
}
.search-result-body .search-result-small-header .search-result-small-header-wrapper .undisplayed-header .section-header-number {
  color: rgba(185, 0, 0, 0.55);
}
.search-result-body .search-result-small-reel {
  overflow-x: scroll;
  margin-top: 30px;
  display: none;
}
.search-result-body .search-result-small-reel::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-small-reel {
    display: block;
  }
}
.search-result-body .search-result-small-reel .search-result-small-reel-wrapper {
  padding-inline-end: var(--margin-end);
  padding-inline-start: var(--margin-start);
  display: flex;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.search-result-body .search-result-small-reel .search-result-small-reel-wrapper .search-result-small-reel {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: rgb(197, 16, 23) solid 2px;
}
.search-result-body .search-result-small-reel .search-result-small-reel-wrapper .search-result-small-reel img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.search-result-body .search-result-titles {
  margin: 0;
  font-size: 30px;
}
.search-result-body .section-header-number {
  font-weight: bold;
  font-size: 15px;
  color: rgb(185, 0, 0);
}
.search-result-body .search-result-content {
  overflow-x: hidden;
  margin-bottom: 36px;
}
.search-result-body .search-result-content-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 47px;
  width: 100%;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
@media screen and (min-width: 1600px) {
  .search-result-body .search-result-content-container {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container {
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 300vw;
    transition: transform 0.5s ease;
    justify-content: unset;
  }
  .search-result-body .search-result-content-container .section-header {
    display: none;
  }
}
.search-result-body .search-result-content-container .search-result-content-right {
  width: 43%;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-right {
    width: 30%;
  }
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-right {
    width: 100vw;
  }
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content {
  display: flex;
  flex-direction: column;
  gap: 21px;
  margin-top: 32px;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    margin-top: 0;
  }
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item {
  display: flex;
  gap: 9px;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item {
    width: 49%;
    margin-bottom: 27px;
  }
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-image-container {
  overflow: hidden;
  width: 35%;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-image-container {
    width: 100%;
  }
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out;
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item img:hover {
  transform: scale(1.2);
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item img {
    width: 100%;
  }
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title {
  width: 75%;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title {
    width: 100%;
  }
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title div {
  font-weight: bold;
  font-size: 20px;
  margin: 0;
  margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title div {
    font-size: 15px;
  }
}
.search-result-body .search-result-content-container .search-result-content-right .search-result-news-content .search-result-news-item .search-result-news-title p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 0;
  direction: ltr;
  text-align: end;
}
.search-result-body .search-result-content-container .search-result-content-left {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-left {
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left {
    width: 200vw;
    flex-direction: row;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews {
    width: 100vw;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 15px;
  flex-direction: row;
  margin-inline-start: 10px;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters {
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    margin-inline-start: 0;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters .search-result-chapter {
  width: 48%;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-news-interviews .search-result-chapters .search-result-chapter {
    width: 48%;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-video-episode {
  margin-top: 77px;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-video-episode {
    margin-top: 0;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels {
  margin-top: 66px;
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels {
    display: none;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content {
  margin-inline-start: 12px;
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
  width: 49%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
    flex-direction: column;
    width: 40%;
  }
}
@media screen and (max-width: 850px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
    width: 46%;
  }
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel {
    display: none;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image {
  position: relative;
  width: 40%;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image {
    width: 100%;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image img:hover {
  transform: scale(1.2);
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image .search-result-chapter-play-icon {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  background-color: rgb(185, 0, 0);
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-image .search-result-chapter-play-icon img {
  width: 6px;
  height: 7px;
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title {
  width: 58%;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title {
    width: 100%;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-desc {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-desc {
    margin-top: 8px;
  }
}
.search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-date {
  margin-top: 17px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
  direction: ltr;
  text-align: end;
}
@media screen and (max-width: 1024px) {
  .search-result-body .search-result-content-container .search-result-content-left .search-result-reels .search-result-reels-content .search-result-reel .search-result-reel-title .search-result-reel-date {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 600px) {
  .search-result-body .search-bar-wrapper .search-bar {
    margin-top: 25px;
    flex-direction: column;
  }
  .search-result-body .search-bar-wrapper .search-bar .search-input {
    border-inline-end: none;
    border-bottom: 1px solid #dcdcdc;
  }
  .search-result-body .search-bar-wrapper .search-bar .search-filters {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
  }
  .search-result-body .search-bar-wrapper .search-bar .search-filters .category-filter,
  .search-result-body .search-bar-wrapper .search-bar .search-filters .date-filter {
    align-items: center;
    width: 50%;
    padding-inline-end: 19px;
    padding-inline-start: 20px;
  }
  .search-result-body .search-bar-wrapper .search-bar .search-filters .category-filter {
    border-inline-end: none;
    border: none;
  }
  .search-result-body .search-bar-wrapper .search-bar .search-filters .date-filter {
    border-inline-end: 1px solid #dcdcdc;
  }
}
[v-cloak] {
  display: none !important;
}

.section-header {
  display: flex;
  align-items: center;
}
.section-header.section-header--white .section-header__title {
  --section-title-color: #fff;
}
.section-header.section-header--latin .section-header__title .section-header-text {
  font-weight: 900;
  color: #1e2131;
}
.section-header.section-header--ltr .section-header__title--red-line:before {
  inset-inline-end: 0;
}
.section-header.section-header--ltr .section-header__title .section-header-text {
  padding-inline-end: 20px;
  color: #1e2131;
}
.section-header .section-header__title {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--section-title-color, #000);
}
.section-header .section-header__title--red-line {
  position: relative;
}
.section-header .section-header__title--red-line:before {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  width: 7px;
  height: 100%;
  background-color: #c51017;
  transform: translateY(-50%);
}
.section-header .section-header__title .section-header-text {
  padding-inline-start: 20px;
  color: #1e2131;
}

.search-result-chapter {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.search-result-chapter .search-result-chapter-image-section {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.search-result-chapter .search-result-chapter-image-section .search-result-chapter-image {
  width: 100%;
  aspect-ratio: 16/9;
  transition: 0.1s all ease-in-out;
}
.search-result-chapter .search-result-chapter-image-section .search-result-chapter-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.search-result-chapter .search-result-chapter-image-section .search-result-chapter-fullscreen-icon {
  position: absolute;
  top: 7px;
  inset-inline-start: 6px;
}
.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play .search-result-chapter-play-duration {
  color: rgba(255, 255, 255, 0.64);
  font-weight: bold;
}
.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play .search-result-chapter-play-icon {
  background-color: rgb(185, 0, 0);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-result-chapter .search-result-chapter-image-section .search-result-chapter-play .search-result-chapter-play-icon img {
  width: 14px;
  height: 17px;
}
.search-result-chapter .search-result-chapter-red-line {
  width: 30%;
  height: 0px;
  border-bottom: 3px solid rgb(185, 0, 0);
  margin-bottom: var(--margin-text-picture);
  transition: 0.1s width ease-in-out;
}
.search-result-chapter:hover .search-result-chapter-red-line {
  transition: width 0.5s ease-in-out;
  transition-timing-function: cubic-bezier(1, 0, 0.84, 0.73);
  width: 100%;
}
.search-result-chapter:hover .search-result-chapter-image {
  transition: transform 0.3s ease-in-out;
  transform: scale(1.2);
}
.search-result-chapter .search-result-chapter-title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  color: #1e2131;
}
.search-result-chapter .search-result-chapter-date {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
  direction: ltr;
  text-align: end;
}
.search-result-chapter .search-result-chapter-program {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-chapter .search-result-chapter-program .search-result-chapter-program-name {
  font-size: 15px;
  color: rgb(185, 0, 0);
  font-weight: bold;
}
.search-result-chapter .search-result-chapter-program .search-result-chapter-episode-number {
  font-size: 14px;
  color: rgb(185, 0, 0);
  font-weight: bold;
}
.search-result-chapter .search-result-chapter-program-type {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
}

.highlight {
  width: 100%;
}
.highlight .highlight-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.highlight .highlight-image .highlight-image-redline {
  width: 25%;
  border: solid 2.5px rgb(197, 16, 23);
  transition: width 0.5s ease-in-out;
  transition-timing-function: cubic-bezier(1, 0, 0.84, 0.73);
}
.highlight:hover .highlight-image-redline {
  width: 100%;
}
.highlight:hover .highlight-image-redline {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .highlight .highlight-content {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
}
.highlight .highlight-content .highlight-title {
  font-size: 29px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .highlight .highlight-content .highlight-title {
    font-size: 20px;
  }
}
.highlight .highlight-content .highlight-text {
  width: 85%;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.highlight .highlight-content .highlight-time {
  display: none;
  font-size: 12px;
  direction: ltr;
  text-align: inset-inline-start;
  color: #c9c9c9;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .highlight .highlight-content .highlight-time {
    display: block;
  }
}

.search-result-al-mazid {
  font-size: 25px;
  border-bottom: rgb(197, 16, 23) solid 4px;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 8px;
  cursor: pointer;
}

.search-input {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-inline-end: 19px;
  padding-inline-start: 20px;
  position: relative;
  height: 47px;
  border-inset-inline-end: 1px solid #dcdcdc;
}
.search-input input {
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  padding-inline-end: 20px;
}
.search-input i {
  position: absolute;
  inset-inline-end: 19px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.search-filters {
  width: 406px;
  display: flex;
  flex-direction: row;
  height: 47px;
  position: relative;
}
.search-filters p {
  margin: 0;
}

.search-filters-dropdown-custom {
  position: absolute;
  top: 51px;
  inset-inline-start: 0;
  z-index: 2;
  width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0509803922);
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding-inline-start: 16px;
  padding-inline-end: 22px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.category-filter,
.date-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 203px;
  padding-inline-start: 31px;
  padding-inline-end: 14px;
  height: 100%;
  cursor: pointer;
}
.category-filter i,
.date-filter i {
  transition: transform 0.5s ease;
}

.category-filter {
  border-inset-inline-end: 1px solid #dcdcdc;
}

.search-filters-dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
}
.search-filters-dropdown-item p {
  font-weight: bold;
  margin-bottom: 0;
}
.search-filters-dropdown-item i {
  color: #c8c8c8;
}
@media only screen and (min-width: 768px) {
  .search-filters-dropdown-item:hover p {
    color: #c51017;
  }
  .search-filters-dropdown-item:hover i {
    color: #c51017;
  }
}

.search-filter-dropdown-video {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  cursor: pointer;
  border-bottom: 1px solid #c8c8c8;
}
.search-filter-dropdown-video .search-filter-dropdown-video-first {
  display: flex;
  gap: 15px;
  align-items: center;
}
.search-filter-dropdown-video .search-filter-dropdown-video-first p {
  font-weight: bold;
}
.search-filter-dropdown-video .search-filter-dropdown-video-first img {
  width: 60px;
  height: 36px;
}
@media only screen and (min-width: 768px) {
  .search-filter-dropdown-video:hover p {
    color: #c51017;
  }
  .search-filter-dropdown-video:hover i {
    color: #c51017;
  }
}
.search-filter-dropdown-video i {
  width: 19px;
  height: 19px;
  font-size: 19px;
}

.search-filters-dropdown-last-item {
  border: none;
}

.al-mawadi3-dropdown {
  max-width: 697px;
  width: 100%;
  position: absolute;
  top: 67.5px;
  inset-inline-end: 0;
  background-color: #fff;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, box-shadow 0.3s ease, border 0.3s ease;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper {
  padding: 10px 33px;
  width: 100%;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input {
  width: 100%;
  position: relative;
  border-bottom: 1px rgba(112, 112, 112, 0.16) solid;
  padding-bottom: 11.38px;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input input {
  width: 100%;
  border: none;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input input:focus {
  outline: none;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-input i {
  position: absolute;
  inset-inline-end: 0;
  top: 7px;
  color: #000;
  cursor: pointer;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 26.68px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item {
  flex-basis: calc(33.3% - 8px);
  /* Adjust the width and gap as needed */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 16.52px;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item .dropdown-hashtag-container {
  display: flex;
  align-items: center;
  gap: 2px;
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item input {
  cursor: pointer;
  accent-color: rgb(185, 0, 0);
}
.al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item label {
  color: rgb(80, 80, 80);
  font-size: 17px;
  font-weight: bold;
}

.al-mawadi3-dropdown-show {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: rgb(233, 233, 233) solid 1px;
  max-height: 500px !important;
}

.search-filters-dropdown-show {
  max-height: 500px !important;
  border: 1px solid #dcdcdc;
}

.x-button {
  position: absolute;
  display: none;
  top: calc(var(--header-height) + 20px);
  inset-inline-end: 22.93px;
  font-size: 20px;
  z-index: 3;
}
@media screen and (max-width: 980px) {
  .x-button {
    display: block;
  }
}

.x-button-white i {
  color: #fff;
}

.takarir-search-bar {
  margin-top: 33px;
  border: #dcdcdc 1px solid;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0509803922);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;
}
@media screen and (max-width: 850px) {
  .takarir-search-bar {
    flex-direction: column;
  }
}
.takarir-search-bar .search-input {
  border-inset-inline-end: 1px solid #eeeeee;
}
@media screen and (max-width: 850px) {
  .takarir-search-bar .search-input {
    border-inset-inline-end: none;
    border-bottom: 1px solid #eeeeee;
  }
}
.takarir-search-bar .search-input input {
  width: 100%;
  background-color: #fff;
}
.takarir-search-bar .search-filters {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: 170px 190px 160px;
}
.takarir-search-bar .search-filters .date-filter {
  width: 100%;
  border-inset-inline-end: 1px solid #eeeeee;
  padding-inline-start: 14px;
  height: 47px;
}
.takarir-search-bar .search-filters .date-filter i {
  color: #555555;
}
.takarir-search-bar .search-filters .category-filter {
  width: 100%;
  border: none;
}
.takarir-search-bar .search-filters .date-order-filter {
  width: 100%;
  padding-inline-start: 14px;
  border-inset-inline-end: 1px solid #eeeeee;
}
@media screen and (max-width: 850px) {
  .takarir-search-bar .search-filters {
    width: 100%;
    grid-template-columns: 33.4% 33.3% 33.3%;
  }
  .takarir-search-bar .search-filters .category-filter {
    padding-inline-end: 19px;
    padding-inline-start: 14px;
  }
}
@media screen and (max-width: 650px) {
  .takarir-search-bar .search-filters {
    width: 100%;
    grid-template-columns: 50% 50%;
    height: 94px;
  }
  .takarir-search-bar .search-filters .date-order-filter {
    grid-row: 1;
    grid-column: 1/span 2;
    border-bottom: 1px solid #eeeeee;
    border-inset-inline-end: none;
    height: 47px;
  }
}

.share-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 13px;
  inset-inline-start: 20px;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 1;
}

.is-video-icon {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: #c51017;
  color: #fff;
}

.arrow-rotate {
  transform: rotate(180deg);
}

.social-media-container {
  position: absolute;
  bottom: 0;
  height: 100%;
  min-height: 290px;
  width: -moz-fit-content;
  width: fit-content;
  inset-inline-start: 3px;
}
@media screen and (min-width: 1601px) {
  .social-media-container {
    inset-inline-start: -67px;
  }
}
@media screen and (max-width: 1024px) {
  .social-media-container {
    inset-inline-start: 3px !important;
    pointer-events: none;
  }
}

.articles-social-media-links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: sticky;
  z-index: 3;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  padding: 16px;
  color: #555555;
  top: calc(var(--header-height) + 20px);
  margin-bottom: 10px;
  gap: 30px;
  height: -moz-min-content;
  height: min-content;
}
.articles-social-media-links .adjust-font-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .articles-social-media-links {
    flex-direction: row;
    position: fixed;
    top: auto;
    bottom: 18px;
    margin-top: 0;
    justify-content: space-between;
    background-color: unset;
    box-shadow: unset;
    padding: 0;
    gap: 3px;
    pointer-events: initial;
    margin-bottom: 0;
  }
  .articles-social-media-links.stop {
    position: absolute;
    bottom: 18px;
  }
  .articles-social-media-links .adjust-font-container {
    flex-direction: row;
    gap: 0px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}
.articles-social-media-links .articles-social-media-link {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  height: 17px;
}
.articles-social-media-links .articles-social-media-link img {
  height: 17px;
  width: auto;
}
.articles-social-media-links .articles-social-media-link.facebook {
  font-size: 21px;
}
.articles-social-media-links .articles-social-media-link.facebook i {
  color: #1877f2;
}
.articles-social-media-links .articles-social-media-link.x-twitter {
  font-size: 21px;
}
.articles-social-media-links .articles-social-media-link.x-twitter i {
  color: #000;
}
.articles-social-media-links .articles-social-media-link.whatsapp {
  font-size: 21px;
}
.articles-social-media-links .articles-social-media-link.whatsapp i {
  color: #25d366;
}
@media screen and (max-width: 1024px) {
  .articles-social-media-links .articles-social-media-link {
    background-color: #fff;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .articles-social-media-links .articles-social-media-link.share {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
  .articles-social-media-links .articles-social-media-link.facebook {
    background-color: #1877f2;
  }
  .articles-social-media-links .articles-social-media-link.facebook i {
    color: #fff;
  }
  .articles-social-media-links .articles-social-media-link.x-twitter {
    background-color: #000;
  }
  .articles-social-media-links .articles-social-media-link.x-twitter i {
    color: #fff;
  }
  .articles-social-media-links .articles-social-media-link.whatsapp {
    background-color: #25d366;
  }
  .articles-social-media-links .articles-social-media-link.whatsapp i {
    color: #fff;
  }
}
.articles-social-media-links .articles-social-media-link .media-button {
  font-size: 15px;
  font-weight: bold;
  direction: ltr;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 17px;
  height: -moz-fit-content;
  height: fit-content;
}
.articles-social-media-links .articles-social-media-link .media-button .fa-a {
  font-size: 12px;
  font-weight: 900;
  line-height: 20px;
}
.articles-social-media-links .articles-social-media-link .media-button h6 {
  margin: 0;
  font-weight: bold;
}
.articles-social-media-links .articles-social-media-link .media-button p {
  margin: 0;
  line-height: 12px;
}
.articles-social-media-links .articles-social-media-link .media-button .articles-a- {
  font-size: 19px;
  height: -moz-fit-content;
  height: fit-content;
}
.articles-social-media-links .articles-social-media-link .articles-a {
  justify-content: space-between;
}

@media screen and (max-width: 980px) {
  .sticky-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    inset-inline-end: 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 980px) {
  .sticky-container .stickyHeader {
    position: sticky !important;
    top: calc(var(--header-height) - 1px);
    inset-inline-start: 0;
    width: 100%;
    background-color: #fff;
    z-index: 5;
    padding-bottom: 1px;
    margin-top: 30px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: padding 0.2s ease, margin 0.2s ease;
    padding-inline-end: var(--margin-end);
    pointer-events: initial;
  }
  .sticky-container .stickyHeader .sticky-title {
    transition: transform 0.2s ease;
    transform-origin: right;
  }
  .sticky-container .stickyHeader.sticking {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .sticky-container .stickyHeader.sticking .sticky-title {
    transform: scale(0.8);
  }
  .sticky-container .stickyHeader.news-categories {
    padding-left: var(--margin-end);
    padding-right: var(--margin-start);
  }
  .sticky-container .stickyHeader.news-categories.sticking {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .sticky-container .stickyHeader.news-cast-header {
    justify-content: space-between;
  }
  .sticky-container .stickyHeader.news-cast-header.sticking {
    padding-bottom: 8px !important;
  }
}

.read-more {
  font-weight: 800;
  color: #b90000;
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 15px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.read-more p {
  font-size: 19px;
  margin: 0;
}
.read-more::after {
  display: block;
  content: "";
  font-family: "Font Awesome 6 Free";
  content: "\f067";
  font-size: 13px;
  line-height: 1;
  padding-top: 3px;
}

.date-format {
  direction: ltr;
}

.nc-header {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
@media screen and (max-width: 750px) {
  .nc-header {
    gap: 10px;
  }
}
.nc-header .header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .nc-header .header-top {
    flex-direction: column;
    align-items: start;
    gap: 18px;
  }
}
.nc-header .header-top h2 {
  font-size: 24px;
  font-weight: 800;
  margin: 0;
  padding-inline-start: 12px;
  border-inline-start: #b90000 8px solid;
}
.nc-header .days-container {
  display: flex;
  gap: 11px;
}
@media screen and (max-width: 450px) {
  .nc-header .days-container {
    width: 100%;
  }
}
.nc-header .days-container .day {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
  border: #646464 solid 1px;
  border-radius: var(--newsbulletins-border-radius);
  opacity: 0.6;
  padding: 4px 8px;
  cursor: pointer;
}
.nc-header .days-container .day.selected {
  opacity: 1;
  border-color: #b90000;
}
.nc-header .days-container .day h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .nc-header .days-container .day h4 {
    font-size: 13px;
  }
}
.nc-header .days-container .day p,
.nc-header .days-container .day h5 {
  margin: 0;
  font-weight: 600;
  font-size: 13px;
  direction: ltr;
}
@media screen and (max-width: 750px) {
  .nc-header .days-container .day p,
  .nc-header .days-container .day h5 {
    font-size: 11px;
  }
}
.nc-header .days-container .day img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: auto;
}
.nc-header .days-container.time-container {
  flex-wrap: wrap;
}
@media screen and (max-width: 530px) {
  .nc-header .days-container.time-container {
    gap: 3px;
  }
  .nc-header .days-container.time-container .day {
    padding: 4px 4px;
  }
}
.nc-header .header-bottom {
  margin-bottom: 50px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 750px) {
  .nc-header .header-bottom {
    margin-bottom: 20px;
    width: 100%;
  }
}
.nc-header .header-bottom .dropdown {
  position: relative;
}
.nc-header .header-bottom .dropdown.opened .dropdown-selected {
  border-radius: 0px;
  border-top-left-radius: var(--newsbulletins-border-radius);
  border-top-right-radius: var(--newsbulletins-border-radius);
}
.nc-header .header-bottom .dropdown.opened .dropdown-selected i {
  transform: rotate(180deg);
}
.nc-header .header-bottom .dropdown.opened .dropdown-content {
  max-height: 200px;
  border-width: 1px;
  border-radius: 0px;
  border-bottom-left-radius: var(--newsbulletins-border-radius);
  border-bottom-right-radius: var(--newsbulletins-border-radius);
}
.nc-header .header-bottom .dropdown.opened .dropdown-content .dropdown-selected i {
  transform: none;
}
.nc-header .header-bottom .dropdown h5 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.nc-header .header-bottom .dropdown img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: auto;
}
.nc-header .header-bottom .dropdown .dropdown-selected {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 15px 20px;
  border: #707070 solid 1px;
  border-radius: var(--newsbulletins-border-radius);
  transition: all 0.2s ease;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .nc-header .header-bottom .dropdown .dropdown-selected {
    padding: 10px 15px;
  }
}
.nc-header .header-bottom .dropdown .dropdown-selected .dropdown-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nc-header .header-bottom .dropdown .dropdown-selected i {
  transition: transform 0.2s ease;
}
.nc-header .header-bottom .dropdown .dropdown-content {
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  border: #707070 solid 0px;
  border-radius: var(--newsbulletins-border-radius);
}
.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected {
  width: 100%;
  border: none;
  transition: all 0.2s ease;
  border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}
.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected h5 {
  direction: ltr;
}
.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected .dropdown-title h5 {
  font-size: 11px;
}
.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected:hover {
  color: #b90000;
}
.nc-header .header-bottom .dropdown .dropdown-content .dropdown-selected.disabled {
  pointer-events: none;
  color: gray;
  cursor: default;
}

@keyframes customSlideLeftToRight {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.custom-animate-left-to-right {
  animation-name: customSlideLeftToRight;
  animation-duration: 1s;
}

@keyframes customSlideRightToLeft {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.custom-animate-right-to-left {
  animation-name: customSlideRightToLeft;
  animation-duration: 1s;
}

@keyframes customRotate180 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
.custom-animate-rotate-180 {
  animation-name: customRotate180;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes redFillGlowing {
  0% {
    fill: #c51017;
    color: #c51017;
    box-shadow: 0 0 3px #fff;
  }
  50% {
    fill: rgba(197, 16, 23, 0.25);
    color: rgba(197, 16, 23, 0.25);
    box-shadow: 0 0 40px #fff;
  }
  100% {
    fill: #c51017;
    color: #c51017;
    box-shadow: 0 0 3px #fff;
  }
}
.red-fill-glowing {
  animation: redFillGlowing 1s ease-in-out infinite;
}

@keyframes redBackgroundGlowing {
  0% {
    background-color: #c51017;
  }
  50% {
    background-color: rgba(197, 16, 23, 0.5);
  }
  100% {
    background-color: #c51017;
  }
}
@keyframes whiteBackgroundGlowing {
  0% {
    background-color: white;
  }
  50% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  100% {
    background-color: white;
  }
}
.red-background-glowing {
  animation: redBackgroundGlowing 1s ease-in-out infinite;
}
.red-background-glowing:hover {
  animation: whiteBackgroundGlowing 1s ease-in-out infinite;
}

.red-background-glowing--no-hover {
  animation: redBackgroundGlowing 1s ease-in-out infinite;
}

@keyframes Loader {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@keyframes storiesLoadingBar {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes opacity-loading {
  0% {
    opacity: 80%;
  }
  50% {
    opacity: 0%;
  }
  100% {
    opacity: 80%;
  }
}
.articles.template-2 {
  padding: 20px var(--margin-start);
}
@media screen and (max-width: 900px) {
  .articles.template-2 {
    padding: 0;
  }
}
.articles.template-2 .articles-wrapper {
  max-width: 1600px;
  margin: auto;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr 400px;
  -moz-column-gap: 150px;
       column-gap: 150px;
}
@media screen and (max-width: 1400px) {
  .articles.template-2 .articles-wrapper {
    grid-template-columns: 1fr 300px;
  }
}
@media screen and (max-width: 1300px) {
  .articles.template-2 .articles-wrapper {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .articles.template-2 .articles-wrapper {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media screen and (max-width: 900px) {
  .articles.template-2 .articles-wrapper {
    grid-template-columns: auto;
  }
}
.articles.template-2 .articles-wrapper .articles-header {
  grid-column: span 1;
  max-height: unset;
  width: 80%;
}
@media screen and (max-width: 1100px) {
  .articles.template-2 .articles-wrapper .articles-header {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .articles.template-2 .articles-wrapper .articles-header {
    padding: 0;
  }
}
.articles.template-2 .articles-wrapper .articles-header.have-video {
  width: 100%;
}
.articles.template-2 .articles-wrapper .articles-header.have-video .video-player-container .video-js {
  width: 100%;
  aspect-ratio: 16/9;
  height: unset;
}
.articles.template-2 .articles-wrapper .articles-header .articles-header-image img {
  max-height: unset;
}
.articles.template-2 .articles-wrapper .articles-header .lc-breaking-swiper-container {
  margin: 0;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper {
  overflow: hidden;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: black;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .swiper-wrapper {
  height: 100%;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .swiper-wrapper .lc-breaking-swiper-slide {
  height: 100%;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .swiper-wrapper .lc-breaking-swiper-slide img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .full-screen-icon .zmdi-fullscreen-exit {
  display: block;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper.fullscreen .full-screen-icon .zmdi-fullscreen-alt {
  display: none;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .full-screen-icon {
  position: absolute;
  top: 0;
  inset-inline-start: 10px;
  z-index: 1;
  color: #fff;
  font-size: 40px;
  height: -moz-fit-content;
  height: fit-content;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .full-screen-icon .zmdi-fullscreen-exit {
  display: none;
  padding-top: 10px;
  font-size: 50px;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .lc-breaking-swiper-slide {
  width: 100% !important;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .lc-breaking-swiper-slide img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination {
  top: unset;
  bottom: 24px;
}
@media screen and (max-width: 670px) {
  .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination {
    bottom: 15px;
    text-align: left;
    padding-inline-end: 10px;
  }
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination .swiper-pagination-bullet {
  background: rgb(0, 0, 0);
  opacity: 0.66;
  border: 1px solid #707070;
  width: 11px;
  height: 11px;
  margin: 0 10px;
}
@media screen and (max-width: 670px) {
  .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 8.5px;
  }
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: white;
  opacity: 1;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev,
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next {
  background-color: #fff;
  border: 1px solid #707070;
  width: 30px;
  height: 30px;
  bottom: 18px;
  top: unset;
}
@media screen and (max-width: 670px) {
  .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev,
  .articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next {
    bottom: 11px;
  }
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev::after,
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next::after {
  color: #000;
  font-size: 15px;
  font-weight: bolder;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-prev {
  inset-inline-start: 10.5px;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper .swiper-button-next {
  inset-inline-start: 44.5px;
}
.articles.template-2 .articles-wrapper .articles-header .article-details-gallery-swiper #toggleFullscreen {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.articles.template-2 .articles-wrapper .bigger-screen-container {
  display: contents;
}
.articles.template-2 .articles-wrapper .bigger-screen-container .container-wrapper {
  display: contents;
}
.articles.template-2 .articles-wrapper .title-content-container {
  position: relative;
}
@media screen and (max-width: 900px) {
  .articles.template-2 .articles-wrapper .title-content-container {
    display: contents;
  }
}
.articles.template-2 .articles-wrapper .title-content-container .social-media-container {
  inset-inline-start: -60px;
}
.articles.template-2 .articles-wrapper .articles-header-title {
  padding: 0;
}
@media screen and (max-width: 900px) {
  .articles.template-2 .articles-wrapper .articles-header-title {
    grid-row: 1;
    padding: 0 var(--margin-start);
  }
}
.articles.template-2 .articles-wrapper .articles-content {
  padding: 0;
}
.articles.template-2 .articles-content-left {
  grid-column: 2;
  grid-row: 1/span 2;
  padding: 0;
  padding-inline-end: 0;
}
@media screen and (max-width: 900px) {
  .articles.template-2 .articles-content-left {
    grid-row: unset;
    grid-column: 1;
    padding: 0 var(--margin-start);
  }
}

.articles,
.articles-2 {
  position: relative;
}
.articles .articles-wrapper,
.articles-2 .articles-wrapper {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 30px;
  grid-template-rows: auto auto 1fr;
  padding-bottom: 60px;
}
@media screen and (max-width: 1600px) {
  .articles .articles-wrapper,
  .articles-2 .articles-wrapper {
    grid-template-columns: 1fr calc(300px + var(--margin-start));
  }
}
@media screen and (max-width: 900px) {
  .articles .articles-wrapper,
  .articles-2 .articles-wrapper {
    padding-top: 20px;
  }
}
@media screen and (max-width: 800px) {
  .articles .articles-wrapper,
  .articles-2 .articles-wrapper {
    grid-template-columns: auto;
    gap: 15px;
  }
}
.articles .articles-wrapper .articles-header,
.articles-2 .articles-wrapper .articles-header {
  position: relative;
  grid-column: span 2;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 800px) {
  .articles .articles-wrapper .articles-header,
  .articles-2 .articles-wrapper .articles-header {
    grid-column: span 1;
  }
}
.articles .articles-wrapper .articles-header .articles-header-image,
.articles-2 .articles-wrapper .articles-header .articles-header-image {
  position: relative;
}
.articles .articles-wrapper .articles-header .articles-header-image img,
.articles-2 .articles-wrapper .articles-header .articles-header-image img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: calc(100dvh - var(--header-height) - 120px);
}
.articles .articles-wrapper .articles-header .articles-header-image::after,
.articles-2 .articles-wrapper .articles-header .articles-header-image::after {
  content: "";
  display: block;
  width: 30%;
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  height: 4px;
  background-color: #b90000;
}
.articles .articles-wrapper .articles-header .articles-header-gradient-overlay,
.articles-2 .articles-wrapper .articles-header .articles-header-gradient-overlay {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 70%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 77%);
  opacity: 52%;
  z-index: 2;
}
.articles .articles-wrapper .bigger-screen-container,
.articles-2 .articles-wrapper .bigger-screen-container {
  width: 100%;
  padding: 0 var(--margin-start);
  grid-column: span 2;
}
@media screen and (max-width: 1600px) {
  .articles .articles-wrapper .bigger-screen-container,
  .articles-2 .articles-wrapper .bigger-screen-container {
    display: contents;
  }
}
.articles .articles-wrapper .bigger-screen-container .container-wrapper,
.articles-2 .articles-wrapper .bigger-screen-container .container-wrapper {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-template-rows: auto 1fr;
  max-width: 1600px;
  margin: auto;
  gap: 30px;
}
@media screen and (max-width: 1600px) {
  .articles .articles-wrapper .bigger-screen-container .container-wrapper,
  .articles-2 .articles-wrapper .bigger-screen-container .container-wrapper {
    display: contents;
  }
}
.articles .articles-wrapper .title-content-container,
.articles-2 .articles-wrapper .title-content-container {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 800px) {
  .articles .articles-wrapper .title-content-container,
  .articles-2 .articles-wrapper .title-content-container {
    display: contents;
  }
}
.articles .articles-wrapper .articles-header-title,
.articles-2 .articles-wrapper .articles-header-title {
  align-self: start;
  padding-bottom: 10px;
}
@media screen and (max-width: 1600px) {
  .articles .articles-wrapper .articles-header-title,
  .articles-2 .articles-wrapper .articles-header-title {
    padding-inline-start: var(--margin-start);
  }
}
@media screen and (max-width: 800px) {
  .articles .articles-wrapper .articles-header-title,
  .articles-2 .articles-wrapper .articles-header-title {
    grid-row: 1;
    padding-bottom: 0;
  }
}
.articles .articles-wrapper .articles-header-title .articles-header-date,
.articles-2 .articles-wrapper .articles-header-title .articles-header-date {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 17px;
  line-height: 1;
}
.articles .articles-wrapper .articles-header-title .articles-header-date .black,
.articles-2 .articles-wrapper .articles-header-title .articles-header-date .black {
  color: rgba(0, 0, 0, 0.6);
  padding-inline-start: 10px;
  margin-inline-start: 10px;
  border-inline-start: 1px solid rgba(0, 0, 0, 0.6);
  line-height: 1;
  direction: ltr;
}
.articles .articles-wrapper .articles-header-title .articles-header-date .red,
.articles-2 .articles-wrapper .articles-header-title .articles-header-date .red {
  color: #b90000;
  direction: ltr;
}
@media screen and (max-width: 900px) {
  .articles .articles-wrapper .articles-header-title .articles-header-date,
  .articles-2 .articles-wrapper .articles-header-title .articles-header-date {
    font-size: 13px;
    margin-bottom: 12px;
  }
}
.articles .articles-wrapper .articles-header-title .section-header,
.articles-2 .articles-wrapper .articles-header-title .section-header {
  display: block;
}
.articles .articles-wrapper .articles-header-title .section-header__title,
.articles-2 .articles-wrapper .articles-header-title .section-header__title {
  padding: 0;
  margin: 0;
  width: 100%;
  margin-top: 10px;
  font-weight: 800;
  line-height: 1.4;
}
.articles .articles-wrapper .articles-header-title .section-header__title .section-header-text,
.articles-2 .articles-wrapper .articles-header-title .section-header__title .section-header-text {
  font-size: 35px;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .articles .articles-wrapper .articles-header-title .section-header__title .section-header-text,
  .articles-2 .articles-wrapper .articles-header-title .section-header__title .section-header-text {
    font-size: 23px;
  }
}
.articles .articles-content,
.articles-2 .articles-content {
  grid-column: 1;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1600px) {
  .articles .articles-content,
  .articles-2 .articles-content {
    padding-inline-start: var(--margin-start);
  }
}
@media screen and (max-width: 800px) {
  .articles .articles-content,
  .articles-2 .articles-content {
    grid-row: 3;
    padding: 0 var(--margin-start);
  }
}
.articles .articles-content .articles-content-wrapper,
.articles-2 .articles-content .articles-content-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.articles .articles-content-left,
.articles-2 .articles-content-left {
  grid-row: span 2;
}
@media screen and (max-width: 1600px) {
  .articles .articles-content-left,
  .articles-2 .articles-content-left {
    padding-inline-end: var(--margin-start);
  }
}
@media screen and (max-width: 800px) {
  .articles .articles-content-left,
  .articles-2 .articles-content-left {
    padding: 0 var(--margin-start);
  }
}
.articles .articles-content-left .article-hashtag,
.articles-2 .articles-content-left .article-hashtag {
  padding-top: 30px;
}
.articles .articles-content-left .article-hashtag .article-hashtag-title,
.articles-2 .articles-content-left .article-hashtag .article-hashtag-title {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 5px;
  font-size: 17px;
  background: #fff;
  padding: 15px 20px;
  border-radius: 10px;
  max-width: 600px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px;
  position: relative;
  transform-style: preserve-3d;
}
.articles .articles-content-left .article-hashtag .article-hashtag-title p,
.articles-2 .articles-content-left .article-hashtag .article-hashtag-title p {
  margin: 0;
}
.articles .articles-content-left .article-hashtag .article-hashtag-title::after,
.articles-2 .articles-content-left .article-hashtag .article-hashtag-title::after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-inline-end: 20px solid transparent;
  border-inline-start: 20px solid transparent;
  border-top: 20px solid #fff;
  bottom: -12px;
  position: absolute;
  inset-inline-start: 15%;
}
.articles .articles-content-left .article-hashtag .article-hashtag-content,
.articles-2 .articles-content-left .article-hashtag .article-hashtag-content {
  display: flex;
  margin-top: 29px;
  flex-direction: column;
  gap: 5px;
}
.articles .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-report,
.articles-2 .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-report {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.articles .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-separator,
.articles-2 .articles-content-left .article-hashtag .article-hashtag-content .article-hashtag-separator {
  height: 0;
  width: 100%;
  border-bottom: solid 1px rgba(162, 162, 162, 0.36);
}
.articles .articles-content-left .article-hashtag .article-hashtag-al-mazid,
.articles-2 .articles-content-left .article-hashtag .article-hashtag-al-mazid {
  color: rgb(185, 0, 0);
  font-size: 19px;
  font-weight: 800;
  padding-top: 15px;
  border-top: 5px solid rgb(197, 16, 23);
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}
.articles .articles-main-content,
.articles-2 .articles-main-content {
  width: 100%;
}
.articles .articles-main-content .articles-article-writer,
.articles-2 .articles-main-content .articles-article-writer {
  display: flex;
  gap: 15px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5px;
  margin-bottom: 5px;
}
.articles .articles-main-content .articles-article-writer .articles-writer-image,
.articles-2 .articles-main-content .articles-article-writer .articles-writer-image {
  width: 50px;
  height: 50px;
}
.articles .articles-main-content .articles-article-writer .articles-writer-image img,
.articles-2 .articles-main-content .articles-article-writer .articles-writer-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles .articles-main-content .articles-article-writer .articles-writer-details h2,
.articles-2 .articles-main-content .articles-article-writer .articles-writer-details h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 7px;
}
.articles .articles-main-content .articles-article-writer .articles-writer-details h5,
.articles-2 .articles-main-content .articles-article-writer .articles-writer-details h5 {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}
.articles .articles-main-content .articles-report,
.articles-2 .articles-main-content .articles-report {
  font-size: 19px;
  line-height: 2;
  padding-bottom: 20px;
  width: 100%;
  min-height: 200px;
}
.articles .articles-main-content .articles-report p,
.articles-2 .articles-main-content .articles-report p {
  margin-bottom: 0;
}
.articles .articles-main-content .articles-report iframe,
.articles-2 .articles-main-content .articles-report iframe {
  width: 100%;
}
.articles .articles-main-content .articles-report a,
.articles-2 .articles-main-content .articles-report a {
  display: inline-block;
  color: #0d6efd;
  text-decoration: underline;
}
.articles .articles-main-content .articles-report .article-ad,
.articles-2 .articles-main-content .articles-report .article-ad {
  padding: 20px 0;
}
.articles .articles-main-content .articles-report .article-video,
.articles-2 .articles-main-content .articles-report .article-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.articles .articles-main-content .articles-report .article-video iframe,
.articles-2 .articles-main-content .articles-report .article-video iframe {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.articles .articles-main-content .articles-report img,
.articles-2 .articles-main-content .articles-report img {
  width: 100%;
  height: auto;
}
.articles .articles-main-content .articles-report .articles-horizontal-ad,
.articles-2 .articles-main-content .articles-report .articles-horizontal-ad {
  width: 100%;
  height: 192px;
  background-color: rgb(3, 233, 49);
  margin: 35px 0;
}
.articles .articles-main-content .articles-report .download-pdf,
.articles-2 .articles-main-content .articles-report .download-pdf {
  display: flex;
  align-items: center;
  gap: 13px;
  background-color: #b90000;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 15px;
  border-radius: 15px;
  margin-top: 20px;
  border: #b90000 1px solid;
  transition: all 0.3s ease;
}
.articles .articles-main-content .articles-report .download-pdf h3,
.articles-2 .articles-main-content .articles-report .download-pdf h3 {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease;
}
.articles .articles-main-content .articles-report .download-pdf i,
.articles-2 .articles-main-content .articles-report .download-pdf i {
  color: #fff;
  transition: all 0.3s ease;
}
.articles .articles-main-content .articles-report .download-pdf:hover,
.articles-2 .articles-main-content .articles-report .download-pdf:hover {
  background-color: #fff;
}
.articles .articles-main-content .articles-report .download-pdf:hover h3,
.articles-2 .articles-main-content .articles-report .download-pdf:hover h3 {
  color: #000;
}
.articles .articles-main-content .articles-report .download-pdf:hover i,
.articles-2 .articles-main-content .articles-report .download-pdf:hover i {
  color: #000;
}
.articles .articles-left-header h2,
.articles-2 .articles-left-header h2 {
  font-size: 29px;
  font-weight: 800;
  margin-bottom: 19px;
}
@media screen and (max-width: 900px) {
  .articles .articles-left-header h2,
  .articles-2 .articles-left-header h2 {
    font-size: 22px;
  }
}
.articles .articles-most-red-item,
.articles-2 .articles-most-red-item {
  margin-bottom: 27px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .articles .articles-most-red-item,
  .articles-2 .articles-most-red-item {
    margin-bottom: 10px;
  }
}
.articles .articles-most-red-item .articles-most-red-wrapper,
.articles-2 .articles-most-red-item .articles-most-red-wrapper {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 23px;
  border-bottom: solid 1px rgba(112, 112, 112, 0.21);
  position: relative;
}
@media screen and (max-width: 650px) {
  .articles .articles-most-red-item .articles-most-red-wrapper,
  .articles-2 .articles-most-red-item .articles-most-red-wrapper {
    padding-bottom: 10px;
  }
}
.articles .articles-most-red-item .articles-most-red-wrapper::after,
.articles-2 .articles-most-red-item .articles-most-red-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  height: 4px;
  width: 20px;
  background-color: rgb(197, 16, 23);
  bottom: -3px;
  inset-inline-start: 0;
  transition: width 0.3s ease-in-out;
}
.articles .articles-most-red-item .articles-most-red-wrapper:hover::after,
.articles-2 .articles-most-red-item .articles-most-red-wrapper:hover::after {
  width: 100%;
}
.articles .articles-most-red-item .articles-most-red-image-container,
.articles-2 .articles-most-red-item .articles-most-red-image-container {
  width: 35.5%;
}
.articles .articles-most-red-item .articles-most-red-image-container img,
.articles-2 .articles-most-red-item .articles-most-red-image-container img {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}
.articles .articles-most-red-item .articles-most-red-title-wrapper,
.articles-2 .articles-most-red-item .articles-most-red-title-wrapper {
  width: 70.5%;
}
.articles .articles-most-red-item .articles-most-red-title,
.articles-2 .articles-most-red-item .articles-most-red-title {
  display: flex;
  gap: 8px;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .articles .articles-most-red-item .articles-most-red-title,
  .articles-2 .articles-most-red-item .articles-most-red-title {
    gap: 17px;
  }
}
.articles .articles-most-red-item .articles-most-red-title h1,
.articles-2 .articles-most-red-item .articles-most-red-title h1 {
  font-size: 30px;
  margin: 0;
  line-height: 34px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 650px) {
  .articles .articles-most-red-item .articles-most-red-title h1,
  .articles-2 .articles-most-red-item .articles-most-red-title h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
.articles .articles-most-red-item .articles-most-red-title h2,
.articles-2 .articles-most-red-item .articles-most-red-title h2 {
  font-size: 14px;
  margin: 0;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.live-coverage {
  background-color: #f3f3f3;
}
.live-coverage .live-coverage-wrapper {
  max-width: 1600px;
  margin: auto;
}
.live-coverage .lc-video-container {
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
  max-height: calc(100vh - var(--header-height));
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.live-coverage .lc-video-container .video-player-container {
  height: calc(100% - 100px);
}
.live-coverage .lc-video-container .video-player-container .video-js {
  height: 100%;
  aspect-ratio: 16/9;
}
.live-coverage .lc-video-container.make-full-width {
  min-height: calc(100vh - var(--header-height));
}
.live-coverage .lc-video-container.make-full-width .video-player-container {
  height: 100%;
}
.live-coverage .lc-video-container.make-full-width .video-player-container .video-js {
  aspect-ratio: unset;
  height: 100%;
}
.live-coverage .lc-video-container iframe {
  flex: 1;
  width: 100%;
  height: 100%;
}
.live-coverage .lc-video-container .live-big-ad {
  height: 90px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 730px) {
  .live-coverage .lc-video-container .live-big-ad {
    display: none;
  }
}
.live-coverage .lc-video-container .live-small-ad {
  height: 50px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 20px;
}
@media screen and (min-width: 731px) {
  .live-coverage .lc-video-container .live-small-ad {
    display: none;
  }
}
.live-coverage .lc-content {
  background-color: #f3f3f3;
}
.live-coverage .lc-content .swiper img {
  width: 100%;
}
.live-coverage .lc-content .swiper .lc-khabar-3ajel {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  background-color: #b90000;
  color: #fff;
  padding: 6px 19px;
  z-index: 1;
  font-size: 17px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .swiper .lc-khabar-3ajel {
    font-size: 12px;
    padding: 5px 16px;
  }
}
.live-coverage .lc-content .swiper .swiper-pagination {
  top: unset;
  bottom: 24px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .swiper .swiper-pagination {
    bottom: 15px;
    text-align: left;
    padding-inline-end: 10px;
  }
}
.live-coverage .lc-content .swiper .swiper-pagination .swiper-pagination-bullet {
  background: rgb(0, 0, 0);
  opacity: 0.66;
  border: 1px solid #707070;
  width: 11px;
  height: 11px;
  margin: 0 10px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 8.5px;
  }
}
.live-coverage .lc-content .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: white;
  opacity: 1;
}
.live-coverage .lc-content .swiper .swiper-button-prev,
.live-coverage .lc-content .swiper .swiper-button-next {
  background-color: #fff;
  border: 1px solid #707070;
  width: 30px;
  height: 30px;
  bottom: 18px;
  top: unset;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .swiper .swiper-button-prev,
  .live-coverage .lc-content .swiper .swiper-button-next {
    bottom: 11px;
  }
}
.live-coverage .lc-content .swiper .swiper-button-prev::after,
.live-coverage .lc-content .swiper .swiper-button-next::after {
  color: #000;
  font-size: 15px;
  font-weight: bolder;
}
.live-coverage .lc-content .swiper .swiper-button-prev {
  inset-inline-start: 10.5px;
}
.live-coverage .lc-content .swiper .swiper-button-next {
  inset-inline-start: 44.5px;
}
.live-coverage .lc-content .lc-live-details .section-header {
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  padding-top: 33px;
}
@media screen and (min-width: 1600px) {
  .live-coverage .lc-content .lc-live-details .section-header {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-live-details .section-header {
    padding-top: 15px;
  }
}
.live-coverage .lc-content .lc-live-details .section-header__title {
  margin-inline-start: 0;
}
.live-coverage .lc-content .lc-live-details .section-header-text {
  font-size: 51px;
  line-height: 51px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-live-details .section-header-text {
    font-size: 25px;
    line-height: 25px;
  }
}
.live-coverage .lc-content .lc-live-details .lc-detail-live-date {
  padding-inline-end: var(--margin-end);
  font-size: 17px;
  color: rgba(0, 0, 0, 0.63);
  direction: ltr;
  text-align: end;
  padding-inline-start: calc(var(--margin-end) + 27.5px);
  margin-bottom: 40px;
  margin-top: 8px;
}
@media screen and (min-width: 1600px) {
  .live-coverage .lc-content .lc-live-details .lc-detail-live-date {
    padding-inline-end: 0px;
    padding-inline-start: 27.5px;
  }
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-live-details .lc-detail-live-date {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
.live-coverage .lc-content .lc-live-details .lc-live-details-videos {
  overflow-x: scroll;
}
.live-coverage .lc-content .lc-live-details .lc-live-details-videos::-webkit-scrollbar {
  width: 0px;
}
.live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper {
  display: flex;
  gap: 20px;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1600px) {
  .live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper {
    gap: 15px;
  }
}
.live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper .search-result-chapter {
  width: 256px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-live-details .lc-live-details-videos .lc-live-details-videos-wrapper .search-result-chapter {
    width: 188px;
  }
}
.live-coverage .lc-content .lc-no-video {
  display: none;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  margin-top: -7px;
  padding-top: 36px;
}
@media screen and (min-width: 1600px) {
  .live-coverage .lc-content .lc-no-video {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .section-header {
    padding-top: 15px;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.live-coverage .lc-content .lc-no-video .section-header__title {
  margin-inline-start: 0;
}
.live-coverage .lc-content .lc-no-video .section-header-text {
  font-size: 41px;
  line-height: 51px;
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .section-header-text {
    font-size: 25px;
    line-height: 25px;
  }
}
.live-coverage .lc-content .lc-no-video .lc-detail-live-date {
  padding-inline-start: 20px;
  font-size: 17px;
  color: #1e1e1e;
  direction: ltr;
  text-align: end;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .lc-detail-live-date {
    font-size: 15px;
    margin-bottom: 18px;
    padding-inline-start: calc(var(--margin-start) + 20px);
    margin-top: 2px;
  }
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .lc-no-video-container {
    flex-direction: column;
    gap: 27px;
  }
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container {
  width: 59.5%;
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container {
    width: 100%;
  }
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container .lc-swiper-title {
  margin-top: 13px;
  font-size: 15.5px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-swiper-container .lc-swiper-title {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section {
  overflow-x: scroll;
  width: 39%;
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section::-webkit-scrollbar {
  width: 12px;
  /* For Chrome, Safari, and Opera */
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section::-webkit-scrollbar-thumb {
  background-color: transparent;
  /* For Chrome, Safari, and Opera */
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section {
    width: 100%;
  }
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 10px;
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: unset;
    flex-wrap: nowrap;
    gap: 15px;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter {
    width: 188px;
  }
}
.live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter .search-result-chapter-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-no-video .lc-no-video-container .lc-no-video-left-section .lc-no-video-left-section-wrapper .search-result-chapter .search-result-chapter-title {
    font-size: 12px;
  }
}
.live-coverage .lc-content .lc-more-news {
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  display: flex;
  justify-content: space-between;
  padding-top: 102px;
  padding-bottom: 100px;
}
@media screen and (min-width: 1600px) {
  .live-coverage .lc-content .lc-more-news {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news {
    flex-direction: column;
    padding-top: 0;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right {
  width: 59.1%;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right {
    width: 100%;
    margin-top: 0px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .section-header__title {
  margin: 0;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .section-header__title .section-header-text {
  font-size: 37px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .section-header__title .section-header-text {
    font-size: 24px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header {
    flex-direction: column;
    align-items: unset;
    gap: 22px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container {
  position: relative;
  width: 40%;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container {
    width: 100%;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0509803922);
  border: 1px solid #dcdcdc;
  padding: 8px 0;
  padding-inline-end: 22px;
  padding-inline-start: 16px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown {
    padding-inline-end: 8px;
    padding-inline-start: 5px;
  }
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown {
    gap: unset;
    justify-content: space-between;
    padding-inline-end: 22px;
    padding-inline-start: 16px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown p {
  margin: 0;
  font-size: 17px;
}
@media screen and (max-width: 1024px) and (min-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown p {
    font-size: 15px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown i {
  font-size: 25px;
  padding-top: 8px;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 1024px) and (min-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .lc-right-header-dropdown i {
    font-size: 20px;
    padding-top: 4;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
  inset-inline-start: 0;
  width: 370px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
    top: 46px;
  }
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
    width: 100%;
  }
}
@media screen and (max-width: 669px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-header .lc-dropdown-container .search-filters-dropdown-custom {
    top: 51px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content {
  margin-inline-start: 21px;
  border-inline-start: 1px dashed #a2a2a2;
  margin-top: 39px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content {
    margin-inline-start: unset;
    margin-top: 20px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul {
    gap: 10px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .separator {
  display: flex;
  border-top: 0.5px rgba(0, 0, 0, 0.25) solid;
  width: 55%;
  margin-inline-start: 23px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news {
  display: flex;
  align-items: start;
  width: 100%;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news .lc-time {
  display: inline-block;
  align-items: center;
  justify-content: end;
  font-size: 14px;
  color: #c51017;
  font-weight: bold;
  white-space: nowrap;
  margin-inline-end: 5px;
  position: relative;
  direction: ltr;
  text-align: end;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news .lc-time::after {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #b90000;
  inset-inline-end: -34px;
  top: 50%;
  transform: translateY(-50%);
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news .lc-title {
  font-size: 15.5px;
  font-weight: bold;
  width: 100%;
  padding-inline-start: 25px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking {
  flex-direction: column;
  align-items: start;
  gap: 21px;
  position: relative;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-upload-button {
  position: absolute;
  inset-inline-end: 20px;
  top: 5px;
  background-color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0901960784);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-upload-button {
    inset-inline-end: 0;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-time {
  font-size: 20px;
  color: #c51017;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-time {
    font-size: 16px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-time::after {
  width: 12px;
  height: 12px;
  inset-inline-start: -7px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content {
  width: 100%;
  padding-top: 20px;
  padding-inline-end: 35px;
  padding-inline-start: 20px;
  padding-bottom: 24px;
  background-color: #fff;
  margin-inline-start: -20px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0901960784);
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content {
    margin-inline-start: unset;
    padding: 15px 11px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-title {
  font-size: 29px;
  font-weight: bold;
  margin-top: 14px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-title {
    font-size: 20px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-description {
  font-size: 17px;
  margin-top: 10px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-breaking-big-description {
    font-size: 15px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-twitter-container {
  width: 100%;
  max-width: 581px;
  height: -moz-fit-content;
  height: fit-content;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content .lc-twitter-container img {
  width: 100%;
  height: auto;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video {
    flex-direction: column;
    align-items: center;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .search-result-chapter {
  width: 208px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .search-result-chapter {
    width: 100%;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about {
  width: calc(100% - 208px - 25px);
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about {
    width: 100%;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-title {
  font-size: 29px;
  font-weight: bold;
  line-height: 35px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-title {
    font-size: 20px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-description {
  font-size: 17px;
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-breaking-container-content-video .lc-breaking-video-about .lc-breaking-video-description {
    font-size: 15px;
    margin-top: 5px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report h3 {
  font-weight: bold;
  font-size: 29px;
  margin-bottom: 40px;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report .lc-report-paragraphs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report .lc-report-paragraphs p {
  font-size: 17px;
  margin: 0;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-right .lc-more-news-right-content ul .lc-more-news-right-news-breaking .lc-more-news-report .lc-report-paragraphs p {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left {
  width: 37%;
}
@media screen and (max-width: 980px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-left {
    width: 100%;
    margin-top: 30px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top {
  width: 100%;
  border-inline-start: #707070 solid 1px;
  height: -moz-fit-content;
  height: fit-content;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h1 {
  border-inline-start: 8px solid #c51017;
  padding-inline-start: 20px;
  color: #000;
  font-weight: 800;
  font-size: 37px;
  margin-top: 50px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h1:first-child {
  margin-top: 0;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h2,
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h3,
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h4,
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h5,
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top h6 {
  font-size: 27px;
  font-weight: bold;
  color: #000;
  margin-bottom: 16px;
  padding-inline-start: 25px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top p {
  font-size: 17px;
  color: #000;
  margin-top: 20px;
  padding-inline-start: 25px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top ul {
  margin-top: 23px;
  padding: 0;
  padding-inline-start: 45px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top ul li {
  position: relative;
  list-style: none;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-top ul li::before {
  content: "";
  font-size: 30px;
  line-height: 20px;
  color: #b90000;
  position: absolute;
  inset-inline-start: -25px;
  width: 12px;
  height: 12px;
  background-color: #b90000;
  border-radius: 50%;
  margin-top: 7px;
  top: 0;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .section-header .section-header__title {
  margin: 0;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .section-header .section-header__title .section-header-text {
  font-size: 37px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-left .section-header .section-header__title .section-header-text {
    font-size: 24px;
    line-height: 31px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know {
  margin-top: 50px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .section-header {
  margin-bottom: 15px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .section-header {
  margin-bottom: 15px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section {
  margin-inline-start: 25px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section h3 {
  font-weight: bold;
  font-size: 27px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section h3 {
    font-size: 20px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section .lc-what-we-know-pargraphs {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-what-we-know .lc-what-we-know-sections .lc-what-we-know-section .lc-what-we-know-pargraphs p {
  margin: 0;
  font-size: 15.5px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 31px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 23px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper {
  display: flex;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper::before {
  content: "";
  display: block;
  width: 1px;
  background-color: #707070;
  margin-inline-end: 10px;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat {
  display: flex;
  flex-direction: column;
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat h3 {
  margin: 0;
  font-size: 41px;
  font-weight: bold;
  color: #c51017;
  direction: ltr;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat h3 {
    font-size: 32px;
  }
}
.live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat p {
  margin: 0;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .live-coverage .lc-content .lc-more-news .lc-more-news-left .lc-more-news-left-bottom .lc-in-numbers .lc-in-numbers-stat-wrapper .lc-in-numbers-stat p {
    font-size: 16px;
  }
}

.reports-archive {
  position: relative;
  background-color: #f0f0f0;
  padding-left: var(--margin-end);
  padding-right: var(--margin-start);
  background-color: #fff;
  padding-bottom: 40px;
}
.reports-archive .loader-highlight {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  /* Semi-transparent overlay */
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 10;
  margin-top: 15px;
}
.reports-archive .spinner-highlight {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.reports-archive .reports-archive-wrapper {
  max-width: 1600px;
  margin: auto;
  z-index: 1;
  position: relative;
}
.reports-archive .reports-archive-wrapper .x-button {
  left: 0;
}
.reports-archive .reports-archive-wrapper .section-header {
  padding-top: 20px;
}
.reports-archive .reports-archive-wrapper .section-header .section-header__title {
  margin: 0;
}
.reports-archive .reports-archive-wrapper .section-header .section-header__title .section-header-text {
  padding-inline-start: 12px;
  border-inline-start: #b90000 solid 8px;
  font-size: 41px;
  line-height: 1.2;
}
@media screen and (max-width: 980px) {
  .reports-archive .reports-archive-wrapper .section-header .section-header__title .section-header-text {
    font-size: 30px;
  }
}
.reports-archive .reports-archive-wrapper .takarir-search-bar {
  margin-top: 70px;
}
.reports-archive .reports-archive-wrapper .reports-archive-content {
  margin-top: 40px;
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper-container {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper-container::-webkit-scrollbar {
  width: 0.5em;
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section-header {
  font-size: 34px;
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section-header {
    font-size: 25px;
  }
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section {
  display: flex;
  -moz-column-gap: 25px;
       column-gap: 25px;
  flex-wrap: wrap;
  row-gap: 45px;
}
@media screen and (max-width: 980px) {
  .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section {
    row-gap: 15px;
  }
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
  width: calc(25% - 19px);
}
@media screen and (max-width: 1150px) {
  .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
    width: calc(33.33333% - 17px);
  }
}
@media screen and (max-width: 850px) {
  .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
    width: calc(50% - 13px);
  }
}
@media screen and (max-width: 650px) {
  .reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter {
    width: 100%;
  }
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter .ra-chapter-date-wrapper {
  display: flex;
  gap: 25px;
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter .search-result-chapter-date {
  font-size: 14px;
  color: rgba(30, 30, 30, 0.41);
}
.reports-archive .reports-archive-wrapper .reports-archive-content .reports-archive-content-wrapper .reports-archive-section-container .reports-archive-section .search-result-chapter .ra-hashtags {
  font-size: 13px;
  font-weight: 800;
  color: rgba(80, 80, 80, 0.48);
  direction: ltr;
  text-align: end;
}
.reports-archive .reports-archive-wrapper .ra-al-mazid {
  color: rgb(185, 0, 0);
  padding-top: 22px;
  border-top: rgb(197, 16, 23) solid 5px;
  font-size: 19px;
  font-weight: 800;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 121px;
  padding-bottom: 72px;
}
@media screen and (max-width: 1150px) {
  .reports-archive .reports-archive-wrapper .ra-al-mazid {
    margin-top: 70px;
    padding-bottom: 132px;
  }
}

.writers {
  background-color: #f0f0f0;
  padding-inline-end: var(--margin-end);
  padding-inline-start: var(--margin-start);
}
.writers .writers-wrapper {
  max-width: 1600px;
  margin: auto;
  padding-top: 42px;
  padding-bottom: 253px;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper {
    padding-top: 33px;
  }
}
.writers .writers-wrapper .section-header__title {
  margin: 0;
}
.writers .writers-wrapper .section-header__title .section-header-text {
  font-size: 41px;
  font-weight: 800;
  line-height: 50px;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .section-header__title .section-header-text {
    font-size: 30px;
    line-height: 33px;
  }
}
.writers .writers-wrapper .writers-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 26px;
       column-gap: 26px;
  row-gap: 45px;
  margin-top: 45px;
}
@media screen and (max-width: 1200px) {
  .writers .writers-wrapper .writers-content {
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 750px) {
  .writers .writers-wrapper .writers-content {
    grid-template-columns: auto;
  }
}
.writers .writers-wrapper .writers-content .writers-writer {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0196078431);
  border-radius: 7px;
  background-color: #fff;
  width: 100%;
  padding: 20px 24px;
  padding-bottom: 36px;
  position: relative;
  cursor: pointer;
  transition: background 0.5s ease;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .writers-content .writers-writer {
    padding: 16px 20px;
    padding-bottom: 20px;
  }
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details {
  display: flex;
  gap: 21px;
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  border: #111111 solid 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 105px;
  transition: border 0.3s ease-in-out;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image {
    width: 84px;
    height: 84px;
    flex: 0 0 84px;
  }
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image img {
  width: 95px;
  height: 95px;
  border-radius: 50%;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-details-image img {
    width: 76px;
    height: 75px;
  }
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-name h2 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 9px;
  line-height: 22px;
  margin-top: 12px;
  transition: color 0.3s ease-in-out;
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-details .writers-writer-name p {
  color: #a5a5a5;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-social-media {
  display: flex;
  align-items: center;
  margin-inline-start: 20px;
  margin-top: 43px;
  gap: 27px;
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-social-media i {
  font-size: 19px;
  transition: color 0.3s ease-in-out;
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-social-media .fa-instagram {
  font-size: 24px;
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number {
  background-color: #000;
  position: absolute;
  inset-inline-end: 24px;
  bottom: -20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 92px;
  padding: 12px 0;
  border: solid #707070 1px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number {
    inset-inline-end: 16px;
    width: 73px;
  }
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number h6 {
  color: #fff;
  font-size: 29px;
  line-height: 31px;
  margin-bottom: 3px;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number h6 {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 0;
  }
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number p {
  font-size: 16px;
  color: #a5a5a5;
  line-height: 17px;
  margin-bottom: 13px;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 8px;
  }
}
.writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number i {
  color: #b90000;
  font-size: 19px;
}
@media screen and (max-width: 500px) {
  .writers .writers-wrapper .writers-content .writers-writer .writers-writer-articles-number i {
    font-size: 14px;
  }
}
.writers .writers-wrapper .writers-content .writers-writer:hover {
  background: url("../../images/writers/linear-gradient.svg");
  background-size: 130%;
  background-position: center;
}
.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-details .writers-writer-details-image {
  border: #b90000 solid 3px;
}
.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-details .writers-writer-name h2 {
  color: #fff;
}
.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-social-media i {
  color: #fff;
}
.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-articles-number {
  background-color: #fff;
  border: unset;
}
.writers .writers-wrapper .writers-content .writers-writer:hover .writers-writer-articles-number h6 {
  color: #000;
}
.writers .writers-wrapper .writers-content .loader {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
  touch-action: none;
}
.writers .writers-wrapper .writers-content .loader .spinner {
  position: absolute;
  top: 40%;
  inset-inline-end: 35%;
  transform: translate(-50%, 50%);
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #000;
  width: 90px;
  height: 90px;
  /* Safari */
  animation: spin 2s linear infinite;
}
.writers .writers-wrapper .writers-content .writers-integrity-effort {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 120px;
  grid-row: 2/span 2;
  grid-column: 1;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 750px) {
  .writers .writers-wrapper .writers-content .writers-integrity-effort {
    grid-row: unset;
    grid-column: unset;
    margin-top: 100px;
  }
}
.writers .writers-wrapper .writers-content .writers-integrity-effort .writers-integrity-effort-pcontainer p {
  font-size: 31px;
  font-weight: bold;
  margin-bottom: 5px;
}
.writers .writers-wrapper .writers-content .writers-integrity-effort .writers-integrity-effort-pcontainer::before {
  position: absolute;
  content: "";
  display: block;
  top: -70px;
  inset-inline-start: 32%;
  height: 60px;
  width: 1px;
  background-color: #b90000;
  transform: rotate(25deg);
}
.writers .writers-wrapper .writers-content .writers-integrity-effort .writers-integrity-effort-pcontainer::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -70px;
  inset-inline-end: 40%;
  height: 60px;
  width: 1px;
  background-color: #b90000;
  transform: rotate(25deg);
}

.writers-details {
  padding-inline-end: var(--margin-end);
  padding-inline-start: var(--margin-start);
  margin: auto;
  background-color: #f3f3f3;
}
.writers-details .writers-details-wrapper {
  max-width: 1600px;
  margin: auto;
  padding-top: 30px;
}
.writers-details .writers-details-wrapper .wd-header {
  display: grid;
  grid-template-columns: 25% 60% 92px;
  justify-content: space-between;
  padding-bottom: 20px;
}
@media screen and (max-width: 1300px) and (min-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-header {
    grid-template-columns: 33% 50% 92px;
  }
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-header {
    padding-bottom: 0px;
    grid-template-columns: calc(100% - 92px) 92px;
    row-gap: 30px;
  }
}
@media screen and (max-width: 580px) {
  .writers-details .writers-details-wrapper .wd-header {
    grid-template-columns: calc(100% - 80px - 12px) 80px 12px;
    row-gap: 30px;
  }
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-details {
  display: flex;
  gap: 21px;
}
@media screen and (max-width: 580px) {
  .writers-details .writers-details-wrapper .wd-header .writers-writer-details {
    flex-direction: column;
    gap: 3px;
  }
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-details-image {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  border: #111111 solid 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 105px;
  transition: border 0.3s ease-in-out;
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-details-image img {
  width: 95px;
  height: 95px;
  border-radius: 50%;
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-name h2 {
  font-size: 27px;
  font-weight: 800;
  margin-bottom: 7px;
  line-height: 30px;
  margin-top: 12px;
  transition: color 0.3s ease-in-out;
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-details .writers-writer-name p {
  color: #a5a5a5;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.writers-details .writers-details-wrapper .wd-header .writers-biography {
  margin-inline-end: 12.5%;
}
@media screen and (max-width: 1300px) {
  .writers-details .writers-details-wrapper .wd-header .writers-biography {
    margin-inline-end: unset;
  }
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-header .writers-biography {
    grid-column: 1/span 2;
    grid-row: 2;
  }
}
.writers-details .writers-details-wrapper .wd-header .writers-biography p {
  color: #5b5b5b;
  margin: 0;
  line-height: 28px;
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-social-media {
  display: flex;
  align-items: center;
  margin-inline-start: 20px;
  margin-top: 43px;
  gap: 27px;
}
@media screen and (max-width: 980px) {
  .writers-details .writers-details-wrapper .wd-header .writers-writer-social-media {
    margin-top: 30px;
  }
}
@media screen and (max-width: 580px) {
  .writers-details .writers-details-wrapper .wd-header .writers-writer-social-media {
    margin-inline-start: 0px;
  }
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-social-media i {
  font-size: 19px;
  transition: color 0.3s ease-in-out;
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-social-media .fa-instagram {
  font-size: 24px;
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number {
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 92px;
  padding: 12px 0;
  border: solid #707070 1px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  transition: all 0.3s ease-in-out;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 580px) {
  .writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number {
    width: 62px;
    margin-inline-end: 18px;
  }
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number h6 {
  color: #fff;
  font-size: 29px;
  line-height: 31px;
  margin-bottom: 3px;
}
@media screen and (max-width: 580px) {
  .writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number h6 {
    font-size: 18px;
    line-height: 20px;
  }
}
.writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number p {
  font-size: 16px;
  color: #a5a5a5;
  line-height: 17px;
  margin-bottom: 13px;
}
@media screen and (max-width: 580px) {
  .writers-details .writers-details-wrapper .wd-header .writers-writer-articles-number p {
    font-size: 10px;
    line-height: 11px;
    margin-bottom: 0;
  }
}
.writers-details .writers-details-wrapper .wd-header .wd-x-container {
  display: none;
  font-size: 16px;
}
@media screen and (max-width: 580px) {
  .writers-details .writers-details-wrapper .wd-header .wd-x-container {
    display: block;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles {
  background-color: #fff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0901960784);
  padding-top: 30px;
  padding-inline-start: 23px;
  padding-inline-end: 84px;
  padding-bottom: 48px;
}
@media screen and (max-width: 1350px) {
  .writers-details .writers-details-wrapper .wd-newest-articles {
    padding-inline-start: 23px;
  }
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-newest-articles {
    padding-inline-start: 100px;
    padding-inline-end: 100px;
  }
}
@media screen and (max-width: 900px) {
  .writers-details .writers-details-wrapper .wd-newest-articles {
    padding-inline-end: 50px;
    padding-inline-start: 50px;
  }
}
@media screen and (max-width: 800px) {
  .writers-details .writers-details-wrapper .wd-newest-articles {
    padding-inline-end: 50px;
    padding-inline-start: 50px;
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 650px) {
  .writers-details .writers-details-wrapper .wd-newest-articles {
    padding-inline-end: 23px;
    padding-inline-start: 23px;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-header {
  margin-bottom: 35px;
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-header .section-header__title {
  margin: 0;
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-header .section-header__title .section-header-text {
  padding: 0;
  font-size: 31px;
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content {
    flex-direction: column;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right {
  width: 45%;
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-content {
    padding: 0;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-title {
  margin-top: 15px;
  margin-bottom: 5px;
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-text {
  width: 100%;
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-text {
    font-size: 15px;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-right .highlight-time {
  display: block;
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left {
  width: 51%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left {
    width: 100%;
    flex-direction: row;
    gap: 10px;
  }
}
@media screen and (max-width: 800px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left {
    flex-direction: column;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article {
    flex-direction: column-reverse;
    gap: 5px;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details {
  width: 49%;
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details {
    width: 100%;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details h5 {
  font-size: 24px;
  line-height: 35px;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 1350px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details h5 {
    font-size: 20px;
    line-height: 27px;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-details p {
  font-size: 13px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.44);
  direction: ltr;
  text-align: end;
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-image {
  width: 46%;
}
@media screen and (max-width: 1024px) {
  .writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-image {
    width: 100%;
  }
}
.writers-details .writers-details-wrapper .wd-newest-articles .wd-newest-articles-content .wd-newest-articles-left .wd-newest-articles-article .wd-newest-articles-article-image img {
  width: 100%;
  height: auto;
}
.writers-details .writers-details-wrapper .wd-more-news {
  margin-top: 57px;
  padding-bottom: 134px;
}
@media screen and (max-width: 850px) {
  .writers-details .writers-details-wrapper .wd-more-news {
    padding-bottom: 100px;
    flex-direction: column-reverse;
    gap: 49px;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .search-result-al-mazid {
  margin-top: 40px;
}
@media screen and (max-width: 850px) {
  .writers-details .writers-details-wrapper .wd-more-news .search-result-al-mazid {
    margin-top: 30px;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .section-header .section-header__title {
  margin: 0;
}
.writers-details .writers-details-wrapper .wd-more-news .section-header .section-header__title .section-header-text {
  font-size: 31px;
  line-height: 50px;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .search-input {
  margin-top: 30px;
  padding-inline-end: 0px;
  padding-inline-start: 0px;
  border: none;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .search-input input {
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  padding: 12px 0;
  padding-inline-end: 40px;
  padding-inline-start: 22px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0509803922);
  border: 1px solid #dcdcdc;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .search-input i {
  position: absolute;
  inset-inline-end: 20px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 27px;
  margin-top: 36px;
  justify-content: space-between;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article {
  display: flex;
  gap: 20px;
  width: 48%;
}
@media screen and (max-width: 1150px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article {
    flex-direction: column;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-image {
  width: 158px;
  height: 100px;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-image img {
  width: 100%;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details {
  width: calc(100% - 158px);
}
@media screen and (max-width: 1150px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details {
    width: 100%;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details h3 {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 850px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details h3 {
    font-size: 20px;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details h5 {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 10px;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-right .wd-writers-articles .wd-writers-article .wd-writers-article-details p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
  direction: ltr;
  text-align: end;
  margin: 0;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left {
  width: 42%;
}
@media screen and (max-width: 1150px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left {
    width: 48%;
  }
}
@media screen and (max-width: 850px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left {
    width: 100%;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content {
  margin-top: 30px;
  overflow-x: scroll;
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 850px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content {
    width: 100%;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .category-listing-videos-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}
@media screen and (max-width: 850px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .category-listing-videos-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    gap: 20px;
  }
}
.writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .search-result-chapter {
  width: 48%;
}
@media screen and (max-width: 850px) {
  .writers-details .writers-details-wrapper .wd-more-news .wd-more-news-left .category-listing-videos-content .search-result-chapter {
    width: 270px;
    height: auto;
  }
}

.production-page {
  position: relative;
  background: url("../images/production/production-bg.png") no-repeat center center fixed;
  background-size: cover;
  padding-bottom: 35px;
  position: relative;
  min-height: calc(100vh - var(--header-height));
}
.production-page * {
  direction: ltr;
}
.production-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(26, 26, 26);
  background: linear-gradient(0deg, rgb(26, 26, 26) 0%, rgba(64, 64, 64, 0) 100%);
  z-index: 0;
}
.production-page .production-page-container {
  padding-left: var(--margin-end);
  padding-right: var(--margin-start);
  position: relative;
  z-index: 1;
}
.production-page .production-page-container .production-page-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 12.78px;
}
@media screen and (max-width: 768px) {
  .production-page .production-page-container .production-page-wrapper {
    flex-direction: column;
  }
}
.production-page .production-page-container .production-page-wrapper .production-page-column {
  display: flex;
  flex-direction: column;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .production-page .production-page-container .production-page-wrapper .production-page-column {
    width: 100%;
  }
}
.production-page .production-page-container .production-page-wrapper .production-page-column .mobile-close-button {
  display: none;
  margin-top: 20px;
  color: #fff;
}
.production-page .production-page-container .production-page-wrapper .production-page-column .mobile-close-button i {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 768px) {
  .production-page .production-page-container .production-page-wrapper .production-page-column .mobile-close-button {
    display: block;
  }
}
.production-page .production-page-container .production-page-wrapper .production-page-column .studiovision-logo {
  width: 246px;
  height: 42px;
  margin-top: 60px;
  margin-bottom: 60px;
}
.production-page .production-page-container .production-page-wrapper .production-page-column .studiovision-logo img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .production-page .production-page-container .production-page-wrapper .production-page-column .studiovision-logo {
    margin-top: 37px;
    margin-bottom: 37px;
  }
}
.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header {
  color: #fff;
  margin-bottom: 100px;
}
.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title {
  position: relative;
}
.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 7px;
  background-color: rgb(197, 16, 23);
}
.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title .text {
  font-weight: 800;
  padding-left: 20px;
  white-space: nowrap;
  text-wrap: nowrap;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .title .text {
    white-space: unset;
    text-wrap: unset;
  }
}
.production-page .production-page-container .production-page-wrapper .production-page-column .production-page-header .content {
  padding-left: 20px;
  margin-top: 25px;
}
.production-page .production-page-container .production-page-wrapper .production-page-column .info-box {
  background-color: #fff;
  padding-top: 35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 50px;
}
.production-page .production-page-container .production-page-wrapper .production-page-column .info-box .title {
  font-weight: 800;
  color: #b90000;
  font-size: 28px;
}
.production-page .production-page-container .production-page-wrapper .production-page-column .info-box .content {
  font-weight: normal;
}
.production-page .production-page-container .production-page-wrapper .production-page-column.flex-end {
  justify-content: flex-end;
}

.advertise-page {
  padding-left: var(--margin-end);
  padding-right: var(--margin-start);
}
.advertise-page * {
  direction: ltr;
}
.advertise-page .advertise-page-container {
  max-width: 1600px;
  margin: auto;
}
.advertise-page .advertise-page-container .advertise-page-wrapper {
  display: flex;
  flex-direction: column;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header {
    margin-top: 50px;
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .title .text {
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .title .text {
    font-size: 30px;
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .subtitle {
  font-size: 14px;
  max-width: 600px;
  color: #000;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-header .subtitle .text {
  padding-left: 18px;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content {
  display: flex;
  gap: 50px;
  padding-top: 30px;
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content {
    flex-direction: column;
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info {
  flex-basis: 25%;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header {
  padding-left: 18px;
  padding-right: 18px;
  margin-bottom: 25px;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .title {
  display: flex;
  justify-content: space-between;
  font-weight: 800;
  color: #b90000;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .title .dropdown-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .title .dropdown-icon {
    display: inline-block;
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .subtitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .info-header .subtitle {
    max-width: 70%;
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 60px;
  list-style: none;
  background-color: #fff;
  padding-left: 18px;
  padding-top: 46px;
  padding-bottom: 38px;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features {
    height: 2px;
    padding: 0;
    overflow: hidden;
    border: none;
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 90px;
  background-color: #b90000;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-info .advertise-features .feature {
  font-weight: 800;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container {
  flex-basis: calc(75% - 50px);
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form {
    padding-left: var(--margin-start);
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-row {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-row {
    flex-direction: column;
  }
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group {
  display: flex;
  flex-direction: column;
  flex-basis: calc(50% - 20px);
  gap: 10px;
  max-width: 310px;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group.radio {
  flex-direction: row;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group.radio .form-radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group label {
  color: #1e1e1e;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group input {
  border: none;
  border-radius: none;
  outline: none;
  height: 40px;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid #272727;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group input[type=radio]:checked {
  border: 2px solid #c51017;
  background-color: #c51017;
}
.advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group button[type=submit] {
  border: none;
  margin-top: 20px;
  background: none;
  padding-top: 15px;
  border-top: 5px solid #c51017;
  width: -moz-fit-content;
  width: fit-content;
  color: #b90000;
  font-size: 19px;
  font-weight: 800;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .advertise-page .advertise-page-container .advertise-page-wrapper .advertise-page-content .advertise-form-container .advertise-form .form-group button[type=submit] {
    font-size: 13px;
    border-top: 3px solid #c51017;
    padding-top: 10px;
  }
}

.careers-page {
  min-height: calc(100dvh - var(--header-height) - 300px);
  padding-inline-start: var(--margin-end);
  padding-inline-end: var(--margin-start);
  padding-top: 20px;
  margin-bottom: 50px;
}
.careers-page * {
  direction: ltr;
}
.careers-page .careers-page-container {
  max-width: 1600px;
  margin: auto;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-header {
  flex-direction: column;
  align-items: flex-start;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-header .title {
  line-height: 29px;
}
@media screen and (max-width: 768px) {
  .careers-page .careers-page-container .careers-page-wrapper .careers-page-header .title .text {
    font-size: 30px;
  }
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle {
  margin-top: 20px;
  font-size: 19px;
  font-weight: 800;
  color: #b90000;
}
@media screen and (max-width: 768px) {
  .careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle {
    font-size: 15px;
  }
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle .text {
  padding-top: 12px;
  border-top: 5px solid #c51017;
}
@media screen and (max-width: 768px) {
  .careers-page .careers-page-container .careers-page-wrapper .careers-page-header .subtitle .text {
    padding-top: 7px;
    border-top: 3px solid #c51017;
  }
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content {
  margin-top: 40px;
  margin-bottom: 100px;
  position: relative;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper {
  overflow-y: visible;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening {
  background-color: #f7f7f7;
  padding: 20px;
  border: solid 1px transparent;
  transition: all 0.3s ease-in-out;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening:hover {
  border: solid #1e2131 1px;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening:hover .apply-button .text {
  border-top: 5px solid #1e2131;
  color: #1e2131;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .title {
  color: #151515;
  font-size: 21px;
  font-weight: 800;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .content {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0px;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .apply-button {
  color: #b90000;
  font-size: 19px;
  font-weight: 800;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .apply-button .text {
  padding-top: 14px;
  width: -moz-fit-content;
  width: fit-content;
  border-top: 5px solid #c51017;
  transition: all 0.3s ease-in-out;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .openings-swiper-wrapper .opening .apply-button .text:hover {
  border-top: 5px solid #1e2131;
  color: #1e2131;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .nav-buttons {
  position: absolute;
  bottom: -40px;
  left: 35px;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .nav-buttons .openings-swiper-button-prev::after {
  font-family: "Font Awesome 6 Free";
  content: "\f060";
  font-weight: 800;
  color: #0c0c0c;
  font-size: 20px;
}
.careers-page .careers-page-container .careers-page-wrapper .careers-page-content .content-wrapper .openings-swiper .nav-buttons .openings-swiper-button-next::after {
  font-family: "Font Awesome 6 Free";
  content: "\f061";
  font-weight: 800;
  color: #0c0c0c;
  font-size: 20px;
}

.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content {
  flex-direction: row-reverse;
}
@media screen and (max-width: 950px) {
  .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content {
    flex-direction: column;
  }
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info {
  flex-basis: unset;
}
@media screen and (max-width: 768px) {
  .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
    flex-direction: row;
  }
}
@media screen and (max-width: 500px) {
  .contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
    flex-direction: column;
  }
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row.uploaders {
  flex-direction: row;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .form-group {
  max-width: unset;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .form-group .iti input {
  width: 100%;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .form-group select {
  width: 100%;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload {
  width: 50%;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .uploaded-file-name {
  margin: 0;
  font-size: 0.9rem;
  color: #444;
  margin-top: 5px;
  padding-left: 5px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .uploaded-file-name i {
  color: #d10000;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label {
  cursor: pointer;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container {
  width: 122px;
  aspect-ratio: 14/16;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container.picture-upload-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container .remove-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #c00;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
  font-size: 1.2rem;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .upload-image-container {
  position: relative;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .spinner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .cv-upload-container {
  background-color: #a9a9a9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .cv-upload-container img {
  width: 60px;
  height: auto;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .text {
  width: 100%;
  text-align: center;
  padding: 3px 0;
  background-color: #1e2251;
  color: #fff;
  transition: all 0.3s ease;
  border: 1px solid #1e2251;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload .label .text:hover {
  color: #000;
  background-color: #fff;
  border: #000 solid 1px;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row .upload input {
  display: none;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group h4 {
  margin: 0;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .education-entry {
  margin-top: 10px;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .add-btn,
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .remove-btn {
  margin-top: 10px;
  background-color: #1e2251;
  border: solid #1e2251 1px;
  color: #fff;
  transition: all 0.3s ease;
}
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .add-btn:hover,
.contact-page.careers-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .career-input-group .remove-btn:hover {
  color: #000;
  background-color: #fff;
  border: #000 solid 1px;
}

.flatpickr-calendar .numInput {
  text-align: end;
}

.contact-page {
  min-height: calc(100dvh - var(--header-height));
  padding-left: var(--margin-end);
  padding-right: var(--margin-start);
}
.contact-page * {
  direction: ltr;
}
.contact-page .contact-page-container {
  max-width: 1600px;
  margin: auto;
}
.contact-page .contact-page-container .contact-page-wrapper {
  display: flex;
  flex-direction: column;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0px;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-header {
    gap: 5px;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .title .text {
  text-transform: lowercase;
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-header .title .text {
    font-size: 25px;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .title .text::first-letter {
  text-transform: uppercase;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle {
  display: flex;
  align-items: center;
  gap: 15px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle .icon {
  position: relative;
  border-radius: 50%;
  background-color: #db1519;
  width: 41px;
  height: 41px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle .icon i {
  position: absolute;
  top: 2px;
  right: -2px;
  font-size: 32px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .subtitle .number {
  font-size: 25px;
  font-weight: 800;
  color: #000;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-header .advertise-subtitle {
  width: 55%;
  padding-inline-start: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-header .advertise-subtitle {
    width: 100%;
    font-size: 13px;
    padding-inline-start: 0;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content {
  display: flex;
  gap: 50px;
  padding-top: 50px;
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-content {
    flex-direction: column;
    padding-top: 20px;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info {
  flex-basis: 400px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header {
  margin-bottom: 15px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .title {
  display: flex;
  justify-content: space-between;
  font-weight: 800;
  color: #b90000;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .title .dropdown-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .title .dropdown-icon {
    display: inline-block;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .subtitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .info-header .subtitle {
    max-width: 70%;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .contact-features {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
  list-style: none;
  background-color: #fff;
  padding-left: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .contact-features {
    height: 2px;
    padding: 0;
    overflow: hidden;
    border: none;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-page-info .contact-features .feature {
  font-weight: 800;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container {
  flex-basis: calc(75% - 50px);
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form {
    padding-left: var(--margin-start);
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-row {
    flex-direction: column;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .field-error {
  color: #e53935;
  font-size: 0.85rem;
  margin-top: 2px;
  display: block;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group {
  display: flex;
  flex-direction: column;
  flex-basis: calc(50% - 10px);
  gap: 10px;
  max-width: 310px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group .fa-spinner {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 33px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group p {
  display: none;
  margin: 0;
  margin-top: -10px;
  color: #cc0000;
  font-size: 12px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.is-invalid input,
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.is-invalid select {
  border: 2px solid #cc0000;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.is-invalid p {
  display: block;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.radio {
  flex-direction: row;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group.radio .form-radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group label {
  color: #1e1e1e;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group input,
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group textarea {
  outline: none;
  height: 40px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group textarea {
  resize: none;
  height: 90px;
  width: 100%;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid #272727;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group input[type=radio]:checked {
  border: 2px solid #c51017;
  background-color: #c51017;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group button {
  border: none;
  background: none;
  padding-top: 15px;
  border-top: 5px solid #c51017;
  width: -moz-fit-content;
  width: fit-content;
  color: #b90000;
  font-size: 19px;
  font-weight: 800;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group button {
    font-size: 13px;
    border-top: 3px solid #c51017;
    padding-top: 10px;
  }
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group select {
  height: 40px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group select:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .form-group .calendar-icon {
  position: absolute;
  inset-inline-end: 10px;
  top: 44px;
  color: #888;
  cursor: pointer;
  pointer-events: none;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .success {
  color: rgb(47, 167, 47);
}
.contact-page .contact-page-container .contact-page-wrapper .contact-page-content .contact-form-container .contact-form .error {
  color: #b90000;
}
.contact-page .department {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.contact-page .department .label-wrapper {
  width: calc(100% - 25px);
}
.contact-page .department-header {
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.contact-page .department-desc {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  color: #666;
}
.contact-page .department-checkbox {
  display: flex;
  justify-content: space-between;
}
.contact-page .department-checkbox input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  border: 2px solid #333;
  border-radius: 2px;
  outline: none;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.contact-page .department-checkbox input[type=radio]::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 6px;
}
.contact-page .department-checkbox input[type=radio]:checked {
  background-color: #333;
}
.contact-page .department.advertise-feature .department-header {
  margin-bottom: 0;
  font-size: 15px;
}
.contact-page .department.advertise-feature .department-desc {
  margin-bottom: 0;
  font-size: 12px;
}

.about-page * {
  direction: ltr;
}
.about-page .about-page-container .hero-section {
  position: relative;
  height: calc(100vh - 90px);
  background: url("https://imagescdn.mtv.com.lb/CorporatePage/170804042419372~intro-corporate-about.jpg") no-repeat center center;
  background-size: cover;
}
.about-page .about-page-container .hero-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(26, 26, 26);
  background: linear-gradient(0deg, rgb(26, 26, 26) 0%, rgba(64, 64, 64, 0) 100%);
  z-index: 0;
}
.about-page .about-page-container .hero-section .hero-section-content {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 15%;
  color: #fff;
  width: 100%;
  padding-left: var(--margin-end);
  padding-right: var(--margin-start);
}
@media screen and (max-width: 1150px) {
  .about-page .about-page-container .hero-section .hero-section-content {
    bottom: 10%;
  }
}
.about-page .about-page-container .hero-section .hero-section-content::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 50%;
  width: 300px;
  height: 100%;
  background: rgb(219, 21, 25);
  background: radial-gradient(circle, rgb(219, 21, 25) 0%, rgba(185, 0, 0, 0) 80%);
  opacity: 26%;
}
@media screen and (max-width: 1150px) {
  .about-page .about-page-container .hero-section .hero-section-content::before {
    display: none;
  }
}
.about-page .about-page-container .hero-section .hero-section-content .content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}
@media screen and (max-width: 1150px) {
  .about-page .about-page-container .hero-section .hero-section-content .content-container {
    gap: 35px;
  }
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .title {
  font-size: 46px;
  font-weight: 800;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .about-page .about-page-container .hero-section .hero-section-content .content-container .title {
    font-size: 30px;
  }
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list {
  display: flex;
  -moz-column-gap: 50px;
       column-gap: 50px;
  row-gap: 30px;
}
@media screen and (max-width: 1150px) {
  .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 700px) {
  .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list {
    -moz-column-gap: 33px;
         column-gap: 33px;
  }
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-first,
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-second {
  display: flex;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
@media screen and (max-width: 700px) {
  .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-first,
  .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .icon-list-second {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item {
  max-width: 150px;
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .icon {
  position: relative;
  border-radius: 50%;
  background-color: #db1519;
  width: 36px;
  height: 36px;
  margin-bottom: 24px;
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .icon i {
  position: absolute;
  right: -5px;
  font-size: 30px;
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .text {
  font-size: 19px;
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 700px) {
  .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .item .text {
    font-size: 12px;
  }
}
.about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .separator {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 1150px) {
  .about-page .about-page-container .hero-section .hero-section-content .content-container .icons-list .container-separator {
    display: none;
  }
}
.about-page .about-page-container .quote-section {
  position: relative;
  background-color: #1a1a1a;
  margin-top: -1px;
  padding-top: 23px;
  height: 575px;
  padding-left: var(--margin-end);
  padding-right: var(--margin-start);
}
@media screen and (max-width: 1250px) {
  .about-page .about-page-container .quote-section {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.about-page .about-page-container .quote-section .quote-container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1250px) {
  .about-page .about-page-container .quote-section .quote-container {
    flex-direction: column;
    align-items: center;
    padding-bottom: 36px;
  }
}
.about-page .about-page-container .quote-section .quote-container .ceo-image {
  width: 539px;
  height: 634px;
}
@media screen and (max-width: 1250px) {
  .about-page .about-page-container .quote-section .quote-container .ceo-image {
    width: 374px;
    height: auto;
  }
}
@media screen and (max-width: 420px) {
  .about-page .about-page-container .quote-section .quote-container .ceo-image {
    width: 100%;
  }
}
.about-page .about-page-container .quote-section .quote-container .ceo-image img {
  width: 100%;
  height: auto;
}
.about-page .about-page-container .quote-section .quote-container .quote {
  color: #fff;
  max-width: 600px;
  width: 50%;
  margin-top: 100px;
}
@media screen and (max-width: 1250px) {
  .about-page .about-page-container .quote-section .quote-container .quote {
    margin-top: 70px;
  }
}
@media screen and (max-width: 800px) {
  .about-page .about-page-container .quote-section .quote-container .quote {
    width: 100%;
  }
}
.about-page .about-page-container .quote-section .quote-container .quote .text {
  position: relative;
  font-size: 38px;
  font-weight: 800;
}
@media screen and (max-width: 1024px) {
  .about-page .about-page-container .quote-section .quote-container .quote .text {
    font-size: 20px;
  }
}
.about-page .about-page-container .quote-section .quote-container .quote .text::before {
  content: "\f10e";
  position: absolute;
  left: 0;
  top: -50px;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  transform: rotateY("180deg");
}
.about-page .about-page-container .quote-section .quote-container .quote .text::after {
  content: "\f10d";
  position: absolute;
  right: 0;
  bottom: -50px;
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
}
.about-page .about-page-container .quote-section .quote-container .quote .subtext {
  font-size: 25px;
  margin: 0;
  margin-top: 35px;
}
@media screen and (max-width: 1024px) {
  .about-page .about-page-container .quote-section .quote-container .quote .subtext {
    font-size: 13px;
  }
}
.about-page .about-page-container .mission-vision-section {
  padding-left: var(--margin-start);
  padding-right: var(--margin-end);
  padding-top: 150px;
  padding-bottom: 100px;
}
@media screen and (max-width: 650px) {
  .about-page .about-page-container .mission-vision-section {
    padding-top: 45px;
    padding-bottom: 36px;
  }
}
.about-page .about-page-container .mission-vision-section .mission-vision-container {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 650px) {
  .about-page .about-page-container .mission-vision-section .mission-vision-container {
    flex-direction: column;
    gap: 30px;
  }
}
.about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision {
  max-width: 550px;
}
@media screen and (max-width: 650px) {
  .about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision {
    max-width: 100%;
  }
}
.about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision.vision {
  padding-top: 200px;
}
@media screen and (max-width: 650px) {
  .about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision.vision {
    padding-top: unset;
  }
}
.about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision .mission-vision-header {
  margin-bottom: 38px;
}
@media screen and (max-width: 650px) {
  .about-page .about-page-container .mission-vision-section .mission-vision-container .mission-vision .mission-vision-header {
    margin-bottom: 11px;
  }
}
.about-page .about-page-container .history-section {
  position: relative;
  background: url("../images/about/history-bg.png") no-repeat center center;
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 100px;
  padding-left: var(--margin-start);
  padding-right: var(--margin-end);
}
@media screen and (max-width: 850px) {
  .about-page .about-page-container .history-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.about-page .about-page-container .history-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.about-page .about-page-container .history-section .history-header::-webkit-scrollbar {
  display: none;
}
.about-page .about-page-container .history-section .history-header {
  width: 100%;
  overflow: scroll;
}
.about-page .about-page-container .history-section .history-header .header-container {
  width: 100%;
  min-width: 1080px;
}
@media screen and (max-width: 850px) {
  .about-page .about-page-container .history-section .history-header .header-container {
    min-width: 790px;
  }
}
.about-page .about-page-container .history-section .history-header .header-container .tabs {
  position: relative;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
  z-index: 1;
}
.about-page .about-page-container .history-section .history-header .header-container .tabs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.16);
}
.about-page .about-page-container .history-section .history-header .header-container .tabs .tab {
  font-size: 25px;
  color: #fff;
  opacity: 0.5;
  padding-top: 25px;
  padding-bottom: 25px;
  cursor: pointer;
}
@media screen and (max-width: 850px) {
  .about-page .about-page-container .history-section .history-header .header-container .tabs .tab {
    font-size: 16px;
    padding-top: 0;
  }
}
.about-page .about-page-container .history-section .history-header .header-container .tabs .tab.active {
  position: relative;
  font-weight: 800;
  opacity: 1;
}
.about-page .about-page-container .history-section .history-header .header-container .tabs .tab.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #db1519;
}
.about-page .about-page-container .history-section .history-content {
  margin-top: 100px;
}
@media screen and (max-width: 850px) {
  .about-page .about-page-container .history-section .history-content {
    margin-top: 60px;
  }
}
.about-page .about-page-container .history-section .history-content .content-container {
  width: 91%;
  margin: 0 auto;
}
.about-page .about-page-container .history-section .history-content .content-container .content {
  position: relative;
  color: #fff;
  font-size: 19px;
  text-align: center;
  z-index: 1;
  display: none;
}
.about-page .about-page-container .history-section .history-content .content-container .visible {
  display: block;
}

.terms-page {
  padding-left: var(--margin-start);
  padding-right: var(--margin-end);
}
.terms-page.vod-terms {
  padding-top: 80px;
}
@media screen and (max-width: 980px) {
  .terms-page.vod-terms {
    padding-top: 0;
    padding-bottom: 40px;
  }
}
.terms-page.vod-terms .terms-header .text {
  font-size: 24px;
  color: red;
}
.terms-page .terms-page-container {
  max-width: 1600px;
  margin: auto;
  padding: 20px 0;
}
.terms-page .terms-page-container .terms-header {
  margin-bottom: 20px;
}
.terms-page .terms-page-container .terms-content .privacy-policy {
  font-weight: bold;
  font-size: 15px;
}
.terms-page .terms-page-container .terms-content .privacy-policy .title {
  padding-top: 15px;
  padding-bottom: 35px;
  color: #b90000;
}

.category-listing-body {
  width: 100%;
  padding-left: var(--margin-start);
  padding-right: var(--margin-end);
}
.category-listing-body .category-listing-wrapper {
  max-width: 1600px;
  margin: auto;
}
.category-listing-body .cl-x-button {
  display: none;
}
@media screen and (max-width: 768px) {
  .category-listing-body .cl-x-button {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body {
    overflow-x: hidden;
  }
}
.category-listing-body p {
  margin: 0;
}
.category-listing-body button {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.category-listing-body a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.category-listing-body .category-listing-header {
  width: 100%;
  padding-bottom: 17px;
  border-bottom: rgb(220, 220, 220) solid 1px;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-header {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-header {
    border: none;
  }
}
.category-listing-body .category-listing-header .category-listing-header-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
@media screen and (min-width: 1600px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 5px;
  }
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-right .section-header__title {
  margin: 0;
  padding: 0;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-right .section-header__title .section-header-text {
  padding: 0;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left {
  display: flex;
  gap: 26.5px;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left {
    gap: 15px;
    width: 100%;
    justify-content: space-between;
  }
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container {
  position: relative;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container {
    width: 100%;
  }
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .lc-right-header-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0509803922);
  border: 1px solid #dcdcdc;
  padding: 8px 0;
  padding-inline-end: 22px;
  padding-inline-start: 16px;
  cursor: pointer;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .lc-right-header-dropdown p {
  margin: 0;
  font-size: 17px;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .lc-right-header-dropdown i {
  font-size: 25px;
  padding-top: 8px;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .lc-dropdown-container .search-filters-dropdown-custom {
  inset-inline-start: 0;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-simple-titles {
  display: flex;
  align-items: center;
  gap: 26.5px;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-simple-titles {
    gap: 15px;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-simple-titles {
    gap: 20px;
  }
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-title {
  cursor: pointer;
  padding: 5px 0;
  border-bottom: 3px solid #fff;
  transition: border-color 0.2s ease;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-title:hover {
  border-color: #b90000;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .category-listing-header-title.selected-category {
  border-color: #b90000;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title {
  display: flex;
  align-items: center;
  border: rgb(220, 220, 220) solid 1px;
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title {
    width: 100%;
    justify-content: space-between;
  }
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title h5 {
  margin-inline-end: 20px;
  margin-bottom: 0;
  font-size: 17px;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .al-mawadi3-end {
  display: flex;
  align-items: center;
  gap: 10px;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .al-mawadi3-end #cl-arrow {
  transition: transform 0.3s ease;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .red-circle {
  display: flex;
  opacity: 0;
  align-items: center;
  background-color: rgb(185, 0, 0);
  padding: 5px 11px;
  gap: 11px;
  border-radius: 17px;
  transition: opacity 0.3s ease-in-out;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .red-circle p {
  margin: 0;
  font-size: 12px;
  color: #fff;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .red-circle i {
  width: 9px;
  height: 13px;
  font-size: 12px;
  color: #fff;
}
.category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .header-al-mawadi3-title .show-red-circle {
  opacity: 1;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .al-mawadi3-dropdown {
    top: 110px;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content {
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-header .category-listing-header-wrapper .category-listing-header-left .al-mawadi3-dropdown .al-mawadi3-dropdown-wrapper .al-mawadi3-dropdown-content .al-mawadi3-dropdown-item {
    flex-basis: 100%;
    gap: 5px;
  }
}
.category-listing-body .category-listing-content {
  width: 100%;
  margin-top: 37px;
  display: flex;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content {
    margin-top: 0;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper {
  padding-bottom: 100px;
  display: flex;
  width: 100%;
}
@media screen and (min-width: 1600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper {
    flex-direction: column;
    padding: 0;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right {
  flex: 1;
  border-inline-end: rgb(220, 220, 220) solid 1px;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right {
    width: 100%;
    border: none;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper {
  width: 100%;
  padding-inline-end: 44.74px;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper {
    padding-inline-end: 0;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-content {
  padding: 0;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-content .highlight-title {
  margin-top: 15px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-content {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-text {
    width: 100%;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .highlight .highlight-time {
  display: block;
  direction: ltr;
  text-align: end;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .adidas-ad-content {
  width: 100%;
  margin-top: 29.5px;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .adidas-ad-content {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .adidas-ad-content img {
  width: 100%;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 42px;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    margin-top: 20px;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 25px;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1124px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right {
    gap: 15px;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right .more-news-filter-buttons {
  padding-bottom: 10px;
  padding-top: 12px;
  border-bottom: 1px solid rgb(217, 214, 214);
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-right .more-news-selected-filter {
  border-bottom: 3px solid rgb(185, 0, 0);
  font-weight: bold;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left {
  display: flex;
  gap: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left {
    width: 100%;
    justify-content: space-between;
    gap: unset;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 21px;
  padding-top: 12px;
  padding-bottom: 10px;
  border: solid 1px rgb(220, 220, 220);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.0509803922);
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown i {
  transition: transform 0.3s ease;
}
@media screen and (max-width: 1124px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .more-news-filter-dropdown {
    width: 48%;
    justify-content: space-between;
    gap: unset;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .al-mawadi3-dropdown {
  width: 100%;
  inset-inline-start: 0;
  top: 60px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .al-mawadi3-dropdown .al-mawadi3-dropdown-content {
  flex-wrap: nowrap;
  flex-direction: column;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-header .more-news-header-left .search-filters-dropdown {
  position: absolute;
  top: 60px;
  inset-inline-start: 0;
  width: 100%;
  z-index: 1;
  background-color: rgb(255, 255, 255);
  padding-inline-start: 31px;
  padding-inline-end: 14px;
  max-height: 0;
  transition: max-height 0.5s ease;
  overflow: hidden;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content {
  display: none;
  flex-direction: column;
  gap: 25px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item {
  display: flex;
  width: 100%;
  gap: 7%;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description {
    width: 100%;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description h3 {
  font-weight: bold;
  font-size: 24px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description h5 {
  font-size: 15.5px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-description p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
  direction: ltr;
  text-align: end;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item:hover .more-news-item-image img {
  scale: 1.2;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-image {
  width: 180px;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-image {
    width: 50%;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .more-news-item .more-news-item-image img {
  width: 100%;
  height: auto;
  transition: scale 0.3s ease-in-out;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .load-more-container {
  position: relative;
  display: inline-block;
  min-height: 50px;
  width: 100%;
  /* Ensures it takes up the same width as the button */
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .loader-highlight {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  /* Semi-transparent overlay */
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 10;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-content .spinner-highlight {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-right .category-listing-content-right-wrapper .more-news .more-news-displayed-content {
  display: flex;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  height: 100%;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper {
  padding-inline-start: 40.74px;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper {
    padding-inline-start: 20px;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper {
    padding: 0;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos {
  width: 0;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    width: 100%;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 23px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
  width: 47%;
  padding-bottom: 14px;
  border-bottom: #d1d1d1 1px solid;
  font-size: 21px;
  margin: 0;
  cursor: pointer;
}
@media screen and (max-width: 1145px) and (min-width: 1024px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 854px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 647px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header h5 {
    font-size: 16px !important;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-header .category-listing-selected-sports {
  font-weight: 900;
  color: #b90000;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 26px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team {
  display: flex;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team p {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team .sports-details-team-name {
  display: flex;
  gap: 18px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team .sports-details-team-name .cl-team-name {
  font-weight: unset;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-ranking .sports-details-team-selected {
  color: #b90000;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-scores {
  margin-bottom: 50px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .sports-details-score-date {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.44);
  margin-top: 20px;
  font-weight: bold;
  direction: ltr;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 5px;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: rgba(112, 112, 112, 0.17) 1px solid;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details img {
  width: 35px;
  height: 35px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details .category-listing-score {
  display: flex;
  align-items: center;
  gap: 10px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-details .category-listing-score p {
  font-weight: bold;
  font-size: 25px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-team-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .sports-details-score .category-listing-score-team-name p {
  font-size: 10px;
  text-transform: uppercase;
  color: rgb(129, 129, 129);
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .jami3-nata2ej {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 50px;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .sports-details .category-listing-hidden-sport {
  display: none;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos {
    width: 100%;
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .section-header {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .section-header .section-header__title {
  margin: 0;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content {
  margin-top: 20px;
  overflow-x: scroll;
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content {
    width: 100vw;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .category-listing-videos-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .category-listing-videos-wrapper {
    flex-direction: row;
    width: -moz-fit-content;
    width: fit-content;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .search-result-chapter {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .category-listing-videos-content .search-result-chapter {
    width: 270px;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-videos .search-result-al-mazid {
    margin-inline-start: var(--margin-start);
    margin-top: 20px;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-google-ad {
  width: 100%;
  position: sticky;
  top: calc(var(--header-height) + 20px);
  height: -moz-min-content;
  height: min-content;
}
@media screen and (max-width: 600px) {
  .category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-google-ad {
    width: 100%;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
    margin-top: 34px;
  }
}
.category-listing-body .category-listing-content .category-listing-content-wrapper .category-listing-content-left .category-listing-content-left-wrapper .category-listing-google-ad img {
  width: 100%;
}

.watch-page {
  padding: 0 var(--margin-start);
  background-color: #f0f0f0;
  min-height: 100dvh;
}
.watch-page * {
  direction: ltr;
}
.watch-page .x-button {
  left: unset;
  right: 23px;
}
.watch-page .watch-container {
  padding-bottom: 50px;
  padding-top: 20px;
  max-width: 1600px;
  margin: auto;
}
@media screen and (max-width: 650px) {
  .watch-page .watch-container .watch-header {
    padding-top: 10px;
  }
}
.watch-page .watch-container .watch-header .section-header-text {
  font-size: 38px;
  line-height: 50px;
}
@media screen and (max-width: 650px) {
  .watch-page .watch-container .watch-header .section-header-text {
    font-size: 20px;
  }
}
.watch-page .watch-container .watch-content {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 50px;
  padding-bottom: 10px;
}
@media screen and (max-width: 650px) {
  .watch-page .watch-container .watch-content {
    padding-top: 24px;
  }
}
.watch-page .watch-container .watch-content::-webkit-scrollbar {
  display: none;
}
.watch-page .watch-container .watch-content .watch-cards {
  display: flex;
  gap: 24px;
  border-bottom: 1px dashed #bbbbbb;
  width: -moz-fit-content;
  width: fit-content;
}
.watch-page .watch-container .watch-content .watch-cards * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.watch-page .watch-container .watch-content .watch-cards .watch-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.watch-page .watch-container .watch-content .watch-cards .watch-card .watch-card-wrapper {
  background-color: #fff;
  width: -moz-max-content;
  width: max-content;
  height: 308px;
  max-width: 500px;
  min-width: 380px;
  padding: 15px 24px;
}
.watch-page .watch-container .watch-content .watch-cards .watch-card__title {
  color: #b90000;
}
.watch-page .watch-container .watch-content .watch-cards .watch-card__title h3 {
  font-weight: 800;
  font-size: 20px;
}
.watch-page .watch-container .watch-content .watch-cards .watch-card__content {
  margin-top: 20px;
}
.watch-page .watch-container .watch-content .watch-cards .watch-card__content table {
  width: 100%;
}
.watch-page .watch-container .watch-content .watch-cards .watch-card::after {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-color: #b90000;
  border-radius: 50%;
  margin-top: 45px;
  margin-bottom: -9px;
  position: relative;
  z-index: 3;
}
.watch-page .watch-container .watch-swiper-nav .swiper-arrow {
  background-color: #fff;
  border: #000 1px solid;
  width: 40px;
  height: 25px;
}

.form-pages {
  position: relative;
  height: 100vh;
  height: 830px;
  width: 100%;
}
.form-pages * {
  direction: ltr;
}
.form-pages .form-pages-background {
  position: absolute;
  width: 100%;
  height: 100%;
}
.form-pages .form-pages-background .form-pages-wrapper {
  position: relative;
  height: 100%;
}
.form-pages .form-pages-background .linear-gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: 130%;
  width: 100%;
  z-index: -1;
  opacity: 1;
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}
.form-pages .form-pages-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: -2;
}
.form-pages .form-pages-container {
  position: absolute;
  top: 0;
  padding-right: var(--margin-start);
  padding-left: var(--margin-end);
  width: 100%;
}
.form-pages .form-pages-container .x-button {
  display: block;
  position: unset;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .x-button {
    margin-top: 50px;
  }
}
.form-pages .form-pages-container .form {
  background-color: #fff;
  width: 100%;
  max-width: 802px;
  padding: 0 82px;
  padding-top: 66px;
  padding-bottom: 39px;
  margin: auto;
  margin-top: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .form {
    margin-top: 50px;
  }
}
@media screen and (max-width: 650px) {
  .form-pages .form-pages-container .form {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .form {
    padding-top: 40px;
  }
}
.form-pages .form-pages-container .form h1 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 40px;
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .form h1 {
    font-size: 30px;
  }
}
.form-pages .form-pages-container .form .signin-methods-container {
  width: 100%;
  border-bottom: rgba(112, 112, 112, 0.14) 1px solid;
}
.form-pages .form-pages-container .form .signin-methods {
  display: flex;
  gap: 90px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .form-pages .form-pages-container .form .signin-methods {
    margin: none;
    width: 100%;
    justify-content: space-between;
    gap: unset;
  }
}
.form-pages .form-pages-container .form .signin-methods .method {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 29px;
}
@media screen and (max-width: 500px) {
  .form-pages .form-pages-container .form .signin-methods .method {
    width: 20px;
  }
}
.form-pages .form-pages-container .form .signin-methods .method i {
  font-size: 25px;
  color: #000;
  opacity: 0.29;
}
@media screen and (max-width: 500px) {
  .form-pages .form-pages-container .form .signin-methods .method i {
    font-size: 20px;
  }
}
.form-pages .form-pages-container .form .signin-methods .method::after {
  content: "";
  display: block;
  height: 2px;
  width: 29px;
  background-color: #000;
  margin-top: 28px;
  margin-bottom: -1.5px;
  max-width: 0;
}
@media screen and (max-width: 500px) {
  .form-pages .form-pages-container .form .signin-methods .method::after {
    width: 20px;
  }
}
.form-pages .form-pages-container .form .signin-methods .active-method i {
  opacity: 1;
}
.form-pages .form-pages-container .form .signin-methods .active-method::after {
  max-width: 29px;
}
@media screen and (max-width: 500px) {
  .form-pages .form-pages-container .form .signin-methods .active-method::after {
    max-width: 20px;
  }
}
.form-pages .form-pages-container .form .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}
.form-pages .form-pages-container .form .form-container .form-inputs {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .form .form-container .form-inputs {
    flex-direction: column;
    gap: 10px;
  }
}
.form-pages .form-pages-container .form .form-container .form-inputs .input {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .form .form-container .form-inputs .input {
    width: 100%;
  }
}
.form-pages .form-pages-container .form .form-container .form-inputs .input label {
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 14px;
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .form .form-container .form-inputs .input label {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.form-pages .form-pages-container .form .form-container .form-inputs .input input {
  background-color: rgba(238, 234, 234, 0.5);
  border: none;
  height: 40px;
  outline: none;
  margin-bottom: 9px;
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .form .form-container .form-inputs .input input {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.form-pages .form-pages-container .form .form-container .form-inputs .input a {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.57);
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .form .form-container .form-inputs .input a {
    font-size: 13px;
  }
}
.form-pages .form-pages-container .subscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  margin-top: 60px;
}
.form-pages .form-pages-container .subscribe h3 {
  color: #fff;
  font-weight: 800;
  font-size: 32px;
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .subscribe h3 {
    font-size: 30px;
  }
}
.form-pages .form-pages-container .subscribe .button {
  margin-top: 24px;
}
.form-pages .form-pages-container .button {
  color: rgb(185, 0, 0);
  padding: 0;
  padding-top: 18px;
  font-weight: 800;
  font-size: 19px;
  border: none;
  background-color: unset;
  margin-top: 36px;
  border-top: rgb(197, 16, 23) solid 5px;
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .button {
    font-size: 15px;
    padding-top: 7px;
  }
}
.form-pages .form-pages-container .payed-features {
  margin: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  gap: 70px;
  margin-top: 96px;
}
@media screen and (max-width: 1340px) {
  .form-pages .form-pages-container .payed-features {
    flex-direction: column;
    gap: 60px;
    margin-top: 50px;
  }
}
.form-pages .form-pages-container .payed-features .separator {
  height: 141px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.26);
  position: absolute;
  right: -35px;
  top: 0;
}
@media screen and (max-width: 1340px) {
  .form-pages .form-pages-container .payed-features .separator {
    width: 0;
  }
}
.form-pages .form-pages-container .payed-features .feature-group {
  display: flex;
  gap: 70px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group {
    gap: 27px;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature-container {
  position: relative;
}
.form-pages .form-pages-container .payed-features .feature-group .feature {
  width: 224px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature {
    align-items: center;
    width: 151px !important;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background-color: rgb(219, 21, 25);
  position: relative;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon {
    width: 28.73px;
    height: 28.73px;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon i {
  color: #fff;
  font-size: 28px;
  position: absolute;
  font-size: 37px;
  top: 6px;
  right: -5px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon i {
    font-size: 23px;
    top: 3px;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon img {
  position: absolute;
  height: auto;
}
.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .phone {
  left: -2px;
  top: 10px;
  width: 18px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .phone {
    width: 11px;
    top: 6px;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .laptop {
  right: -22px;
  width: 47px;
  top: 5px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .laptop {
    width: 28px;
    right: -13px;
    top: 3px;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .live {
  left: -5px;
  width: 47px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .live {
    width: 32px;
    right: -13px;
    top: 0px;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .sliders {
  width: 47px;
  left: -5px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature .feature-icon .sliders {
    width: 30px;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .feature h4 {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-features .feature-group .feature h4 {
    font-size: 14px;
    text-align: center;
  }
}
.form-pages .form-pages-container .payed-features .feature-group .bigger-feature {
  width: 280px;
}
.form-pages .form-pages-container .payed-plans {
  margin-top: 135px;
  width: 100%;
  overflow-x: scroll;
}
.form-pages .form-pages-container .payed-plans::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media screen and (max-width: 1340px) {
  .form-pages .form-pages-container .payed-plans {
    margin-top: 70px;
  }
}
.form-pages .form-pages-container .payed-plans .payed-plans-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0 22px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.form-pages .form-pages-container .payed-plans .plan {
  background-color: #fff;
  width: 356px;
  height: 275px;
  padding-top: 22px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-plans .plan {
    width: 290px;
    height: 224px;
  }
}
.form-pages .form-pages-container .payed-plans .plan .plan-header {
  display: flex;
  gap: 17px;
  align-items: center;
  padding-bottom: 21px;
  padding-left: 15px;
  border-bottom: rgba(129, 129, 129, 0.24) solid 1px;
}
.form-pages .form-pages-container .payed-plans .plan .plan-header h3 {
  margin: 0;
  font-size: 27px;
  font-weight: bold;
}
.form-pages .form-pages-container .payed-plans .plan .plan-header .round {
  position: relative;
  width: 35px;
  height: 35px;
}
.form-pages .form-pages-container .payed-plans .plan .plan-header .round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 35px;
  left: 0;
  position: absolute;
  top: 0;
  width: 35px;
}
.form-pages .form-pages-container .payed-plans .plan .plan-header .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 8px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 10px;
  transform: rotate(-45deg);
  width: 16px;
}
.form-pages .form-pages-container .payed-plans .plan .plan-header .round input[type=checkbox] {
  visibility: hidden;
}
.form-pages .form-pages-container .payed-plans .plan .plan-header .round input[type=checkbox]:checked + label {
  background-color: #b90000;
  border-color: #b90000;
}
.form-pages .form-pages-container .payed-plans .plan .plan-header .round input[type=checkbox]:checked + label:after {
  opacity: 1;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-plans .plan .plan-header {
    padding-bottom: 17px;
    padding-left: 20px;
  }
  .form-pages .form-pages-container .payed-plans .plan .plan-header h3 {
    font-size: 21px;
  }
  .form-pages .form-pages-container .payed-plans .plan .plan-header .round {
    width: 14px;
    height: 14px;
  }
  .form-pages .form-pages-container .payed-plans .plan .plan-header .round label {
    height: 14px;
    width: 14px;
  }
  .form-pages .form-pages-container .payed-plans .plan .plan-header .round label:after {
    height: 3px;
    left: 3px;
    top: 4px;
    width: 6px;
  }
}
.form-pages .form-pages-container .payed-plans .plan .price-container {
  margin: 0 25px;
  margin-top: 23px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-plans .plan .price-container {
    margin: 0 20px;
    margin-top: 15px;
  }
}
.form-pages .form-pages-container .payed-plans .plan .price-container h4 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 3px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-plans .plan .price-container h4 {
    font-size: 21px;
  }
}
.form-pages .form-pages-container .payed-plans .plan .price-container p {
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 17px;
}
.form-pages .form-pages-container .payed-plans .plan .button {
  margin-top: 0;
  margin-left: 25px;
  padding-top: 13px;
}
@media screen and (max-width: 980px) {
  .form-pages .form-pages-container .payed-plans .plan .button {
    font-size: 15px;
    padding-top: 6px;
    border-top: 3px solid #b90000;
  }
}
.form-pages .form-pages-container .signup {
  background-color: #fff;
  max-width: 875px;
  margin: auto;
  margin-top: 65px;
}
@media screen and (max-width: 700px) {
  .form-pages .form-pages-container .signup {
    margin-top: 20px;
  }
}
.form-pages .form-pages-container .signup .signup-header {
  padding-top: 27px;
  background-color: #f6f4f4;
  padding-left: 33px;
  padding-right: 25px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .form-pages .form-pages-container .signup .signup-header {
    flex-direction: column-reverse;
    gap: 45px;
    padding-top: 14px;
    padding-left: 13px;
    padding-bottom: 13px;
  }
}
.form-pages .form-pages-container .signup .signup-header .signup-header-left {
  display: flex;
  gap: 16px;
}
.form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: #707070 solid 2px;
  position: relative;
}
.form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point::after {
  position: absolute;
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  top: 9px;
  left: 9px;
  background-color: #b90000;
  border-radius: 50%;
}
@media screen and (max-width: 600px) {
  .form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point {
    width: 19px;
    height: 19px;
    margin-top: 1px;
  }
  .form-pages .form-pages-container .signup .signup-header .signup-header-left .header-point::after {
    width: 7px;
    height: 7px;
    top: 3.5px;
    left: 3.5px;
  }
}
.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details {
  color: #2e2e2e;
}
.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h1 {
  font-weight: bold;
  font-size: 27px;
  margin-bottom: 3px;
  line-height: 30px;
}
.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h2 {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 19px;
}
.form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details p {
  font-size: 14px;
  max-width: 269px;
  margin: 0;
  line-height: 17px;
}
@media screen and (max-width: 600px) {
  .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details {
    width: calc(100% - 16px - 19px);
  }
  .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h1 {
    font-size: 20px;
    line-height: 20px;
  }
  .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details h2 {
    font-size: 16px;
    margin-bottom: 7px;
  }
  .form-pages .form-pages-container .signup .signup-header .signup-header-left .plan-details p {
    max-width: 100%;
  }
}
.form-pages .form-pages-container .signup .signup-header .signup-header-right {
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 600px) {
  .form-pages .form-pages-container .signup .signup-header .signup-header-right {
    margin-left: 35px;
  }
}
.form-pages .form-pages-container .signup .signup-header .signup-header-right .image-container {
  width: 27px;
  margin-right: 20px;
}
.form-pages .form-pages-container .signup .signup-header .signup-header-right .image-container img {
  width: 100%;
  height: auto;
}
.form-pages .form-pages-container .signup .signup-header .signup-header-right h5 {
  margin: 0;
  font-size: 16px;
  color: #1e1e1e;
  margin-right: 34px;
}
.form-pages .form-pages-container .signup .signup-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 33px;
  padding-right: 25px;
  margin-top: 46px;
  row-gap: 34px;
}
@media screen and (max-width: 700px) {
  .form-pages .form-pages-container .signup .signup-form {
    margin-top: 13px;
    row-gap: 7px;
  }
}
.form-pages .form-pages-container .signup .signup-form .form-input {
  display: flex;
  flex-direction: column;
  width: 32%;
  position: relative;
}
@media screen and (max-width: 700px) {
  .form-pages .form-pages-container .signup .signup-form .form-input {
    width: 48%;
  }
}
@media screen and (max-width: 550px) {
  .form-pages .form-pages-container .signup .signup-form .form-input {
    width: 100%;
  }
}
.form-pages .form-pages-container .signup .signup-form .form-input label {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 14px;
  line-height: 17px;
}
@media screen and (max-width: 700px) {
  .form-pages .form-pages-container .signup .signup-form .form-input label {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 6px;
  }
}
.form-pages .form-pages-container .signup .signup-form .form-input input {
  border: none;
  background-color: rgba(238, 234, 234, 0.5);
  height: 40px;
  width: 100%;
}
.form-pages .form-pages-container .signup .signup-form .form-input input:focus {
  outline: none;
}
.form-pages .form-pages-container .signup .signup-form .form-input .with-padding {
  padding-right: 35px;
}
.form-pages .form-pages-container .signup .signup-form .form-input i {
  position: absolute;
  bottom: 12px;
  right: 13px;
  color: #707070;
}
.form-pages .form-pages-container .signup .signup-form .form-input .show-pass,
.form-pages .form-pages-container .signup .signup-form .form-input .hide-pass {
  cursor: pointer;
}
.form-pages .form-pages-container .signup .signup-form .form-input .hidden-icon {
  display: none;
}
.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container {
  position: relative;
  width: 100%;
}
.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container .gender-input {
  cursor: pointer;
}
.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container .gender-dropdown {
  position: absolute;
  top: 40;
  width: 100%;
  background-color: #f6f4f4;
  padding-left: 5px;
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.3s ease;
  border: none;
  z-index: 2;
}
.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container .gender-dropdown p {
  margin: 0;
  cursor: pointer;
}
.form-pages .form-pages-container .signup .signup-form .form-input .gender-dropdown-container i {
  position: absolute;
  top: 14px;
  right: 18px;
  font-size: 12px;
  transition: transform 0.3s ease;
}
.form-pages .form-pages-container .signup .start-watching {
  display: flex;
  justify-content: center;
}
.form-pages .form-pages-container .signup .start-watching .button {
  margin: 0 auto;
  margin-top: 62px;
  margin-bottom: 33px;
}
@media screen and (max-width: 700px) {
  .form-pages .form-pages-container .signup .start-watching .button {
    margin-bottom: 10px;
    margin-top: 20px;
    padding-top: 8px;
  }
}
.form-pages .signup-bottom {
  position: absolute;
  bottom: 33px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding-right: var(--margin-start);
  padding-left: var(--margin-end);
}
@media screen and (max-width: 550px) {
  .form-pages .signup-bottom {
    flex-direction: column-reverse;
    bottom: 5px;
    row-gap: 20px;
  }
}
.form-pages .signup-bottom .faq a {
  text-decoration: underline !important;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 550px) {
  .form-pages .signup-bottom .faq a {
    font-size: 16px;
  }
}
.form-pages .signup-bottom .contacts {
  display: flex;
  gap: 70px;
  align-items: center;
}
@media screen and (max-width: 550px) {
  .form-pages .signup-bottom .contacts {
    justify-content: space-between;
    gap: unset;
    width: 100%;
  }
}
.form-pages .signup-bottom .contacts .contact {
  display: flex;
  gap: 10px;
  align-items: center;
}
.form-pages .signup-bottom .contacts .contact .contact-icon {
  background-color: #db1519;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
}
.form-pages .signup-bottom .contacts .contact .contact-icon i {
  position: absolute;
  font-size: 25px;
  top: 4px;
  right: -1px;
}
.form-pages .signup-bottom .contacts .contact p {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .form-pages .signup-container .x-button {
    margin-top: 15px;
  }
}
.form-pages .feed-warning {
  margin: 0;
  position: absolute;
  bottom: 22px;
  right: 39px;
  color: rgba(255, 255, 255, 0.24);
  font-size: 12px;
}
.form-pages .no-padding-container {
  padding: 0;
}

:root {
  --newsbulletins-border-radius: 5px;
}

.news-bulletins-page {
  padding: 0 var(--margin-start);
  padding-top: 20px;
}
.news-bulletins-page .news-bulletins-wrapper {
  max-width: 1600px;
  margin: auto;
}
.news-bulletins-page .news-bulletins-wrapper .newscast-error {
  min-height: calc(100vh - var(--header-height) - 403px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-bulletins-page .news-bulletins-wrapper .newscast-error h1 {
  width: -moz-fit-content;
  width: fit-content;
}
.news-bulletins-page .news-bulletins-wrapper .loader {
  width: 100%;
  height: calc(100dvh - 190px - var(--header-height));
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-bulletins-page .news-bulletins-wrapper .loader i {
  font-size: 50px;
}
.news-bulletins-page .news-bulletins-wrapper .newscast-chapters {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2%;
       column-gap: 2%;
  row-gap: 10px;
}
.news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
  width: 32%;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 750px) {
  .news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
    width: 49%;
  }
}
@media screen and (max-width: 750px) {
  .news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
    width: 49%;
  }
}
@media screen and (max-width: 450px) {
  .news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter {
    width: 100%;
  }
}
.news-bulletins-page .news-bulletins-wrapper .newscast-chapters .search-result-chapter .search-result-chapter-title {
  text-align: right;
}

.newscast-video {
  padding: 20px var(--margin-start);
}
@media screen and (max-width: 980px) {
  .newscast-video {
    padding: 0;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
.newscast-video .nc-header {
  max-width: 1600px;
  margin: auto;
}
.newscast-video .nc-header .header-bottom {
  margin-bottom: 30px;
}
.newscast-video .newscast-video-wrapper {
  max-width: 1600px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  .newscast-video .newscast-video-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.newscast-video .newscast-video-wrapper .video-player-container .video-js {
  max-height: calc(100dvh - var(--header-height) - 200px);
  height: auto;
  aspect-ratio: 16/9;
}
.newscast-video .newscast-video-wrapper .nc-google-ad {
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1100px) {
  .newscast-video .newscast-video-wrapper .nc-google-ad {
    display: none;
  }
}
.newscast-video .newscast-video-wrapper .nc-google-ad #div-gpt-ad-1724752914841-0 {
  padding-inline-start: 10px;
}

.vod-popup {
  width: 100vw;
  height: 100dvh;
  grid-template-columns: 100%;
  background-color: rgba(35, 35, 35, 0.91);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  align-items: center;
  justify-content: center;
  padding-left: var(--margin-start);
  padding-right: var(--margin-end);
  overflow-y: scroll;
  display: grid;
  scrollbar-width: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.vod-popup * {
  direction: ltr;
}
.vod-popup input {
  background-color: transparent;
  font-weight: normal;
  color: #fff;
  border: none;
  outline: none;
  padding-block: 0;
  padding-inline: 0;
  width: 100%;
}
.vod-popup::-webkit-scrollbar {
  display: none;
}
.vod-popup .vod-popup-wrapper {
  height: -moz-max-content;
  height: max-content;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vod-popup .vod-popup-wrapper .subscribe-wrapper {
  width: 100%;
  max-width: 760px;
}
.vod-popup .vod-popup-wrapper .subscribe-wrapper.big-card {
  max-width: 798px;
}
.vod-popup .vod-popup-wrapper .close-popup {
  direction: rtl;
  margin-bottom: 18px;
}
.vod-popup .vod-popup-wrapper .close-popup i {
  font-size: 30px;
  cursor: pointer;
  color: #fff;
}
.vod-popup .vod-popup-wrapper .popup-card {
  width: 100%;
  border: 1px solid #707070;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.88);
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card {
  display: flex;
  align-items: end;
  padding: 67px 0;
  padding-left: 51px;
  padding-right: 69px;
  justify-content: space-between;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card h1 {
  font-size: 46px;
  color: #000000;
  font-weight: 800;
  width: 48%;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card h1 {
    width: 100%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left {
  width: 60%;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left {
    width: 100%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left h1 {
  width: 90%;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left h1 {
    width: 100%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .reset-pass-left p {
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  margin-top: 14px;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card {
    flex-direction: column;
    gap: 30px;
  }
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .vod-popup .vod-popup-wrapper .popup-card .delete-card h1 {
    font-size: 35px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 10px;
  width: 48%;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account-input {
  width: 100%;
  position: relative;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account-input input {
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  border: 1px solid #818181;
  border-radius: 7px;
  padding: 14px 20px;
  height: 51px;
  width: 100%;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account-input p {
  font-size: 16px;
  font-weight: 400;
  color: #818181;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons {
    width: 100%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons button {
  width: 152px;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 16px;
  border: none;
  color: #fff;
  border-radius: 7px;
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons button {
    width: 50%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account {
  width: calc(50% - 9px);
  background-color: #b90000;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .delete-account:disabled {
  opacity: 0.5;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .delete-buttons .keep-account {
  width: calc(50% - 9px);
  background-color: #000000;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup {
  align-items: center;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup {
    align-items: start;
  }
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card i {
    font-size: 12px;
  }
}
@media screen and (max-width: 400px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card p {
    font-size: 12px;
  }
}
@media screen and (max-width: 400px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card img {
    width: 35px;
  }
}
@media screen and (max-width: 400px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .cards .payment-card img.paypal {
    width: 60px;
  }
}
@media screen and (max-width: 420px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .inputs input {
    font-size: 14px;
    padding: 13px 6px;
  }
}
@media screen and (max-width: 420px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment .inputs .card-nbr {
    padding: 13px 13px;
  }
}
@media screen and (max-width: 420px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card.payment-popup .add-payment button {
    height: 45px;
    font-size: 15px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card.login-popup {
  align-items: start;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form {
  width: 48%;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form {
    width: 100%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form div[aria-label="Sign in with Apple"] {
  max-width: 100% !important;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .popup-input + .popup-input {
  margin-bottom: 4px;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .forgot-pass {
  margin-top: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  cursor: pointer;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .login-error {
  color: #b90000;
  font-size: 12px;
  position: absolute;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .login-error i {
  color: #b90000;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .apple-loading-button {
  height: 50px;
  width: 100%;
  background-color: #000;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-form .apple-loading-button i {
  color: #fff;
  font-size: 30px;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn {
  border: none;
  background-color: #000000;
  display: flex;
  align-items: center;
  height: 51px;
  border-radius: 7px;
  width: 100%;
  justify-content: space-between;
  margin-top: 30px;
  padding: 0 20px;
  margin-bottom: 3px;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn p {
  font-size: 19px;
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn p {
    font-size: 16px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn i {
  font-size: 13px;
  color: #fff;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn.isLoading {
  justify-content: center;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .login-btn.isLoading i {
  font-size: 25px;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login {
  width: 100%;
  height: 50px;
  background-color: #1877f2;
  border: none;
  border-radius: 7px;
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  padding: 0 20px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: pointer;
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login p {
  font-size: 19px;
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login p {
    font-size: 16px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .delete-card .facebook-login i {
  font-size: 20px;
  color: #fff;
}
.vod-popup .vod-popup-wrapper .popup-card .go-subscribe {
  width: 100%;
  background-color: #fff;
  height: 54px;
  border-radius: 0px 0px 11px 11px;
  padding-left: 51px;
  padding-right: 69px;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .go-subscribe {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .go-subscribe.go-login {
  padding-left: 28px;
  padding-right: 28px;
}
.vod-popup .vod-popup-wrapper .popup-card .go-subscribe.go-login .go-subscribe-wrapper {
  width: 48%;
}
@media screen and (max-width: 750px) {
  .vod-popup .vod-popup-wrapper .popup-card .go-subscribe.go-login .go-subscribe-wrapper {
    width: 100%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 48%;
}
@media screen and (max-width: 780px) {
  .vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper {
    gap: 8px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper h5 {
  font-size: 16px;
  color: #000;
}
.vod-popup .vod-popup-wrapper .popup-card .go-subscribe .go-subscribe-wrapper h6 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.vod-popup .vod-popup-wrapper .popup-card .subscribe-loading {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vod-popup .vod-popup-wrapper .popup-card .subscribe-loading i {
  font-size: 50px;
  color: #000;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe {
  display: grid;
  grid-template-columns: 48% 48%;
  justify-content: space-between;
  padding: 28px;
  padding-bottom: 47px;
}
@media screen and (max-width: 750px) {
  .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe {
    grid-template-columns: 100%;
    gap: 24px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email {
  grid-template-columns: 80%;
  gap: 0;
}
@media screen and (max-width: 650px) {
  .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email {
    grid-template-columns: 100%;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email h1 {
  font-size: 46px;
  font-weight: 800;
  margin-bottom: 5px;
  color: #000;
  max-width: 352px;
  margin-top: 34px;
}
@media screen and (max-width: 650px) {
  .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email h1 {
    margin-top: 0;
    font-size: 30px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email p {
  color: #818181;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 50px;
}
@media screen and (max-width: 650px) {
  .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email p {
    margin-bottom: 35px;
    font-size: 12px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email button {
  background-color: #000;
  border: none;
  color: #fff;
  font-size: 19px;
  height: 51px;
  padding-left: 21px;
  text-align: start;
  border-radius: 7px;
}
@media screen and (max-width: 650px) {
  .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe.verify-email button {
    height: 40px;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left {
  width: 100%;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h1 {
  color: #000;
  font-size: 46px;
  font-weight: 800;
  margin-bottom: 34px;
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h1 {
    font-size: 33px;
    margin-bottom: 20px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h6 {
  margin: 0;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .error-message {
  color: #ff3b3b;
  font-size: 13px;
  margin-top: 10px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .promo-code {
  display: flex;
  position: relative;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .promo-code input {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 13px;
  border-radius: 4px;
  color: #000;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .promo-code button.apply-promo {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #1e1e1e;
  border: none;
  text-decoration: underline;
  padding: 13px 20px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods {
  display: flex;
  justify-content: flex-start;
  height: 44px;
  margin-top: 23px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 25%;
  max-width: 25%;
  gap: 10px;
  cursor: pointer;
  border-radius: 4px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method.chosen {
  background-color: #fff;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method i {
  color: rgba(0, 0, 0, 0.74);
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method .fa-apple-pay {
  font-size: 30px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .payment-methods .payment-method img {
  height: 17px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent {
  display: flex;
  position: relative;
  justify-content: flex-start;
  margin-top: 23px;
  gap: 10px;
  padding-left: 20px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent input {
  width: 0;
  height: 0;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent input:checked + label span {
  background-color: #000;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent input:checked + label span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: none;
  border-left: none;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(115deg);
  background-color: #000;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent label {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  width: 80%;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent label span {
  display: inline-block;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: none;
  background-color: #fff;
  border-radius: 4px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-form .consent.highlight-required label {
  color: #ff3b3b;
  transition: all 0.5s ease-in;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container img {
  width: 100%;
  max-width: 239px;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container .lock {
  position: absolute;
  top: 10px;
  left: 7px;
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(112, 112, 112, 0.1);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container .lock i {
  font-size: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .image-container p {
  position: absolute;
  bottom: 10px;
  right: 17px;
  font-size: 21px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: rgba(255, 255, 255, 0.6);
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h3 {
  color: #242424;
  font-size: 25px;
  margin-top: 15px;
  margin-bottom: 8px;
}
@media screen and (max-width: 550px) {
  .vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h3 {
    font-size: 18px;
    margin-top: 9px;
    margin-bottom: 3px;
  }
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left h6 {
  font-size: 15px;
  color: #242424;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way h2 {
  color: #1e1e1e;
  font-size: 27px;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way .popup-input input {
  padding-right: 65px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way .popup-input h6 {
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: underline;
  cursor: pointer;
  font-weight: 700;
  color: #1e1e1e;
  font-size: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .payment-way .add-payment {
  margin-top: 35px;
  width: 100%;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left.justify-content {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .successful-payment-header {
  font-size: 46px;
  font-weight: 800;
  color: #000;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos {
  width: 100%;
  padding: 15px;
  background-color: #fff;
  border-radius: 4px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .user-infos p {
  color: rgba(30, 30, 30, 0.51);
  font-weight: 600;
  line-height: 20px;
  font-size: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos {
  margin-top: 18px;
  padding-top: 18px;
  border-top: rgba(112, 112, 112, 0.14) solid 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos .payment-card {
  display: flex;
  align-items: center;
  gap: 9px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos .payment-card i {
  color: #000000;
  font-size: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos .payment-card h6 {
  color: #000000;
  font-size: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .user-subscription-infos .card-infos p {
  color: rgba(30, 30, 30, 0.51);
  font-size: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-left .print-receipt {
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 41px;
  align-items: center;
  background-color: #040404;
  border-radius: 4px;
  padding-left: 25px;
  padding-right: 15px;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right {
  width: 100%;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right .plan-card.no-header .monthly-price {
  margin-top: 0;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right .plan-card .fa-spinner {
  color: #fff;
}
.vod-popup .vod-popup-wrapper .popup-card .episode-subscribe .subscribe-card-right .plan-card .monthly-price {
  margin-bottom: 37px;
}
.vod-popup .vod-popup-wrapper .popup-card .subscribe-notice {
  color: #818181;
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 17px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.vod-popup .vod-popup-wrapper .popup-card .subscribe-notice a {
  display: inline;
  font-weight: 400;
  text-decoration: underline;
}
.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-left .payment-way {
  display: none;
}
.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .plan-header {
  display: none;
}
.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .monthly-price {
  margin-bottom: 0px;
  margin-top: 0;
}
.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .monthly-price p {
  display: none;
}
.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .episode-subscribe .subscribe-card-right .plan-card .cost-entry-container {
  display: none;
}
.vod-popup .vod-popup-wrapper .popup-card.lebanese-subscription .subscribe-notice {
  display: none;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card {
  padding: 2rem;
  background: #2a2a2a;
  color: #000;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card * {
  direction: ltr;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-top {
  display: none;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-header {
  display: none;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-title {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  color: white;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-label {
  color: white;
  font-weight: 500;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-value {
  text-align: left;
  color: white;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .subscription-date {
  color: #999;
  font-size: 0.9rem;
  margin-top: 0.25rem;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-divider {
  border-top: 1px dotted rgba(255, 255, 255, 0.2);
  margin: 0.5rem 0;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-note {
  direction: rtl;
  color: #999;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-top: 1rem;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .receipt-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .print-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #c41230;
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .print-button:hover {
  background: #a30f28;
}
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .total .receipt-value,
.vod-popup .vod-popup-wrapper .popup-card.receipt-card .total .receipt-label {
  font-weight: bold;
}
.vod-popup .vod-popup-wrapper .plan-features {
  margin-top: 83px;
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 93px;
}
@media screen and (max-width: 910px) {
  .vod-popup .vod-popup-wrapper .plan-features {
    gap: 50px;
  }
}
@media screen and (max-width: 800px) {
  .vod-popup .vod-popup-wrapper .plan-features {
    grid-template-columns: auto auto;
    gap: 60px;
    row-gap: 25px;
  }
}
@media screen and (max-width: 450px) {
  .vod-popup .vod-popup-wrapper .plan-features {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.vod-popup .vod-popup-wrapper .plan-features .feature {
  width: 146px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref {
  height: 43px;
  width: -moz-fit-content;
  width: fit-content;
}
.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg {
  position: relative;
  background-color: #db1519;
  width: 43px;
  border-radius: 50%;
}
.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg .fa-xmark {
  left: -10px;
  font-size: 27px;
}
.vod-popup .vod-popup-wrapper .plan-features .feature .feature-ref.make-red-bg .fa-rectangle-ad {
  right: -8px;
  font-size: 32px;
}
.vod-popup .vod-popup-wrapper .plan-features .feature p {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 17px;
  color: #fff;
}
.vod-popup .vod-popup-wrapper .hidden-card {
  display: none;
}

.popup-input {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  border-radius: 4px;
}
.popup-input.invalid {
  border: #e90005 1px solid;
}
.popup-input.invalid input {
  color: #e90005;
  padding-right: 65px;
  border-radius: 4px;
}
.popup-input.invalid .invalid-notice {
  display: flex;
}
.popup-input.invalid .invalid-message-notice {
  display: flex;
}
.popup-input.invalid .iti .iti__flag-container {
  left: auto;
  right: 0;
}
.popup-input.invalid .iti #ads-phone-input {
  width: 100%;
  padding-right: 110px;
  padding-left: 18px;
}
.popup-input .invalid-notice {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  gap: 5px;
  z-index: 2;
}
.popup-input .invalid-notice.add-right-space {
  right: 53px;
}
.popup-input .invalid-notice i {
  color: #e90005;
  font-size: 9px;
}
.popup-input .invalid-notice p {
  color: #e90005;
  font-size: 12px;
  line-height: 1;
  margin: 0;
}
.popup-input .invalid-message-notice {
  display: none;
  position: absolute;
  bottom: -15px;
}
.popup-input .invalid-message-notice i {
  color: #e90005;
  font-size: 9px;
}
.popup-input .invalid-message-notice p {
  color: #e90005;
  font-size: 12px;
  line-height: 1;
  margin: 0;
}
.popup-input input {
  font-size: 15px;
  color: #000;
  height: 43px;
  padding-left: 17px;
  background-color: rgba(255, 255, 255, 0.44);
  border-radius: 4px;
}
.popup-input input#signup-password {
  padding-right: 35px;
}
.popup-input .iti {
  width: 100%;
}
.popup-input .iti .iti__flag-container {
  left: auto;
  right: 0;
}
.popup-input .iti .iti__flag-container .iti__dropdown-content {
  border: rgb(41, 41, 41) solid 1px;
}
.popup-input .iti .iti__flag-container .iti__country-list {
  background-color: rgb(32, 32, 32);
}
.popup-input .iti .iti__flag-container .iti__country-list::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 5px;
}
.popup-input .iti .iti__flag-container .iti__country-list::-webkit-scrollbar {
  width: 3px;
  background-color: transparent;
}
.popup-input .iti .iti__flag-container .iti__country-list::-webkit-scrollbar-track {
  background: transparent;
  border: none;
}
.popup-input .iti .iti__flag-container .iti__country-list .iti__country .iti__country-name {
  color: #fff;
}
.popup-input .iti #ads-phone-input {
  width: 100%;
  padding-right: 52px;
  padding-left: 18px;
}
.popup-input .account-dropdown-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 50%;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.44);
}
.popup-input .account-dropdown-container:first-child {
  border-right: #e2e2e2 1px solid;
}
.popup-input .account-dropdown-container.invalid {
  border: #e90005 1px solid;
}
.popup-input .account-dropdown-container.invalid input {
  color: #e90005;
  padding-right: 65px;
  border-radius: 4px;
}
.popup-input .account-dropdown-container.invalid .invalid-notice {
  display: flex;
}
.popup-input .account-dropdown-container.invalid .invalid-message-notice {
  display: flex;
}
.popup-input .account-dropdown-container.invalid .iti .iti__flag-container {
  left: auto;
  right: 0;
}
.popup-input .account-dropdown-container.invalid .iti #ads-phone-input {
  width: 100%;
  padding-right: 110px;
  padding-left: 18px;
}
.popup-input .account-dropdown-container select {
  width: 92%;
  background-color: transparent;
  color: #000;
  border: none;
  font-weight: normal;
  outline: none;
  cursor: pointer;
  padding: 0 13px;
  height: 43px;
  border-radius: 4px;
}
.popup-input .account-dropdown-container select:invalid {
  color: #808080;
}
.popup-input .account-dropdown-container select:invalid option:not(:disabled) {
  color: black;
}
.popup-input .account-dropdown-container h5 {
  color: rgba(255, 255, 255, 0.51);
  font-size: 15px;
}
.popup-input .account-dropdown-container i {
  color: rgba(255, 255, 255, 0.51);
  font-size: 12px;
}
.popup-input .fa-eye,
.popup-input .fa-eye-slash {
  cursor: pointer;
  color: rgb(171, 171, 171);
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
}
.popup-input .hidden-icon {
  display: none;
}

.add-payment {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 55%;
  gap: 10px;
  cursor: pointer;
}
.add-payment .cards {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.add-payment .cards .payment-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 97px;
  height: 44px;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
.add-payment .cards .payment-card.selected-card {
  background-color: #fff;
}
.add-payment .cards .payment-card i {
  color: rgba(0, 0, 0, 0.74);
  font-size: 15px;
}
.add-payment .cards .payment-card p {
  color: #1e1e1e;
  font-size: 15px;
}
.add-payment .cards .payment-card img {
  width: 41px;
  height: auto;
}
.add-payment .cards .payment-card img.paypal {
  width: 70px;
}
.add-payment .inputs {
  display: flex;
  gap: 1px;
}
.add-payment .inputs input {
  background-color: rgba(255, 255, 255, 0.44);
  width: 15%;
  padding: 13px 10px;
  text-align: center;
  font-size: 15px;
  color: #000;
  border-radius: 4px;
}
.add-payment .inputs .card-nbr {
  width: 55%;
  padding: 13px 17.3px;
  text-align: start;
}
.add-payment button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  border-radius: 7px;
  height: 51px;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  margin-top: 4px;
  border: none;
}

.schedule-top-overlay {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 200px;
  z-index: 5;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.0784313725);
  background: linear-gradient(180deg, #1a1a1a 0%, #404040 100%);
}
@media screen and (max-width: 1070px) {
  .schedule-top-overlay {
    height: 180px;
  }
}
@media screen and (max-width: 980px) {
  .schedule-top-overlay {
    height: 150px;
  }
}
@media screen and (max-width: 768px) {
  .schedule-top-overlay {
    height: 130px;
  }
}

.schedule {
  background-color: #f0f0f0;
}
.schedule .schedule-wrapper .schedule-header {
  position: fixed;
  padding-inline-end: var(--margin-end);
  padding-inline-start: var(--margin-start);
  z-index: 6;
  width: 100%;
}
.schedule .schedule-wrapper .schedule-header .schedule-header-wrapper {
  max-width: 1600px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 880px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter {
  padding-top: 15px;
  padding-bottom: 20px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 980px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter {
    width: calc(100vw - 20px);
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 768px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter {
    padding-top: 10px;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter::-webkit-scrollbar {
  display: none;
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper {
  background-color: #393838;
  border: rgba(112, 112, 112, 0.4392156863) solid 1px;
  padding: 0 20px;
  height: 78px;
  border-radius: 5px;
  display: flex;
  gap: 14px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1070px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper {
    height: 60px;
  }
}
@media screen and (max-width: 768px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper {
    height: 54px;
    padding: unset;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter {
  cursor: pointer;
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 95px;
  height: 100%;
  border-radius: 5px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1070px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper {
    width: 90px;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.79);
  line-height: 20px;
  margin-bottom: 9px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1070px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper h3 {
    font-size: 16px;
    line-height: 17px;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.4);
  direction: ltr;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1070px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper p {
    font-size: 9px;
    line-height: 10px;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper .red-line {
  transition: all 0.3s ease-in-out;
  width: 35px;
  height: 3px;
  background-color: #b90000;
  opacity: 0;
}
@media screen and (max-width: 1070px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter .day-filter-wrapper .red-line {
    width: 25px;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper {
  background-color: #fff;
  scale: 1.16;
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper h3 {
  color: #000;
  font-size: 19px;
  margin-top: 5px;
}
@media screen and (max-width: 1070px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper h3 {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 6px;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper p {
  color: rgba(0, 0, 0, 0.45);
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 9px;
}
@media screen and (max-width: 1070px) {
  .schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper p {
    font-size: 7px;
    line-height: 8px;
    margin-bottom: 6px;
  }
}
.schedule .schedule-wrapper .schedule-header .schedule-header-day-filter .filter-day-wrapper .day-filter.selected-day-schedule .day-filter-wrapper .red-line {
  opacity: 1;
}
.schedule .schedule-wrapper .schedule-header .fakarat-dropdown {
  padding-top: 31px;
  padding-bottom: 99px;
  cursor: pointer;
}
@media screen and (max-width: 880px) {
  .schedule .schedule-wrapper .schedule-header .fakarat-dropdown {
    padding-top: 0px;
  }
}
@media screen and (max-width: 650px) {
  .schedule .schedule-wrapper .schedule-header .fakarat-dropdown {
    width: 100%;
    padding-bottom: 30px;
  }
}
.schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border: rgba(112, 112, 112, 0.42) solid 1px;
  padding-inline-start: 16px;
  padding-inline-end: 21px;
}
@media screen and (max-width: 880px) {
  .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper {
    justify-content: start;
    gap: 25px;
  }
}
@media screen and (max-width: 650px) {
  .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper {
    width: 100%;
  }
}
.schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}
@media screen and (max-width: 650px) {
  .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper h4 {
    font-size: 12px;
  }
}
.schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper i {
  font-size: 18px;
  color: #fff;
}
@media screen and (max-width: 650px) {
  .schedule .schedule-wrapper .schedule-header .fakarat-dropdown .fakarat-dropdown-wrapper i {
    font-size: 13px;
  }
}
.schedule .schedule-wrapper .schedule-content-container {
  padding-bottom: 63px;
  padding-top: calc(var(--header-height) + 80px);
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content-container {
    padding-top: calc(var(--header-height) + 40px);
  }
}
@media screen and (max-width: 980px) {
  .schedule .schedule-wrapper .schedule-content-container {
    padding-top: calc(var(--header-height) + 60px);
  }
}
@media screen and (max-width: 768px) {
  .schedule .schedule-wrapper .schedule-content-container {
    padding-top: calc(var(--header-height) + 40px);
  }
}
.schedule .schedule-wrapper .schedule-content-container .schedule-loader {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schedule .schedule-wrapper .schedule-content {
  position: relative;
  max-width: 1600px;
  margin: auto;
}
.schedule .schedule-wrapper .schedule-content .schedule-slider {
  position: absolute;
  top: 0;
  inset-inline-start: 193px;
  width: 1px;
}
@media screen and (max-width: 1170px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider {
    inset-inline-start: 122px;
  }
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider {
    inset-inline-start: 61px;
  }
}
@media screen and (max-width: 450px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider {
    inset-inline-start: 51px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-slider.total-time {
  background-color: #bbbbbb;
  height: 100%;
}
.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time {
  background-color: #b90000;
  height: 500px;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time {
    height: 250px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached {
  position: absolute;
  bottom: -2px;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached {
    text-wrap: wrap;
    bottom: -15px;
    inset-inline-end: 100%;
    gap: 2px;
    align-items: unset;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached .arrow-container {
  width: 14px;
  height: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached .arrow-container {
    width: 8px;
    height: 6px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached .arrow-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
  color: #9f9f9f;
  text-wrap: nowrap;
  direction: ltr;
}
@media screen and (max-width: 1170px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached p {
    font-size: 10px;
    line-height: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-slider.finished-time .time-reached p {
    text-wrap: wrap;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper {
  position: relative;
  z-index: 1;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container:last-child .schedule-day {
  padding-bottom: 0;
  border-bottom: 0;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline-start: 60px;
  margin-top: 26px;
}
@media screen and (max-width: 1170px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day {
    margin-inline-start: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day {
    margin-inline-start: 74px;
    margin-top: 15px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day h2 {
  color: #b90000;
  opacity: 0.79;
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 31px;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day h2 {
    font-size: 19px;
    margin-bottom: 5px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day p {
  direction: ltr;
  color: #3e3e3e;
  font-size: 21px;
  line-height: 21px;
  font-weight: 400;
  opacity: 0.4;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-week-day p {
    font-size: 13px;
    text-align: end;
    line-height: 14px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
  padding-inline-start: 221px;
  padding-bottom: 74px;
  border-bottom: rgba(112, 112, 112, 0.33) 1px solid;
  margin-top: 87px;
}
@media screen and (max-width: 1170px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
    padding-inline-start: 150px;
  }
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
    padding-bottom: 20px;
    padding-inline-start: 74px;
    margin-top: 21px;
  }
}
@media screen and (max-width: 450px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day {
    padding-inline-start: 64px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day:first-child {
  margin-top: 0;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program {
  display: flex;
  gap: 32px;
  margin-bottom: 29px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program {
    gap: 10px;
    margin-bottom: 16px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program.cant-watch .program-image .program-time .point {
  background-color: #000;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program:last-child {
  margin: 0;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image {
  aspect-ratio: 16/9;
  position: relative;
  width: 380px;
  height: 233px;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 34px rgba(0, 0, 0, 0.1607843137);
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image {
    width: 206px;
    height: 126px;
    padding: 5px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time {
  position: absolute;
  top: -5px;
  inset-inline-end: 399px;
  display: flex;
  flex-direction: row-reverse;
  gap: 13px;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time {
    inset-inline-end: 214px;
    top: -2px;
    gap: 6px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time .point {
  background-color: #b90000;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: block;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time .point {
    width: 9px;
    height: 9px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time h6 {
  margin: 0;
  font-weight: 700;
  font-size: 22px;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-image .program-time h6 {
    font-size: 10px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details h2 {
  margin-bottom: 10px;
  margin-top: 5px;
  font-size: 26px;
  font-weight: 800;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details h2 {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details p {
  font-size: 17px;
  font-weight: 500;
  color: rgba(83, 83, 83, 0.79);
  margin-bottom: 15px;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details p {
    font-size: 11px;
    margin-bottom: 10px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button {
  display: flex;
  gap: 15px;
  align-items: center;
  background-color: #fff;
  border-radius: 17px;
  height: 34px;
  padding-inline-start: 8px;
  padding-inline-end: 16px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button {
    height: 18px;
    gap: 6px;
    padding-inline-start: 5px;
    padding-inline-end: 7px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live {
  background-color: #b90000;
  transition: all 0.3s ease-in-out;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live h3 {
  font-size: 15px;
  font-weight: 900;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live h3 {
    font-size: 9px;
  }
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live svg {
    width: 17px;
    height: 11px;
    margin-bottom: 1px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live svg path {
  transition: all 0.3s ease-in-out;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live:hover {
  background-color: #fff;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live:hover h3 {
  color: #b90000;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button.live:hover svg path {
  fill: #b90000;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button i {
  color: #b90000;
  font-size: 20px;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button i {
    font-size: 10px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button h3 {
  font-weight: 700;
  font-size: 14px;
  margin: 0;
  color: #b90000;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .watch-button h3 {
    font-size: 9px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #8a8a8a;
  margin: 0;
  display: flex;
  flex-direction: row-reverse;
  gap: 14px;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox {
    font-size: 9px;
    gap: 4px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
  cursor: pointer;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox input:checked ~ .custom-checkbox .inner-checkbox {
  background-color: #b90000;
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox {
  display: block;
  width: 34px;
  height: 34px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.031372549);
  padding: 6px;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox {
    width: 18px;
    height: 18px;
    padding: 3px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: #d2d2d2 solid 1px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox {
    width: 12px;
    height: 12px;
  }
}
.schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-end: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
  height: 10px;
  width: 5px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: translate(-50%, -60%) rotate(45deg);
  -ms-transform: translate(-50%, -60%) rotate(45deg);
}
@media screen and (max-width: 1100px) {
  .schedule .schedule-wrapper .schedule-content .schedule-wrapper .schedule-day-container .schedule-day .time-program .program-details .notfiy-checkbox .custom-checkbox .inner-checkbox::after {
    width: 3px;
    height: 6px;
  }
}
.schedule .schedule-wrapper .schedule-google-ad {
  position: absolute;
  top: 0;
  inset-inline-end: var(--margin-end);
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 780px) {
  .schedule .schedule-wrapper .schedule-google-ad {
    position: relative;
    inset-inline-end: unset;
    width: 100%;
    margin-top: 20px;
  }
}
.schedule .schedule-wrapper .schedule-google-ad .google-ad {
  position: sticky;
  top: 120px;
}
@media screen and (max-width: 780px) {
  .schedule .schedule-wrapper .schedule-google-ad .google-ad {
    margin-inline-start: calc(var(--margin-start) + 50px);
    width: -moz-fit-content;
    width: fit-content;
  }
}

.section-404 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  height: calc(100vh - 100px);
}
.section-404 h1 {
  font-weight: 700;
  font-size: 200px;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.03em;
  text-shadow: 4px 6px 7px rgba(0, 0, 0, 0.15);
  margin: 0;
}
.section-404 a {
  background-color: #1b2250;
  color: #fff;
  padding: 5px 10px;
}

.section-content {
  max-width: 1600px;
  margin: auto;
  padding-top: 20px;
}
@media screen and (max-width: 980px) {
  .section-content {
    margin-top: 30px;
    border-top: rgba(0, 0, 0, 0.25) 1px solid;
  }
  .section-content.first-section-content {
    margin-top: unset;
    border-top: unset;
  }
}
.section-content.news-cast-section-content {
  padding-top: 0;
}
.section-content.flex {
  display: flex;
}

us-widget {
  direction: ltr;
}

[v-cloak] {
  display: none !important;
}

.button-with-icon {
  background: rgba(255, 255, 255, 0.78);
  border-radius: 17px;
  padding: 3px;
  padding-inline-end: 20px;
  height: 34px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  position: relative;
}
.button-with-icon.hidden {
  display: none;
}
.button-with-icon .button-with-icon-wrapper {
  display: flex;
  gap: 14px;
  height: 100%;
  align-items: center;
}
.button-with-icon .icon {
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #b90000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.button-with-icon .icon i {
  font-size: 9px;
  height: -moz-fit-content;
  height: fit-content;
}
.button-with-icon .text {
  height: 100%;
  display: flex;
  align-items: center;
}
.button-with-icon .text h6 {
  text-transform: uppercase;
  font-size: 12px;
  color: #080b0c;
}
.button-with-icon .account-card {
  cursor: default;
  position: absolute;
  top: 0;
  inset-inline-end: -5px;
  background-color: #191919;
  border-radius: 17px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.button-with-icon .account-card.small-menu-card {
  inset-inline-start: -5px;
  inset-inline-end: unset;
}
.button-with-icon .account-card.open {
  max-height: 230px;
}
.button-with-icon .account-card .account-card-wrapper {
  padding: 13px;
  padding-bottom: 27px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-header .fa-circle-user {
  font-size: 30px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-header .fa-angle-down {
  font-size: 10px;
  color: #fff;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content {
  text-wrap: nowrap;
  display: flex;
  gap: 49px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content p,
.button-with-icon .account-card .account-card-wrapper .account-card-content h6 {
  font-weight: normal;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left {
  position: relative;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-user {
  margin-bottom: 29px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-user h4 {
  font-size: 16px;
  margin-bottom: 7.5px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-user p {
  opacity: 0.49;
  font-size: 14px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-subscription h6 {
  font-size: 14px;
  margin-bottom: 4px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left .account-subscription p {
  opacity: 0.49;
  font-size: 14px;
  padding-bottom: 4.5px;
  border-bottom: rgba(112, 112, 112, 0.5) solid 1px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-left::after {
  content: "";
  display: block;
  position: absolute;
  inset-inline-end: -24px;
  top: -5px;
  width: 1px;
  height: calc(100% + 10px);
  background-color: rgba(112, 112, 112, 0.3);
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-inline-end: 8px;
  gap: 10px;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right a,
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right p {
  font-size: 14px;
  cursor: pointer;
}
.button-with-icon .account-card .account-card-wrapper .account-card-content .account-card-right .logout-button {
  opacity: 0.58;
}

.swiper-container {
  margin-bottom: 46px;
  position: relative;
}
.swiper-container.continue-watching-container {
  margin-bottom: 20px;
}
.swiper-container.trending-swiper {
  margin-top: 67px;
  margin-bottom: 109px;
}
@media screen and (max-width: 700px) {
  .swiper-container.trending-swiper {
    margin-top: 49px;
    margin-bottom: 42px;
  }
}
.swiper-container.classic-container {
  margin-bottom: 64px;
}
@media screen and (max-width: 700px) {
  .swiper-container.classic-container {
    margin-bottom: 42px;
  }
}
.swiper-container.football-container {
  margin-top: 99px;
  margin-bottom: 61px;
}
@media screen and (max-width: 700px) {
  .swiper-container.football-container {
    margin-top: 60px;
  }
}

.football-background {
  position: absolute;
  inset-inline-start: 0px;
  top: -20px;
  background-color: #fb0101;
  border: 1px #707070 solid;
  opacity: 0.18;
  width: 100%;
  height: 125%;
}

.swiper-header {
  display: flex;
  gap: 5px;
}
.swiper-header h2 {
  font-size: 46px;
  text-wrap: nowrap;
}
@media screen and (max-width: 700px) {
  .swiper-header h2 {
    font-size: 20px;
  }
}
.swiper-header .just-in-header {
  width: 100%;
  display: grid;
  place-items: center;
  background-image: linear-gradient(to right, #707070 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 1px;
  background-repeat: repeat-x;
  position: relative;
  height: 40px;
}
@media screen and (max-width: 700px) {
  .swiper-header .just-in-header {
    font-size: 20px;
    height: 19px;
    border-bottom: solid rgba(255, 255, 255, 0.21) 2px;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
  }
}
.swiper-header .just-in-header .this-week-container {
  background-color: #141414;
  margin-bottom: -13px;
}
@media screen and (max-width: 700px) {
  .swiper-header .just-in-header .this-week-container {
    margin-bottom: -3px;
  }
}
.swiper-header .just-in-header .this-week-container h3 {
  opacity: 0.21;
  font-size: 37px;
  z-index: 2;
  padding-inline-end: 5px;
}
@media screen and (max-width: 700px) {
  .swiper-header .just-in-header .this-week-container h3 {
    font-size: 20px;
  }
}

.swiper-container .arrow-container {
  width: 100%;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  z-index: 3;
  height: calc(100% - 70px);
}
@media (pointer: coarse) {
  .swiper-container .arrow-container {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .swiper-container .arrow-container {
    height: calc(100% - 37px);
  }
}
.swiper-container .arrow-container .arrow-container-wrapper {
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: none;
  position: relative;
}
.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow {
  position: absolute;
  width: var(--margin-start);
  height: 100%;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.51);
  cursor: pointer;
  pointer-events: visible;
}
.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow i {
  font-size: 30px;
}
@media screen and (max-width: 1024px) {
  .swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow i {
    font-size: 20px;
  }
}
.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow-next {
  inset-inline-end: 0px;
}
.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow-prev {
  inset-inline-start: 0px;
}
.swiper-container .arrow-container .arrow-container-wrapper .vod-swiper-arrow.hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.vod-swiper {
  width: 100%;
  overflow-x: clip;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 11px;
  margin: auto;
  position: relative;
}
@media (pointer: coarse) {
  .vod-swiper {
    /* Styles for devices with touch input */
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
  }
}
.vod-swiper .just-in-episode {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
}
.vod-swiper::-webkit-scrollbar {
  display: none;
}
.vod-swiper .vod-swiper-wrapper {
  display: flex;
  gap: 21px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding: 0 var(--margin-start);
}
@media screen and (max-width: 700px) {
  .vod-swiper .vod-swiper-wrapper {
    gap: 15px;
  }
}
.vod-swiper .vod-swiper-wrapper.zaps-swiper {
  gap: 19px;
}
@media screen and (max-width: 700px) {
  .vod-swiper .vod-swiper-wrapper.zaps-swiper {
    gap: 10px;
    padding-inline-start: 18px;
  }
}
.vod-swiper .vod-swiper-wrapper.trending-wrapper {
  gap: 110px;
  z-index: 1;
}
@media screen and (max-width: 700px) {
  .vod-swiper .vod-swiper-wrapper.trending-wrapper {
    gap: 70px;
  }
}
.vod-swiper .vod-swiper-wrapper .vod-swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-card p {
  opacity: 0.42;
  font-size: 14px;
}
@media screen and (max-width: 700px) {
  .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-card p {
    font-size: 9px;
  }
}
.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
  flex: 0 0 auto;
  width: 138px;
  height: 138px;
  padding: 5px;
  border-radius: 50%;
  border: #d10c10 solid 2px;
}
@media screen and (max-width: 1130px) {
  .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
    width: 110px;
    height: 110px;
  }
}
@media screen and (max-width: 890px) {
  .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
    width: 100px;
    height: 100px;
    padding: 3px;
  }
}
@media screen and (max-width: 700px) {
  .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image {
    width: 75px;
    height: 75px;
  }
}
.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image.watched {
  border-color: #565656;
}
.vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image.mtv-classic {
  width: 181px;
  aspect-ratio: 1/1;
  height: unset;
  border: none;
}
@media screen and (max-width: 700px) {
  .vod-swiper .vod-swiper-wrapper .vod-swiper-slide .zaps-image.mtv-classic {
    width: 108px;
  }
}

.swiper-card {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.swiper-card .image-container {
  width: 274px;
  aspect-ratio: 16/9;
  transition: scale 0.2s ease-in-out;
  position: relative;
}
.swiper-card .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 700px) {
  .swiper-card .image-container {
    width: 192px;
  }
}
.swiper-card .image-container.trending-image {
  inset-inline-start: 10px;
  width: 150px;
  aspect-ratio: 9/16;
}
@media screen and (max-width: 1024px) {
  .swiper-card .image-container.trending-image {
    inset-inline-start: 40px;
  }
}
@media screen and (max-width: 700px) {
  .swiper-card .image-container.trending-image {
    width: 131px;
    inset-inline-start: 20px;
  }
}
.swiper-card .image-container.trending-image img {
  position: relative;
  z-index: 1;
}
.swiper-card .image-container.football-image {
  width: 354px;
  height: 100%;
}
@media screen and (max-width: 700px) {
  .swiper-card .image-container.football-image {
    width: 192px;
    height: 108px;
  }
}
.swiper-card .image-container .hovered-card-detail {
  opacity: 0;
  transition: opacity 0.3s ease, max-height 0.3s ease;
  position: absolute;
  overflow: hidden;
  top: calc(100% - 3px);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #141414;
  box-shadow: 1px 5px 18px rgba(255, 255, 255, 0.1607843137);
  z-index: 3;
  max-height: 0;
}
.swiper-card .image-container .hovered-card-detail .just-in-episode {
  position: static;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper {
  padding: 0 27px;
  padding-inline-end: 17px;
  padding-top: 14px;
  padding-bottom: 22px;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper h2 {
  font-size: 20px;
  margin-bottom: 10px;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper h2:hover {
  text-decoration: underline;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper p {
  font-size: 10px;
  margin-bottom: 15px;
  line-height: 15px;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon {
  position: absolute;
  bottom: 24px;
  inset-inline-end: 20px;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon i {
  font-size: 27px;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon .fa-heart-circle-check {
  display: none;
  color: #b90000;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon.added-to-favorites .fa-heart-circle-check {
  display: block;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .heart-icon.added-to-favorites .fa-heart-circle-plus {
  display: none;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .button-with-icon {
  padding: 0;
  opacity: 1;
  height: 29px;
  gap: 10px;
  padding: 2px;
  padding-inline-end: 18px;
  border-radius: 33px;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .button-with-icon .text h6 {
  font-weight: bold;
  color: #db1519;
  font-size: 10px;
}
.swiper-card .image-container .hovered-card-detail .hovered-card-wrapper .button-with-icon .icon i {
  font-size: 8px;
}
.swiper-card .image-container .show-rank {
  position: absolute;
  inset-inline-start: 15px;
  top: 15px;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(red 0deg 70deg, white 45deg 360deg);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  box-shadow: 1px 5px 18px rgba(0, 0, 0, 0.16);
  padding: 2px;
}
.swiper-card .image-container .show-rank h4 {
  color: #db1519;
  font-size: 22px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: white;
  display: grid;
  place-items: center;
}
.swiper-card .image-container .trending-rank-red {
  font-size: 205px;
  position: absolute;
  inset-inline-start: -74px;
  bottom: -20px;
  z-index: 0;
  color: transparent;
  -webkit-text-stroke: 1px white;
  line-height: 1;
  font-family: "Roboto";
}
@media screen and (max-width: 700px) {
  .swiper-card .image-container .trending-rank-red {
    font-size: 150px;
    inset-inline-start: -54px;
    bottom: -4px;
  }
}
.swiper-card .image-container .trending-rank-red.number-10 {
  inset-inline-start: -135px;
  transform: scaleX(0.75);
  letter-spacing: -10px;
}
@media screen and (max-width: 700px) {
  .swiper-card .image-container .trending-rank-red.number-10 {
    inset-inline-start: -90px;
  }
}
.swiper-card .image-container .football-score {
  position: absolute;
  width: 33%;
  height: 100%;
  background: rgba(33, 9, 9, 0.63);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  top: 0;
  inset-inline-start: 0;
  transition: opacity 0.3s ease-in-out;
}
.swiper-card .image-container .football-score .football-score-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 10px 0;
}
.swiper-card .image-container .football-score .football-score-wrapper .team-logo {
  width: 59px;
}
@media screen and (max-width: 700px) {
  .swiper-card .image-container .football-score .football-score-wrapper .team-logo {
    width: 32px;
    height: 30px;
  }
}
.swiper-card .image-container .football-score .football-score-wrapper .score {
  display: flex;
  font-size: 23px;
}
@media screen and (max-width: 700px) {
  .swiper-card .image-container .football-score .football-score-wrapper .score {
    font-size: 11px;
  }
}
@media screen and (min-width: 701px) and (hover: hover) {
  .swiper-card .image-container:not(.trending-image):hover {
    scale: 1.15;
    z-index: 2;
  }
  .swiper-card .image-container:not(.trending-image):hover .hovered-card-detail {
    opacity: 1;
    max-height: 2000px;
  }
  .swiper-card .image-container:not(.trending-image):hover .show-rank {
    opacity: 1;
  }
  .swiper-card .image-container:not(.trending-image):hover .initial-just-in {
    opacity: 0;
  }
  .swiper-card .image-container:not(.trending-image):hover .football-score {
    opacity: 0;
  }
}
.swiper-card .competition {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  row-gap: 5px;
  margin-bottom: 18px;
}
@media screen and (max-width: 820px) {
  .swiper-card .competition {
    font-size: 11px;
  }
}
.swiper-card .competition span {
  color: rgba(255, 255, 255, 0.55);
  text-wrap: nowrap;
}
.swiper-card .competition .point {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.55);
  margin-inline-start: 5px;
  margin-inline-end: 5px;
}
@media screen and (max-width: 820px) {
  .swiper-card .competition .point {
    width: 4px;
    height: 4px;
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }
}
.swiper-card .time-checkpoint {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.swiper-card .time-checkpoint .time {
  display: block;
  width: 100%;
  height: 3px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.21);
}
.swiper-card .time-checkpoint .time .time-reached {
  position: absolute;
  top: 0;
  height: 3px;
  background-color: #db1519;
}
.swiper-card .episode-title {
  margin-top: 5px;
  margin-bottom: 8px;
}
.swiper-card .episode-title p {
  max-width: 274px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 700px) {
  .swiper-card .episode-title p {
    font-size: 13px;
    max-width: 192px;
    font-weight: 400;
  }
}

.just-in-episode {
  display: flex;
  font-size: 14px;
  transition: 0.3s ease-in-out;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 10px;
}
@media screen and (max-width: 700px) {
  .just-in-episode {
    font-size: 9px;
  }
}
.just-in-episode.initial-just-in {
  margin-bottom: 0;
}
.just-in-episode p {
  margin-bottom: 0 !important;
}
.just-in-episode .episode {
  background-color: #db1519;
  padding: 3px 0;
  padding-inline-start: 10px;
  padding-inline-end: 6px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 700px) {
  .just-in-episode .episode {
    padding-inline-start: 7px;
    padding-inline-end: 7px;
  }
}
.just-in-episode .date {
  background-color: white;
  padding: 3px 0;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 700px) {
  .just-in-episode .date {
    padding-inline-start: 7px;
  }
}
.just-in-episode .date p {
  color: #141414;
}

.vod-dropdown-container {
  position: relative;
  z-index: 6;
}
@media screen and (max-width: 550px) {
  .vod-dropdown-container {
    width: 100%;
  }
}
.vod-dropdown-container.open .vod-dropdown i {
  transform: rotate(180deg);
}
.vod-dropdown-container.open .dropdown {
  max-height: 800px;
  opacity: 1;
  top: calc(100% - 1px);
}
.vod-dropdown-container.open.episode-dd .dropdown {
  max-height: 700px;
  opacity: 1;
  top: calc(100% - 2px);
}
.vod-dropdown-container .vod-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 255px;
  gap: 28px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 13px;
  border: rgba(112, 112, 112, 0.46) 1px solid;
  cursor: pointer;
}
@media screen and (max-width: 550px) {
  .vod-dropdown-container .vod-dropdown {
    width: 100%;
  }
}
.vod-dropdown-container .vod-dropdown h5 {
  font-size: 22px;
}
.vod-dropdown-container .vod-dropdown h6 {
  font-size: 17px;
}
.vod-dropdown-container .vod-dropdown i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.vod-dropdown-container .dropdown {
  position: absolute;
  z-index: 2;
  background-color: rgb(32, 32, 32);
  width: 100%;
  border: rgba(112, 112, 112, 0.46) 1px solid;
  top: 100%;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.1s ease;
  overflow: hidden;
}
.vod-dropdown-container .dropdown .dropdown-wrapper {
  padding: 10px 13px;
  display: flex;
  flex-direction: column;
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:not(:first-child) {
  padding-top: 12px;
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:not(:last-child) {
  padding-bottom: 12px;
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter p {
  font-size: 16px;
  font-weight: 300;
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter i {
  font-size: 14px;
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.46);
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:hover p {
  color: #c51017;
}
.vod-dropdown-container .dropdown .dropdown-wrapper .dropdown-filter:hover i {
  color: #c51017;
}
.vod-dropdown-container.episode-dd .vod-dropdown {
  border: #ffffff 1px solid;
  padding: 20px 27px;
}
@media screen and (max-width: 1024px) {
  .vod-dropdown-container.episode-dd .vod-dropdown {
    padding: 13px 27px;
  }
}
.vod-dropdown-container.episode-dd .dropdown {
  border: #ffffff 1px solid;
  top: calc(100% - 2px);
}
.vod-dropdown-container.episode-dd .dropdown .dropdown-wrapper {
  padding: 20px 27px;
}
.vod-dropdown-container.episode-dd .dropdown .dropdown-wrapper .dropdown-filter:not(:last-child)::after {
  height: 1px;
}

.horzontal-episode-card {
  width: 100%;
  display: grid;
  grid-template-columns: 62% 35%;
  justify-content: space-between;
  align-items: end;
}
.horzontal-episode-card:hover .image-container img {
  scale: 1.2;
}
.horzontal-episode-card.make-vertical {
  display: flex;
  width: 565px;
  align-items: start;
  flex-direction: column;
  justify-content: unset;
  height: -moz-fit-content;
  height: fit-content;
}
.horzontal-episode-card.make-vertical .image-container {
  width: 100%;
}
.horzontal-episode-card.make-vertical .image-container::after {
  display: none;
}
.horzontal-episode-card.make-vertical .card-detail h4 {
  margin-top: 21px;
  font-size: 24px;
  margin-bottom: 12px;
}
.horzontal-episode-card.make-vertical .card-detail p {
  line-height: 28px;
  color: rgba(255, 255, 255, 0.47);
}
.horzontal-episode-card.make-vertical .card-detail .genre {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.horzontal-episode-card.make-vertical .card-detail .genre span {
  font-size: 16px;
}
.horzontal-episode-card.make-vertical .card-detail .genre .point {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #fff;
}
.horzontal-episode-card.make-vertical .card-detail.search-card-detail h4 {
  margin-top: 11px;
  font-size: 17px;
  margin-bottom: 8px;
}
.horzontal-episode-card.make-vertical .card-detail.search-card-detail .genre {
  margin-bottom: 0px;
  opacity: 0.46;
}
.horzontal-episode-card.make-vertical .card-detail.search-card-detail .genre span {
  font-size: 12px;
}
.horzontal-episode-card.make-vertical .card-detail.search-card-detail .genre .point {
  width: 7px;
  height: 7px;
  background-color: #fff;
}
.horzontal-episode-card .image-container {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.horzontal-episode-card .image-container .total-time {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.21);
  bottom: 0;
}
.horzontal-episode-card .image-container .time-reached {
  position: absolute;
  height: 6px;
  background-color: #db1519;
  bottom: 0;
  z-index: 1;
}
.horzontal-episode-card .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: scale 0.3s ease-in-out;
}
.horzontal-episode-card .image-container p {
  position: absolute;
  bottom: 10px;
  inset-inline-end: 13px;
  font-size: 33px;
  opacity: 0.8;
}
.horzontal-episode-card .image-container .is-locked {
  position: absolute;
  bottom: 10px;
  inset-inline-start: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(30px) brightness(40%);
  -webkit-backdrop-filter: blur(30px) brightness(40%);
  border-radius: 50%;
}
.horzontal-episode-card .image-container .is-locked.can-play i {
  color: #db1519;
}
.horzontal-episode-card .image-container .is-locked i {
  color: #606060;
  font-size: 19px;
}
.horzontal-episode-card .card-detail h3 {
  font-size: 33px;
  margin-bottom: 10px;
}
.horzontal-episode-card .card-detail p {
  color: rgba(255, 255, 255, 0.71);
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.plan-card {
  width: 100%;
  padding: 30px 23px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 11px;
  box-shadow: 0px 3px 23px rgba(0, 0, 0, 0.0509803922);
}
.plan-card .plan-header {
  background-color: rgba(210, 210, 210, 0.25);
  width: 290px;
  align-self: self-end;
  border-radius: 20px;
  border: rgba(141, 141, 141, 0.25) 1px solid;
  position: relative;
  padding: 3px;
}
@media screen and (max-width: 850px) {
  .plan-card .plan-header {
    align-self: center;
    width: 260px;
  }
}
.plan-card .plan-header.no-events {
  pointer-events: none;
}
.plan-card .plan-header .plan-header-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.plan-card .plan-header .plan-header-wrapper h4 {
  text-align: center;
  width: 50%;
  color: #8f8f8f;
  font-size: 12px;
  font-weight: normal;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
  padding: 7px 0;
  margin: 0;
}
.plan-card .plan-header .plan-header-wrapper h4.selected-plan {
  color: #fff;
}
.plan-card .plan-header .selected-plan-bg {
  position: absolute;
  z-index: 0;
  background-color: #000;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 20px;
  width: 50%;
  height: calc(100% - 6px);
  top: 3px;
  inset-inline-start: 3px;
  transition: inset-inline-start 0.3s ease-in-out;
}
.plan-card .plan-header .selected-plan-bg.second-selected {
  inset-inline-start: calc(50% - 3px);
}
.plan-card .monthly-price {
  width: 290px;
  align-self: flex-end;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 27px;
  margin-bottom: 3px;
}
@media screen and (max-width: 850px) {
  .plan-card .monthly-price {
    align-self: center;
  }
}
.plan-card .monthly-price .price-container {
  position: relative;
}
.plan-card .monthly-price h1 {
  font-size: 68px;
  line-height: 74px;
  font-weight: 900;
  color: #000;
}
.plan-card .monthly-price h1.discounted {
  text-decoration: line-through;
  opacity: 0.5;
}
.plan-card .monthly-price span {
  font-size: 40px;
  font-weight: 900;
  color: #000;
  margin-top: 5px;
  text-decoration: none;
  opacity: 1;
  position: absolute;
  top: 0;
  right: -30px;
}
.plan-card .monthly-price p {
  color: rgba(4, 4, 4, 0.51);
  font-weight: normal;
  font-size: 18px;
}
.plan-card .monthly-price h6 {
  color: #000;
  position: absolute;
  inset-inline-start: -12px;
  font-size: 20px;
  top: 2px;
  font-weight: 900;
}
.plan-card .cost-entry-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: rgba(112, 112, 112, 0.14) 1px solid;
  padding-top: 13px;
  margin-top: 13px;
}
.plan-card .cost-entry-container p {
  color: #000;
  font-weight: normal;
  font-size: 15px;
}
.plan-card .cost-entry-container.discount p {
  color: #4e8560;
}
.plan-card .cost-entry-container.total p {
  font-weight: bold;
}
.plan-card .subscribe {
  width: 100%;
  height: 56px;
  border: none;
  background-color: #000;
  color: #fff;
  font-size: 22px;
  border-radius: 28px;
  margin-top: 50px;
}
@media screen and (max-width: 550px) {
  .plan-card .subscribe {
    height: 46px;
    font-size: 16px;
  }
}
.plan-card .subscribe p {
  margin-bottom: 0;
}
.plan-card .subscribe .fa-spinner {
  color: #fff;
}
.plan-card .subscribe:disabled {
  background-color: #707070;
  color: #fff;
  cursor: not-allowed;
}

@media screen and (min-width: 729px) {
  .fixed-mobile-ad {
    display: none;
  }
}

#div-gpt-ad-1721807700888-0 {
  width: 320px;
  height: 50px;
}

.home-ad {
  background-color: #1e2131;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
  min-height: 154px;
}
@media screen and (max-width: 980px) {
  .home-ad {
    display: none;
  }
}

@media screen and (min-width: 981px) {
  body.make-position-relative {
    position: relative;
  }
}

.home {
  padding-bottom: var(--header-height);
  position: relative;
}
.home .news-section {
  position: relative;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
@media screen and (max-width: 980px) {
  .home .news-section {
    color: #fff;
    padding-inline-end: 0;
    padding-inline-start: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 980px) {
  .home .news-section .home-stories-section {
    height: 90px;
  }
}
.home .news-section .stories-section {
  display: none;
  padding-bottom: 15px;
  overflow-x: scroll;
  gap: 12px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  min-height: 85px;
}
.home .news-section .stories-section::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 980px) {
  .home .news-section .stories-section {
    display: flex;
  }
}
.home .news-section .stories-section .story {
  position: relative;
  border-radius: 50%;
  cursor: pointer;
}
.home .news-section .stories-section .story .zaps-image {
  flex: 0 0 auto;
  padding: 3px;
  border-radius: 50%;
  border: #d10c10 solid 1px;
  width: 75px;
  height: 75px;
}
.home .news-section .stories-section .story .zaps-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.home .news-section .stories-section .story .zaps-image.watched {
  border-color: #565656;
}
.home .news-section .stories-section .story .story-img {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: conic-gradient(rgb(197, 16, 23) 360deg, rgb(99, 99, 99) 0deg);
  width: 72px;
  height: 72px;
  padding: 2px;
  overflow: visible;
}
.home .news-section .stories-section .story .story-img img {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding: 3px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #fff;
}
.home .news-section .stories-section .story .story-text {
  position: absolute;
  top: 50%;
  inset-inline-end: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
  font-weight: bold;
}
.home .news-section .stories-section .story.live {
  border: none;
  position: relative;
}
.home .news-section .stories-section .story.live .story-img {
  width: 70px;
  height: 70px;
  background: none;
}
.home .news-section .stories-section .story.live .story-img img {
  width: 100%;
  height: 100%;
}
.home .news-section .stories-section .story.live .live-icon {
  position: absolute;
  top: 50%;
  inset-inline-end: 50%;
  transform: translate(-50%, -50%);
}
.home .news-section .stories-open {
  display: none;
  position: fixed;
  flex-direction: column;
  bottom: 50%;
  scale: 0;
  width: 100%;
  height: 0;
  z-index: 13;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 980px) {
  .home .news-section .stories-open {
    display: flex;
  }
}
.home .news-section .stories-open::before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  height: 170px;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.home .news-section .stories-open::after {
  display: none;
  content: "";
  position: absolute;
  top: calc(100% - 216px);
  height: 216px;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.home .news-section .stories-open.stories-opened {
  height: 100dvh;
  bottom: 0;
  scale: 1;
}
.home .news-section .stories-open.stories-opened::before {
  display: block;
}
.home .news-section .stories-open.stories-opened::after {
  display: block;
}
.home .news-section .stories-open .video-background {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.home .news-section .stories-open .video-background .vjs-loading-spinner {
  margin-top: 0;
  margin-left: 0;
}
.home .news-section .stories-open .story-open-header {
  display: flex;
  justify-content: space-between;
  gap: 7px;
  align-items: center;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 1;
}
.home .news-section .stories-open .story-open-header .storyline-indicator {
  list-style: none;
  margin-top: -1px;
  margin-bottom: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.home .news-section .stories-open .story-open-header .storyline-indicator .indicator-item {
  position: relative;
  flex: 1 0 auto;
  height: 2px;
  margin-inline-start: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
.home .news-section .stories-open .story-open-header .storyline-indicator .indicator-item .indicator-bar {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  will-change: transform;
  transform: scaleX(0);
  transform-origin: right center;
}
.home .news-section .stories-open .story-open-header .storyline-indicator .indicator-item.item-loaded .indicator-bar {
  transform: scaleX(1) !important;
}
.home .news-section .stories-open .stories-slider {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.home .news-section .stories-open .stories-slider .story-details {
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
}
.home .news-section .stories-open .stories-slider .story-details * {
  touch-action: manipulation;
  -ms-touch-action: manipulation;
}
.home .news-section .stories-open .stories-slider .story-details .story-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
.home .news-section .stories-open .stories-slider .story-details .story-header .header-content {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: row-reverse;
}
.home .news-section .stories-open .stories-slider .story-details .story-header .header-content .story-image img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 3px solid #c51017;
}
.home .news-section .stories-open .stories-slider .story-details .story-header .header-content .story-title {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-underline-offset: 8px;
}
.home .news-section .stories-open .stories-slider .story-details .story-header .close-button {
  z-index: 100;
}
.home .news-section .stories-open .stories-slider .story-details .story-header .close-button i {
  font-size: 30px;
}
.home .news-section .stories-open .stories-slider .story-details .story-content {
  z-index: 1;
}
.home .news-section .stories-open .stories-slider .story-details .story-content .story-text {
  font-size: 21px;
  font-weight: bold;
  width: 75%;
  padding-bottom: 20px;
  padding-inline-start: 23px;
  z-index: 1;
}
.home .news-section .stories-open .stories-slider .story-details .story-content .vod-button {
  display: flex;
  position: absolute;
  width: 100%;
  height: 75px;
  z-index: 10;
  bottom: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  font-size: 18px;
  font-weight: bold;
}
.home .news-section .stories-open .stories-slider .story-details.story-open-active {
  display: flex;
}
.home .news-section .stories-open .storyline-control {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  z-index: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.home .news-section .stories-open .storyline-control-prev {
  inset-inline-start: 0;
}
.home .news-section .stories-open .storyline-control-next {
  inset-inline-end: 0;
}
.home .news-section .top-section {
  display: flex;
  height: 500px;
}
@media screen and (max-width: 1024px) {
  .home .news-section .top-section {
    height: 280px;
  }
}
@media screen and (min-width: 981px) {
  .home .news-section .top-section {
    padding-top: var(--header-height);
  }
}
.home .news-section .top-section .banner {
  position: relative;
  flex-basis: 75%;
}
.home .news-section .top-section .banner:hover .red-line {
  transition: width 0.6s ease-in-out;
  transition-timing-function: cubic-bezier(1, 0, 0.84, 0.73);
  width: 100%;
}
.home .news-section .top-section .banner .banner-img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 980px) {
  .home .news-section .top-section .banner .banner-img {
    aspect-ratio: 16/9;
  }
}
.home .news-section .top-section .banner .banner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .news-section .top-section .banner .red-line {
  width: 30%;
  height: 3px;
  background-color: #b90000;
  transition: none;
}
.home .news-section .top-section .banner .banner-text {
  color: #fff;
  position: absolute;
  bottom: 0;
  padding: 20px;
  font-size: 40px;
  font-weight: 800;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
@media screen and (max-width: 1024px) {
  .home .news-section .top-section .banner .banner-text {
    font-size: 30px;
    max-width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .home .news-section .top-section .banner .banner-text {
    position: relative;
    font-size: 24px;
    background: none;
    padding-top: calc(var(--margin-text-picture) - 3px);
    padding-bottom: 5px;
    padding-inline-start: var(--margin-start);
  }
  .home .news-section .top-section .banner .banner-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 4px;
    height: 100%;
    background-color: #c51017;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  .home .news-section .top-section .banner .banner-text::before {
    display: none;
  }
}
.home .news-section .top-section .banner .banner-text .text {
  padding-inline-start: 17px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 980px) {
  .home .news-section .top-section .banner .banner-text .text {
    padding-inline-start: 0;
  }
  .home .news-section .top-section .banner .banner-text .text a {
    color: #1e2131;
  }
}
.home .news-section .top-section .news {
  position: relative;
  overflow: hidden;
  flex-basis: 45%;
}
@media screen and (max-width: 980px) {
  .home .news-section .top-section .news {
    display: none;
  }
}
.home .news-section .top-section .news .news-categories {
  display: flex;
  justify-content: space-between;
  padding-inline-start: 40px;
  gap: 16px;
  font-size: 19px;
  font-weight: bold;
  color: rgba(1, 1, 1, 0.4);
  width: calc(85% + 40px);
}
@media screen and (max-width: 980px) {
  .home .news-section .top-section .news .news-categories {
    gap: 25px;
  }
}
.home .news-section .top-section .news .news-categories .categories {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 16px;
  font-size: 19px;
  font-weight: bold;
  color: rgba(1, 1, 1, 0.4);
}
.home .news-section .top-section .news .news-categories .categories .news-category {
  cursor: pointer;
  font-weight: bold;
}
.home .news-section .top-section .news .news-categories .categories .more-categories {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border: 1px solid #ddd;
  padding-inline-start: 11px;
  padding-inline-end: 11px;
  cursor: pointer;
}
.home .news-section .top-section .news .news-categories .categories .more-categories .fa-chevron-down {
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.08px;
  color: #bfbfbf;
  opacity: 1;
}
.home .news-section .top-section .news .news-categories .categories .more-categories .fa-sliders {
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.09px;
  color: #bfbfbf;
  opacity: 1;
}
.home .news-section .top-section .news .news-categories .categories .title {
  font-weight: 800;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  max-height: 0;
  height: 250px;
  padding: 0 20px;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow-y: hidden;
  transition: max-height 0.3s ease-in-out;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown.news-categories-header-dropdown-open {
  max-height: 180px;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters {
  width: unset;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters .search-filters-dropdown {
  width: 100%;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters .search-filters-dropdown .search-filters-dropdown-item.active {
  color: #b90000;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .search-filters .search-filters-dropdown .search-filters-dropdown-item p {
  text-wrap: nowrap;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .news-category {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
}
.home .news-section .top-section .news .news-categories .categories .news-categories-header-dropdown .news-category:hover {
  background-color: #f3f3f3;
}
.home .news-section .top-section .news .news-categories .socials {
  display: flex;
  align-items: center;
  color: #1e2131;
  font-size: 20px;
  gap: 20px;
}
.home .news-section .top-section .news .news-categories .socials .social {
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .home .news-section .top-section .news .news-categories .socials .social:hover {
    color: #b90000;
  }
}
.home .news-section .top-section .news .homepage-news-swiper {
  height: 91.5%;
  margin-top: 20px;
}
.home .news-section .top-section .news .homepage-news-swiper .loader {
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 10;
  touch-action: none;
}
.home .news-section .top-section .news .homepage-news-swiper .loader .spinner {
  position: absolute;
  top: 40%;
  inset-inline-end: 35%;
  transform: translate(-50%, 50%);
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #000;
  width: 90px;
  height: 90px;
  /* Safari */
  animation: spin 2s linear infinite;
}
.home .news-section .top-section .news .homepage-news-swiper .news-wrapper {
  padding-inline-start: 40px;
  height: auto;
  overflow-x: hidden;
  min-height: 1000px;
  flex-direction: column;
}
.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  height: -moz-fit-content !important;
  height: fit-content !important;
  width: 85%;
  cursor: pointer;
  min-height: 44px;
}
.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 0.5px;
  background: rgba(0, 0, 0, 0.25);
}
.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item .news-time {
  font-weight: bold;
  color: #c51017;
  text-align: end;
  padding-inline-end: 13px;
  display: block;
  text-wrap: nowrap;
}
.home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item .news-title {
  width: 100%;
  display: flex;
  color: #1e2131;
}
.home .news-section .top-section .news .homepage-news-swiper .swiper-scrollbar {
  position: absolute;
  top: 0;
  inset-inline-start: calc(100% - 7px);
  width: 7px;
  background-color: rgba(112, 112, 112, 0.1);
}
.home .news-section .top-section .news .homepage-news-swiper .swiper-scrollbar .swiper-scrollbar-vertical .swiper-scrollbar-drag {
  width: 6px;
  height: 50px;
  background-color: #b90000;
  border-radius: 0;
}
.home .news-section .top-section .news .mobile-view-more {
  display: none;
}
.home .news-section .bottom-section {
  display: flex;
  padding-top: 50px;
}
@media screen and (max-width: 980px) {
  .home .news-section .bottom-section {
    padding-left: var(--margin-start);
    padding-right: var(--margin-end);
    padding-top: 15px;
  }
}
.home .news-section .bottom-section .news-gallery-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.home .news-section .bottom-section .news-gallery-wrapper::-webkit-scrollbar {
  display: none;
}
.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item {
  flex-basis: 16%;
  max-width: 256px;
  cursor: pointer;
  color: #111;
}
@media screen and (max-width: 1500px) {
  .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item {
    flex-basis: 20%;
  }
  .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item:last-child {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item {
    min-width: 230px;
    flex-basis: 25%;
  }
  .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item:nth-child(5) {
    display: none;
  }
  .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item:nth-child(6) {
    display: none;
  }
}
.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img {
  position: relative;
  overflow: hidden;
}
.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img .has-video-icon {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
}
@media screen and (max-width: 980px) {
  .home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img .has-video-icon img {
    width: 29px;
  }
}
.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img .category-label {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 1px 10px;
  padding-bottom: 2px;
  opacity: 0.91;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  min-height: 21px;
}
.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-text {
  font-weight: bold;
  -webkit-line-clamp: 3;
}
.home .news-section .bottom-section .news-gallery-wrapper .news-gallery-item .news-gallery-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .mobile-all-news-section {
  display: none;
  padding-top: 70px;
  position: relative;
}
@media screen and (max-width: 980px) {
  .home .mobile-all-news-section {
    display: flex;
    flex-direction: column;
  }
}
.home .mobile-all-news-section .news-categories {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 500px) {
  .home .mobile-all-news-section .news-categories {
    gap: 10px;
  }
}
.home .mobile-all-news-section .news-categories .news-category-header {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #cbcbcb;
  margin: 0;
  padding-inline-start: 0;
  border-inline-start: solid 0px rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 25px;
}
.home .mobile-all-news-section .news-categories .news-category-header.selected {
  color: #1e2131;
  padding-inline-start: 10px;
  border-inline-start: solid 5px #b90000;
  font-weight: 800;
}
.home .mobile-all-news-section .news-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
.home .mobile-all-news-section .news-list .news-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}
.home .mobile-all-news-section .news-list .news-item .news-item-details {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.home .mobile-all-news-section .news-list .news-item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.25);
  left: 0;
}
.home .mobile-all-news-section .news-list .news-item .news-time {
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  line-height: 1;
  font-size: 11px;
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.91;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 2px 4px;
}
.home .mobile-all-news-section .news-list .news-item .news-title {
  font-size: 15.5px;
  font-weight: bold;
  line-height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 44px;
  line-height: 1.5em;
  color: #1e2131;
}
.home .mobile-all-news-section .news-list .news-item .news-image {
  align-self: flex-start;
  justify-content: end;
  height: 56px;
  width: auto;
  aspect-ratio: 16/9;
  position: relative;
}
.home .mobile-all-news-section .news-list .news-item .news-image img {
  height: 100%;
  width: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .mobile-all-news-section .news-list .news-item .news-image .news-item-play-icon {
  position: absolute;
  width: 15px;
  height: 15px;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b90000;
}
.home .mobile-all-news-section .news-list .news-item .news-image .news-item-play-icon img {
  width: 7px;
  -o-object-fit: contain;
     object-fit: contain;
  padding-inline-end: 1px;
}
.home .mobile-all-news-section .news-list .news-item .thumbnail {
  position: relative;
}
.home .mobile-all-news-section .news-list .news-item .thumbnail::before {
  font-family: "Font Awesome 6 Free";
  content: "\f144";
  display: block;
  position: absolute;
  bottom: 5px;
  inset-inline-start: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #ff0000;
}
.home .mobile-all-news-section .news-list .loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 2;
  touch-action: none;
}
.home .mobile-all-news-section .read-more {
  margin-inline-start: calc(var(--margin-start) + 111px);
}
.home .swiper-scrollbar.swiper-scrollbar-vertical {
  background: none;
}
.home .swiper-scrollbar-drag {
  width: 6px !important;
  height: 50px !important;
  background-color: #b90000 !important;
  border-radius: 0 !important;
}
.home .hashtags-section {
  position: relative;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
.home .hashtags-section .section-content {
  padding-top: 0;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section {
    padding-inline-start: unset;
    padding-top: 23px;
    margin-top: 16.5px;
    border-top: none;
    display: none;
  }
}
.home .hashtags-section.hashtag-selected {
  background-color: #f3f3f3;
}
.home .hashtags-section .hashtags-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtags-container {
    flex-direction: column;
    align-items: flex-start;
    height: 130px;
  }
}
.home .hashtags-section .hashtags-container .section-header .section-header__title {
  margin-top: 0;
  margin-inline-start: 0;
  padding-inline-end: 40px;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtags-container .section-header .section-header__title {
    margin-inline-start: var(--margin-start);
  }
}
.home .hashtags-section .hashtags-container .hashtags-wrapper {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  height: 100%;
  width: 100%;
  gap: 20px;
  overflow: auto;
}
.home .hashtags-section .hashtags-container .hashtags-wrapper::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtags-container .hashtags-wrapper {
    margin-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  cursor: pointer;
}
.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag.hashtag-selected .hashtag-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #b90000;
  font-weight: 800;
}
.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content {
  display: flex;
  gap: 10px;
  background: #ffffff;
  padding: 10px 20px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
  text-wrap: nowrap;
  white-space: nowrap;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  opacity: 1;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content {
    border-radius: unset;
    box-shadow: unset;
  }
}
@media only screen and (min-width: 768px) {
  .home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content:hover {
    background-color: #1a1a1a;
    color: #fff;
  }
}
.home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content .hashtag-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-weight: 500;
  border-radius: 50%;
  background: #b90000;
  color: #ffffff;
  z-index: 2;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtags-container .hashtags-wrapper .hashtag .hashtag-content .hashtag-count {
    position: absolute;
    top: -13px;
    inset-inline-end: 10px;
    font-weight: 500;
  }
}
.home .hashtags-section .hashtag-details {
  display: flex;
  justify-content: space-between;
  max-height: 0;
  transition: max-height 0.6s ease-in-out;
  transition-timing-function: cubic-bezier(0.18, 0.65, 0.85, 0.35);
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details {
    position: fixed;
    z-index: 10;
    bottom: 0;
    height: calc(100vh - 50px);
    flex-direction: column;
    background-color: #fff;
    overflow-y: auto;
    padding: 0;
  }
}
.home .hashtags-section .hashtag-details .loader {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 10;
  touch-action: none;
}
.home .hashtags-section .hashtag-details .loader .spinner {
  position: absolute;
  top: 40%;
  inset-inline-end: 35%;
  transform: translate(-50%, 50%);
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #000;
  width: 90px;
  height: 90px;
  /* Safari */
  animation: spin 2s linear infinite;
}
.home .hashtags-section .hashtag-details.hashtag-details-open {
  max-height: 701px;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details.hashtag-details-open {
    max-height: 100%;
  }
}
.home .hashtags-section .hashtag-details.hashtag-details-open .tatawor {
  z-index: 1;
}
.home .hashtags-section .hashtag-details .hashtag-details-mobile-header {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  position: fixed;
  z-index: 1;
  background-color: #fff;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .hashtag-details-mobile-header {
    display: flex;
  }
}
.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title {
  display: flex;
  align-items: center;
}
.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title .count {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  background-color: #b90000;
  border-radius: 50%;
}
.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title .count p {
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .hashtag-title .title {
  font-size: 21px;
  font-weight: bold;
  color: #111;
  padding-inline-start: 16px;
}
.home .hashtags-section .hashtag-details .hashtag-details-mobile-header .fa-xmark {
  font-size: 28px;
}
.home .hashtags-section .hashtag-details .highlights {
  display: flex;
  justify-content: space-between;
  width: 40%;
  margin-top: 50px;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .highlights {
    width: 100%;
    flex-direction: column;
    margin-top: 61.5px;
  }
}
.home .hashtags-section .hashtag-details .highlights .highlight {
  width: 63%;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .highlights .highlight {
    width: 100%;
  }
}
.home .hashtags-section .hashtag-details .highlights .highlight .highlight-content .highlight-title {
  padding-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.home .hashtags-section .hashtag-details .highlights .highlight .highlight-content .highlight-text {
  font-size: 15.5px;
  width: 100%;
}
.home .hashtags-section .hashtag-details .highlights .highlights-sm {
  display: flex;
  flex-direction: column;
  width: 35%;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .highlights .highlights-sm {
    flex-direction: row;
    width: 100%;
    gap: 7px;
  }
}
.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm {
    flex-basis: 50%;
  }
}
.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-image img {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content {
    padding-top: 10px;
  }
}
.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-title {
  font-size: 14px;
  font-weight: 800;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-title {
    padding-inline-start: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-time {
  font-size: 10px;
  direction: ltr;
  text-align: end;
  color: #9c9c9c;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .highlights .highlights-sm .highlight-sm .highlight-content .highlight-time {
    padding-inline-start: 5px;
  }
}
.home .hashtags-section .hashtag-details .takarir {
  width: 25%;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .takarir {
    width: 100%;
  }
}
.home .hashtags-section .hashtag-details .takarir .takarir-header {
  font-size: 20px;
  font-weight: 800;
  color: #b90000;
  padding-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .takarir .takarir-header {
    padding-inline-start: 10.5px;
  }
}
.home .hashtags-section .hashtag-details .takarir .takarir-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .takarir .takarir-list {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
  }
}
.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir {
  flex-basis: 49%;
}
.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir .search-result-chapter-play {
  align-items: flex-end;
}
.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir .search-result-chapter-play .search-result-chapter-play-icon {
  width: 20px;
  height: 20px;
}
.home .hashtags-section .hashtag-details .takarir .takarir-list .takrir .search-result-chapter-play .search-result-chapter-play-icon img {
  width: 9.53px;
  height: 11.42px;
}
.home .hashtags-section .hashtag-details .tataworat {
  padding-top: 50px;
  width: 25%;
}
@media screen and (max-width: 980px) {
  .home .hashtags-section .hashtag-details .tataworat {
    width: 100%;
    padding-inline-start: 35px;
  }
}
.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper {
  display: flex;
  justify-content: flex-end;
}
.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 90%;
  padding-inline-start: 0;
  padding-inline-end: 0;
  position: relative;
  gap: 10px;
}
.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  inset-inline-start: -6.5px;
  width: 1px;
  height: 87%;
  background-color: #707070;
}
.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list .tatawor {
  position: relative;
  font-size: 15.5px;
  font-weight: bold;
  padding-inline-start: 10px;
  z-index: 0;
  min-height: 40px;
}
.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list .tatawor::marker {
  content: "\f111";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  z-index: 10;
  color: #b90000;
}
.home .hashtags-section .hashtag-details .tataworat .tataworat-list-wrapper .tataworat-list .tatawor .tatawor-time {
  font-size: 10px;
  font-weight: bold;
  color: #989898;
  position: absolute;
  text-align: end;
  width: 45px;
  inset-inline-start: -60px;
  top: 0;
}
.home .hashtags-section .hashtag-details .tataworat .more-tataworat {
  margin-inline-start: -20px;
}
.home .hashtags-section .hashtag-details .tataworat .more-tataworat .text {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 19px;
  font-weight: 800;
  color: #b90000;
  padding-top: 40px;
}
.home .hashtags-section .hashtag-details .tataworat .more-tataworat .text::before {
  content: "";
  position: absolute;
  top: 35px;
  width: 100%;
  height: 3px;
  background-color: #c51017;
}
.home .hashtags-section .hashtag-details.isLoading {
  animation: opacity-loading 1s infinite;
}
.home .reels-section {
  position: relative;
  width: 100%;
  background: #fff;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
@media screen and (max-width: 980px) {
  .home .reels-section {
    display: none;
  }
}
.home .reels-section .section-header .section-header__title {
  margin-inline-start: 0;
  color: #111;
}
.home .reels-section .reels-title {
  position: relative;
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
.home .reels-section .reels-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 7px;
  height: 50px;
  background-color: #c51017;
  margin-inline-end: 10px;
}
.home .reels-section .reels-title .text {
  display: flex;
  align-items: center;
  color: #111;
  padding-inline-start: 50px;
  font-size: 32px;
  font-weight: bolder;
}
.home .reels-section .reels-account-options {
  display: none;
}
.home .reels-section .reels-wrapper {
  display: flex;
  justify-content: space-between;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 17px;
  padding-bottom: 40px;
  flex-direction: row;
  gap: 40px;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col:nth-child(2) {
    display: none;
  }
}
.home .reels-section .reels-wrapper .reels-col {
  display: flex;
  width: 50%;
  min-height: 470px;
}
.home .reels-section .reels-wrapper .reels-col:last-child {
  justify-content: flex-end;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col {
    width: 100%;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  overflow: unset;
  padding-top: 30px;
  padding-inline-end: 30px;
  flex: 1;
  word-break: break-word;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list {
    height: -moz-min-content;
    height: min-content;
  }
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list {
    width: 100%;
    gap: 17px;
    padding-inline-end: 0;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
  position: relative;
  display: flex;
  font-size: 17px;
  padding-bottom: 20px;
  font-weight: bold;
  color: #1e2131;
}
@media screen and (max-width: 1500px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
    max-width: 200px;
  }
}
@media screen and (max-width: 1200px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title {
    max-width: unset;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text {
  position: relative;
  padding-inline-start: 25px;
  align-content: center;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box; /* Establish a flex container for -webkit-line-clamp */
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical; /* Vertical stacking of lines */
  overflow: hidden; /* Hide any text that doesn't fit */
  text-overflow: ellipsis;
}
@media screen and (max-width: 1200px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text {
    padding-inline-start: 15px;
  }
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text {
    font-weight: normal;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-70%);
  inset-inline-start: 0;
  width: 10px;
  height: 10px;
  background-color: #c51017;
  margin-inline-end: 10px;
}
@media screen and (max-width: 1200px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text::before {
    width: 5px;
    height: 5px;
  }
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text::before {
    display: none;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text .duration-mobile {
  display: none;
  font-size: 14px;
  color: #8b8888;
  margin: 0 10px;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-title .text .duration-mobile {
    display: inline-block;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  background: conic-gradient(rgb(197, 16, 23) 0deg, rgb(99, 99, 99) 0deg);
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container {
    width: 55px;
    height: 55px;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  padding: 3px;
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container .reel-loading-bar {
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  overflow: unset;
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .image-container .reel-loading-bar .reel-loading-circle {
  transition: all 2s ease-in-out;
  stroke-dasharray: 360;
  stroke-dashoffset: 360;
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .duration {
  text-align: center;
  font-size: 14px;
  color: #8b8888;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-thumbnail .duration {
    display: none;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  padding-inline-start: 7px;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator {
    display: none;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator .arrow {
  content: "";
  display: block;
  top: 20px;
  inset-inline-start: 5px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-inset-inline-start: 13px solid #c51017;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel .reel-indicator .arrow {
    display: none;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active {
  position: relative;
  opacity: 100%;
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active::before {
  content: "";
  position: absolute;
  top: 20px;
  inset-inline-end: -20px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-inset-inline-start: 13px solid #c51017;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel-active::before {
    display: none;
  }
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active .reel-thumbnail .image-container .reel-loading-bar .reel-loading-circle {
  stroke-dashoffset: 0;
}
.home .reels-section .reels-wrapper .reels-col .reels-list .reel-active .duration {
  display: block;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reels-list .reel-active .duration {
    display: none !important;
  }
}
.home .reels-section .reels-wrapper .reels-col .reel-display {
  display: flex;
  flex-basis: 47%;
  flex-direction: column;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .home .reels-section .reels-wrapper .reels-col .reel-display {
    display: none;
  }
}
.home .reels-section .reels-wrapper .reels-col .reel-display .account {
  color: #111;
  direction: ltr;
  padding-bottom: 10px;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image {
  position: relative;
  width: 100%;
  aspect-ratio: 9/16;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .share-icon {
  bottom: unset;
  top: 13px;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .vjs-control-bar {
  display: none;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .video-js {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .video-js video {
  -o-object-fit: cover;
     object-fit: cover;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .reel-mute-btn {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  padding: 10px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .reel-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 50px;
  opacity: 60%;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .reels-section .reels-wrapper .reels-col .reel-display .reel-display-image .is-video-icon {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: #c51017;
  color: #fff;
}
.home .under-reels-add {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.1);
  align-self: center;
}
@media screen and (max-width: 728px) {
  .home .under-reels-add {
    display: none;
  }
}
.home .under-reels-add.under-reels-ad-small {
  display: block;
}
@media screen and (min-width: 729px) {
  .home .under-reels-add.under-reels-ad-small {
    display: none;
  }
}
.home .under-reels-add #div-gpt-ad-1721808699304-0,
.home .under-reels-add #div-gpt-ad-1721808669715-0 {
  margin-top: 15px;
}
.home .news-cast-section {
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 25px;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  margin: auto;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section {
    padding-bottom: 0;
    position: relative;
    padding-top: 0px;
  }
}
.home .news-cast-section .news-cast-news-times {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-direction: row;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast-news-times {
    display: none;
    gap: 7px;
  }
}
.home .news-cast-section .news-cast-news-times.small-screen-news-time {
  display: none;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast-news-times.small-screen-news-time {
    display: flex;
  }
}
.home .news-cast-section .news-cast-news-times .news-cast-news-time {
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  padding: 1.5px 10px;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 650px) {
  .home .news-cast-section .news-cast-news-times .news-cast-news-time {
    font-size: 13px;
    padding: 1px 8px;
  }
}
@media screen and (max-width: 400px) {
  .home .news-cast-section .news-cast-news-times .news-cast-news-time {
    font-size: 10px;
    padding: 0px 5px;
    font-weight: 300;
  }
}
.home .news-cast-section .news-cast-news-times .news-cast-news-time.active {
  border: 1.5px solid #b90000;
  font-weight: bold;
  color: #b90000;
}
.home .news-cast-section .news-cast-news-times .news-cast-news-time.active::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media screen and (max-width: 650px) {
  .home .news-cast-section .news-cast-news-times .news-cast-news-time.active::after {
    top: 95%;
    font-size: 11px;
  }
}
.home .news-cast-section .news-cast-header {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast-header {
    margin-bottom: 0;
  }
}
.home .news-cast-section .news-cast-header .news-cast-title {
  position: relative;
  font-size: 41px;
  font-weight: 800;
  margin-inline-start: 0;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast-header .news-cast-title {
    font-size: 25px;
    margin-top: 0;
  }
}
.home .news-cast-section .news-cast-header .news-cast-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 7px;
  height: 100%;
  background-color: #c51017;
  margin-inline-end: 10px;
}
.home .news-cast-section .news-cast-header .news-cast-title .text {
  position: relative;
  padding-inline-start: 20px;
  transition: font-size 0.2s ease;
  margin: 0;
}
.home .news-cast-section .news-cast {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 2%;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast {
    flex-direction: column-reverse;
    padding-top: 80px;
  }
}
.home .news-cast-section .news-cast .chapters-header-mobile {
  display: none;
  justify-content: space-between;
  padding: 10.75px 15px;
  margin-top: 35px;
  background-color: #b90000;
  color: #fff;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .chapters-header-mobile {
    display: flex;
  }
}
.home .news-cast-section .news-cast .chapters-header-mobile .title .text {
  font-size: 15px;
  font-weight: 800;
}
.home .news-cast-section .news-cast .chapters-header-mobile .archive {
  display: flex;
  align-items: center;
  gap: 9px;
}
.home .news-cast-section .news-cast .chapters-header-mobile .archive .text {
  font-size: 11px;
  font-weight: normal;
}
.home .news-cast-section .news-cast .chapters-header-mobile .archive .icon {
  font-size: 13px;
}
.home .news-cast-section .news-cast .news-cast-news {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news {
    width: 100%;
    margin-top: 0;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-news-header {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-news-header {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-news-header .news-cast-news-title {
  font-size: 26px;
  font-weight: 800;
}
@media screen and (max-width: 1024px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-news-header .news-cast-news-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-news-header .news-cast-news-title {
    display: none;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details {
  position: relative;
  display: flex;
  width: 100%;
  max-height: 85%;
  margin-top: 15px;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-details {
    margin-top: 5px;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .image {
  height: 100%;
  width: 100%;
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 35px;
  background: #b90000;
  border-radius: 3px;
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .play-button img {
  width: auto;
  height: auto;
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 1;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  background-color: rgba(0, 0, 0, 0.3);
  height: 90px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  color: rgba(255, 255, 255, 0.68);
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details {
    height: 50px;
    padding-inline-start: 13px;
    padding-inline-end: 13px;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info {
  display: flex;
  font-size: 16px;
  gap: 5px;
  font-weight: bold;
  direction: ltr;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info {
    flex-direction: column;
    gap: 0;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .date {
  direction: ltr;
  text-align: end;
  color: rgba(255, 255, 255, 0.68);
  font-weight: normal;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .date {
    font-size: 12px;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .time {
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .time {
    display: none;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .title-mobile {
  display: none;
  font-size: 19px;
  direction: ltr;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .info .title-mobile {
    display: block;
  }
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .play-duration {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .play-duration .duration {
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .news-cast-details .details .play-duration .duration {
    font-size: 11px;
  }
}
.home .news-cast-section .news-cast .news-cast-news .previous-newscasts {
  position: relative;
  display: none;
  align-self: flex-start;
  margin-top: 20px;
  padding-top: 20px;
  gap: 16px;
  font-size: 19px;
  color: #b90000;
  font-weight: 800;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .previous-newscasts {
    display: flex;
  }
}
.home .news-cast-section .news-cast .news-cast-news .previous-newscasts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 5px;
  background-color: #c51017;
  margin-inline-end: 10px;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .news-cast .news-cast-news .previous-newscasts {
    padding-top: 10px;
    gap: 5px;
    margin-top: 0;
  }
  .home .news-cast-section .news-cast .news-cast-news .previous-newscasts .icon img {
    width: 12.5px;
  }
}
.home .news-cast-section .more-buttons {
  display: flex;
  gap: 2%;
  width: 100%;
}
.home .news-cast-section .more-buttons .previous-newscasts {
  position: relative;
  flex-basis: 60%;
  display: flex;
  align-self: flex-start;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}
.home .news-cast-section .more-buttons .previous-newscasts .content {
  position: relative;
  display: flex;
  gap: 16px;
  background-color: #1b2250;
  color: #fff;
  padding: 17px;
  width: 245px;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .more-buttons .previous-newscasts .content {
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px 10px;
  }
}
.home .news-cast-section .more-buttons .previous-newscasts .content::after {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  top: 50%;
  inset-inline-end: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .more-buttons .previous-newscasts .content::after {
    display: none;
  }
}
.home .news-cast-section .more-buttons .previous-newscasts .content .text {
  text-wrap: nowrap;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .more-buttons .previous-newscasts {
    display: none;
    padding-top: 10px;
    gap: 5px;
    margin-top: 0;
  }
  .home .news-cast-section .more-buttons .previous-newscasts .icon img {
    width: 12.5px;
    color: #fff;
  }
}
.home .news-cast-section .more-buttons .news-casts-archive {
  position: relative;
  display: flex;
  flex-basis: 40%;
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-start;
  gap: 16px;
  font-size: 15px;
  color: #fff9f9;
  font-weight: 800;
  cursor: pointer;
}
.home .news-cast-section .more-buttons .news-casts-archive .content {
  background-color: #1b2250;
  width: 245px;
  position: relative;
  display: flex;
  gap: 16px;
  padding: 17px;
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .more-buttons .news-casts-archive .content {
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px;
    margin-top: 15px;
  }
}
.home .news-cast-section .more-buttons .news-casts-archive .content::after {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  top: 50%;
  inset-inline-end: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  .home .news-cast-section .more-buttons .news-casts-archive .content::after {
    display: none;
  }
}
.home .news-cast-section .more-buttons .news-casts-archive .content .text {
  text-wrap: nowrap;
  white-space: nowrap;
}
.home .news-cast-section .more-buttons .news-casts-archive .icon i {
  color: #fff9f9;
}
.home .highlights-stars-container {
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container {
    padding-inline-start: 0;
    padding-inline-end: 0;
    box-shadow: none;
  }
}
.home .highlights-stars-container .section-content {
  display: flex;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content {
    flex-direction: column;
    background: #fff;
    padding: 0;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper {
  flex-basis: 90%;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .news-cast-section-content {
  padding-top: 0;
  margin-top: 0;
  border: none;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .news-cast-section-content .news-cast-section {
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper {
    width: 100%;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section {
    padding: 0;
    box-shadow: none;
  }
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section.add-padding-top {
    padding-top: 80px;
  }
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section.add-padding-top .highlights-header .highlights-title .text {
    padding-top: 0;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .around-highlight-horizontal {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header {
    padding-inline-start: 0;
    padding-top: 30px;
    padding-bottom: 15px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title {
  position: relative;
  font-size: 41px;
  font-weight: 800;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title {
    font-size: 25px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title .text {
  padding-inline-start: 25px;
  color: #1e2131;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title .text {
    padding-inline-start: 17px;
    margin-bottom: 0;
    padding-top: 7.5px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-header .highlights-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 7px;
  height: 100%;
  background-color: #c51017;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row {
    flex-direction: column;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-basis: 62%;
}
@media screen and (max-width: 1200px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight {
    width: 100%;
    padding: 0;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight::after {
  content: "";
  display: block;
  position: relative;
  bottom: 0;
  height: 1px;
  width: 100%;
  color: #707070;
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight::after {
    margin-bottom: 20px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight {
  width: 100%;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-image {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content {
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-title {
  font-size: 29px;
  padding-top: 25px;
  font-weight: bold;
  color: #1e2131;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-title {
    font-size: 20px;
    padding-top: var(--margin-text-picture);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-text {
  width: 85%;
  font-size: 15px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-text {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-text .fa-ellipsis {
  background-color: rgb(178, 178, 178);
  color: #fff;
  height: 16px;
  font-size: 19px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  border-radius: 10%;
  margin-top: 5px;
  margin-inline-start: 5px;
  position: absolute;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-time {
  display: none;
  /*font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;*/
  font-size: 10px;
  direction: ltr;
  text-align: end;
  color: #9c9c9c;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .main-highlight .highlight .highlight-content .highlight-time {
    display: block;
    margin-top: 2px;
    margin-bottom: 0;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights {
  display: flex;
  flex-direction: column;
  flex-basis: 32%;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 7px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight {
    flex-basis: 50%;
    gap: var(--margin-text-picture);
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-image {
  aspect-ratio: 16/9;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-image {
    width: 100%;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-image img {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content {
    padding-inline-start: var(--margin-start);
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-title {
  font-size: 20px;
  font-weight: 800;
  color: #1e2131;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-title {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-text {
    display: none;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-time {
  display: none;
  /*  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;*/
  font-size: 10px;
  direction: ltr;
  text-align: end;
  color: #9c9c9c;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .sub-highlights .highlight .highlight-content .highlight-time {
    display: block;
    margin: 0;
    margin-top: 2px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-basis: 62%;
  padding-top: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
    flex-direction: column-reverse;
    width: 100%;
    gap: var(--margin-text-picture);
    padding-top: 0;
    margin-top: 15px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  inset-inline-start: 0;
  border-top: 1px solid rgba(112, 112, 112, 0.3);
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal::before {
    display: none !important;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image {
  width: 100%;
  aspect-ratio: 16/9;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content {
    font-size: 20px;
    font-weight: bold;
    padding-inline-start: var(--margin-start);
    padding-top: 0;
  }
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-title {
    font-size: 20px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-title {
  font-weight: bold;
  color: #1e2131;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-time {
  display: none;
  /*font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;*/
  font-size: 10px;
  font-weight: normal;
  direction: ltr;
  text-align: end;
  color: #9c9c9c;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-time {
    display: block;
    margin-bottom: 0;
    margin-top: 2px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 1px;
  width: 100%;
  color: #707070;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-basis: 32%;
  padding-top: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 7px;
    padding-top: 0;
    margin-top: 15px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  inset-inline-start: 0;
  border-top: 1px solid rgba(112, 112, 112, 0.3);
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container::before {
    display: none !important;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm {
  flex-basis: 100%;
  width: 50%;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm:nth-child(2) {
  display: none;
}
@media screen and (max-width: 1200px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
  }
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm:nth-child(2) {
    display: flex;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-image {
  width: 100%;
  aspect-ratio: 16/9;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content {
  padding-top: 10px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content {
    font-size: 14px;
    padding-top: var(--margin-text-picture);
    padding-inline-start: var(--margin-start);
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content .highlight-title {
  font-weight: 800;
  color: #1e2131;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content .highlight-time {
  display: none;
  /*   font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;*/
  font-size: 10px;
  direction: ltr;
  text-align: end;
  color: #9c9c9c;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlights-sm-container .highlight-sm .highlight-content .highlight-time {
    display: block;
    margin-bottom: 0;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
  gap: 30px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal {
    gap: var(--margin-text-picture);
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content {
  flex-basis: 70%;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-content .highlight-title {
  font-size: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image {
  aspect-ratio: 16/9;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image {
    max-width: unset;
    width: 100%;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-horizontal .highlight-image img {
  width: 100%;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 40px;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg {
    display: none;
    flex-direction: column-reverse;
    padding-inline-end: 15px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex-basis: 45%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content {
    gap: 10px;
    padding-inline-start: var(--margin-start);
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-title {
  font-size: 29px;
  font-weight: bold;
  width: 70%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-title {
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-text {
  font-size: 17px;
  width: 90%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-content .highlight-text {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-image {
  flex-basis: 55%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-image {
    padding-top: 20px;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .highlights-section .highlights-wrapper-row .highlight-lg .highlight-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section {
  margin-top: 27px;
  padding-top: 30px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section {
    display: none;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-image {
  width: 100%;
  aspect-ratio: 16/9;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-image img {
  width: 100%;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-content {
  color: #000000;
  padding-bottom: 30px;
  padding-top: 20px;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-full-section .highlight .highlight-content .highlight-title {
  max-width: 80%;
  font-size: 29px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last {
    display: none;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight {
    flex-direction: column;
    padding-inline-end: 15px;
  }
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image {
    width: 100% !important;
    aspect-ratio: 16/9;
  }
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content {
    width: 100% !important;
  }
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight {
    flex-direction: column;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image {
  width: 40%;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image {
    width: 100%;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
  padding-top: 0;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content {
    width: 100%;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-title {
  font-size: 29px;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-title {
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-text {
  font-size: 17px;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper #highlight-last .highlights-wrapper-row .highlight .highlight-content .highlight-text {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights {
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  position: relative;
  padding: 28px;
  padding-inline-start: 0;
  margin-inline-end: 28px;
  padding-bottom: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights {
    margin-inline-start: var(--margin-start);
    margin-top: 0;
    padding-top: 10px;
    margin: auto;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text {
  position: relative;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text {
  padding: 17px;
  width: 245px;
  letter-spacing: -1.5px;
  background-color: #1b2250;
  margin-bottom: 0;
  font-size: 15px;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text {
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px 8px;
    margin-inline-end: var(--margin-start);
    font-size: 16px;
    letter-spacing: 0;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text::after {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  top: 50%;
  inset-inline-end: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .more-highlights .more-highlights-text .text::after {
    display: none;
  }
}
@media screen and (min-width: 981px) {
  .home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section {
    display: none;
  }
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper {
  position: relative;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .text {
  margin-bottom: 0;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container {
  padding: 0 var(--margin-start);
  padding-top: 85px;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-article {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px rgba(0, 0, 0, 0.25) solid;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-article:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-article p {
  color: #1e2131;
  font-weight: 800;
  font-size: var(--bs-body-font-size);
  margin-bottom: 0;
  line-height: 1.2;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos {
  width: 100%;
  padding-top: 30px;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos::-webkit-scrollbar {
  display: none;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos .hashtag-videos-wrapper {
  display: flex;
  gap: 20px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.home .highlights-stars-container .section-content .highlights-section-wrapper .mobile-hashtags-section .hashtags-wrapper .hashtags-articles-container .hashtag-videos .hashtag-videos-wrapper .search-result-chapter {
  width: 230px;
  flex: 0 0 auto;
}
.home .highlights-stars-container .section-content .stars-section {
  position: sticky;
  display: flex;
  flex-direction: column;
  padding-inline-start: 33px;
  width: 333px;
  top: calc(var(--header-height) + 20px);
  height: -moz-min-content;
  height: min-content;
  font-weight: 800;
  gap: 20px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .stars-section {
    flex-direction: column;
    gap: unset;
    padding-inline-end: var(--margin-end);
    padding-inline-start: var(--margin-start);
    width: 100%;
    top: calc(var(--header-height) + 20px);
    height: -moz-min-content;
    height: min-content;
    background-color: #fff;
    border-top: rgba(0, 0, 0, 0.25) 1px solid;
    margin-top: 30px;
  }
}
.home .highlights-stars-container .section-content .stars-section .stars-header .stars-title {
  margin-inline-start: 0;
  margin-top: 0;
}
.home .highlights-stars-container .section-content .stars-section .stars-header .stars-title .text {
  font-size: 41px;
  margin-bottom: 0;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .stars-section .stars-header .stars-title .text {
    font-size: 25px;
  }
}
.home .highlights-stars-container .section-content .stars-section .stars-header .stars-title .text::before {
  height: 100%;
  width: 7px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .stars-section .stars-news {
    padding-inline-start: 0;
    padding-top: 80px;
  }
}
.home .highlights-stars-container .section-content .stars-section .stars-news .star-news {
  color: #1e2131;
}
.home .highlights-stars-container .section-content .stars-section .stars-news .stars-separator {
  margin-top: 10px;
  margin-bottom: 7px;
}
.home .highlights-stars-container .section-content .stars-section .stars-news .stars-separator:last-child {
  display: none;
}
.home .highlights-stars-container .section-content .stars-section .stars-news .separator {
  margin-bottom: 10px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .stars-section .stars-news .separator {
    display: none;
  }
}
.home .highlights-stars-container .section-content .stars-section .all-news {
  color: #b90000;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .stars-section .all-news {
    display: none;
  }
}
.home .highlights-stars-container .section-content .stars-section .mobile {
  display: none;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 35px;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .stars-section .mobile {
    display: block;
  }
  .home .highlights-stars-container .section-content .stars-section .mobile::before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    inset-inline-start: 0;
    width: 100%;
    height: 3px;
    background-color: #c51017;
  }
}
.home .highlights-stars-container .section-content .stars-section .stars-section-google-ad {
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  .home .highlights-stars-container .section-content .stars-section .stars-section-google-ad {
    display: none;
  }
}
.home .economy-section {
  background: #fff;
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
  padding-top: 30px;
}
@media screen and (max-width: 980px) {
  .home .economy-section {
    flex-direction: column;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-top: unset;
  }
}
@media screen and (max-width: 980px) {
  .home .economy-section .main-economy-news {
    display: flex;
    flex-direction: column-reverse;
  }
}
.home .economy-section .section-content {
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content {
    flex-direction: column;
    gap: 0;
    padding-top: 30px;
    position: relative;
  }
}
.home .economy-section .section-content .economy-news {
  width: 60%;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-news {
    width: 100%;
    padding-top: 50px;
  }
}
.home .economy-section .section-content .economy-news .economy-header {
  position: relative;
  font-size: 41px;
  font-weight: bold;
}
.home .economy-section .section-content .economy-news .economy-title {
  padding-inline-start: 20px;
  font-weight: 800;
}
.home .economy-section .section-content .economy-news .economy-title .text {
  color: #1e2131;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-news .economy-title .text {
    font-size: 25px;
  }
}
.home .economy-section .section-content .economy-news .economy-header-line {
  width: 100%;
  margin-bottom: 0;
  margin-inline-start: 25px;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-news .economy-header-line {
    display: none;
  }
}
.home .economy-section .section-content .economy-news .economy-news-title {
  font-size: 29px;
  font-weight: bold;
  color: #1e2131;
  padding: 30px 0;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-news .economy-news-title {
    font-size: 20px;
    padding-inline-start: 0;
    padding-bottom: 20px;
    padding-top: var(--margin-text-picture);
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.home .economy-section .section-content .economy-news .economy-news-image {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-news .economy-news-image {
    margin-inline-start: 0;
  }
}
.home .economy-section .section-content .economy-news .economy-news-image img {
  width: 100%;
  aspect-ratio: 16/9;
}
.home .economy-section .section-content .economy-news .economy-news-details {
  width: 100%;
  padding-inline-start: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
  color: #111;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-news .economy-news-details {
    display: none;
  }
}
.home .economy-section .section-content .economy-stats {
  display: flex;
  flex-direction: column;
  color: #111;
  margin-top: 24px;
  width: 35%;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-stats {
    padding-top: 0;
    margin-top: 0;
    width: 100%;
  }
}
.home .economy-section .section-content .economy-stats .stats-container {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-stats .stats-container {
    flex-direction: row;
    gap: 10px;
    padding-bottom: 0px;
  }
}
.home .economy-section .section-content .economy-stats .stats-container .stat {
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-stats .stats-container .stat {
    justify-content: flex-end;
    width: 50%;
  }
}
.home .economy-section .section-content .economy-stats .stats-container .stat .stat-title {
  font-weight: 800;
  font-size: 20px;
  color: #1e2131;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-stats .stats-container .stat .stat-title {
    font-size: 17px;
    padding-inline-start: 2px;
    padding-bottom: unset;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
}
.home .economy-section .section-content .economy-stats .stats-container .stat .stat-image {
  width: 100%;
}
.home .economy-section .section-content .economy-stats .stats-container .stat .stat-image img {
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 980px) {
  .home .economy-section .section-content .economy-stats .all-economy-news {
    padding: 0 var(--margin-start);
    padding-bottom: 30px;
  }
}
.home .basketball-section {
  padding-inline-start: var(--margin-start);
  padding-inline-end: var(--margin-end);
}
@media screen and (max-width: 980px) {
  .home .basketball-section {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
.home .basketball-section .basketball-wrapper {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .home .basketball-section .basketball-wrapper {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper {
    flex-direction: column;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores {
  flex-basis: 54%;
}
@media screen and (max-width: 1024px) {
  .home .basketball-section .basketball-wrapper .basketball-scores {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores {
    width: 100%;
    padding-inline-start: var(--margin-start);
    padding-inline-end: var(--margin-end);
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title {
  position: relative;
  font-size: 41px;
  font-weight: bold;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title {
    font-size: 25px;
    padding-bottom: 30px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title::before {
  content: "";
  display: none;
  position: absolute;
  top: 50px;
  width: 7px;
  height: 50px;
  background: #c51017;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title::before {
    display: block;
    top: 35px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title .basketball-scores-text {
  font-weight: 800;
  color: #1e2131;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .basketball-scores-header .basketball-scores-title .basketball-scores-text {
    padding-inline-start: 30px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options {
  display: none;
  padding-inline-start: 5px;
  gap: 20px;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .basketball-options {
    display: flex;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option {
  flex-basis: 50%;
  color: #1e2131;
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option label {
  width: 100%;
  font-size: 20px;
  font-weight: 800;
  transition: all 0.3s ease-in-out;
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option label p {
  margin-bottom: 12px;
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option label::after {
  content: "";
  display: block;
  position: relative;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #707070;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option input[type=radio] {
  display: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option input[type=radio]:checked + label {
  color: #b90000;
}
.home .basketball-section .basketball-wrapper .basketball-scores .basketball-options .basketball-option input[type=radio]:checked + label::after {
  background: #b90000;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores {
  width: 100%;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 {
    flex-direction: column;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 .team-logo {
    width: 57px;
    height: 57px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 .team-logo img {
  width: 100%;
  height: 100%;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team1 .team-name {
  font-weight: 500;
  color: #818181;
  font-size: 15px;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .score {
  font-size: 52px;
  font-weight: bold;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .score {
    font-size: 32px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .date {
  color: #c1c1c1;
  font-size: 19px;
  font-weight: bold;
  direction: ltr;
  text-wrap: nowrap;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .score-date .date {
    font-size: 13px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 .team-logo {
    width: 57px;
    height: 57px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 .team-logo img {
  width: 100%;
  height: 100%;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .latest .team2 .team-name {
  font-weight: 500;
  color: #818181;
  font-size: 15px;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games {
  display: flex;
  flex-direction: column;
  padding-inline-end: 20px;
  padding-inline-start: 20px;
  padding-top: 20px;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games hr {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game {
    align-items: flex-start;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-basis: 27.5%;
  justify-content: flex-start;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 {
    gap: 10px;
    flex-basis: 40%;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 .team-logo {
  width: 23px;
  height: 23px;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 .team-logo img {
  width: 100%;
  height: 100%;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team1 .team-name {
  font-size: 15px;
  color: #818181;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 45%;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date {
    display: none;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .team1-score {
  font-weight: bold;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .date {
  color: #c1c1c1;
  font-weight: 200;
  font-size: 12px;
  direction: ltr;
  font-weight: 500;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .date {
    font-size: 10px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date .team2-score {
  font-weight: bold;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile {
  display: none;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    text-align: center;
    flex-basis: 20%;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .score {
  height: -moz-fit-content;
  height: fit-content;
  font-weight: bold;
  color: #000;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .score.empty {
  padding-top: 0;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .date-container {
  position: relative;
  display: flex;
  justify-content: center;
  height: 25px;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .score-date-mobile .date-container .date {
  position: absolute;
  top: 10%;
  color: #c1c1c1;
  font-weight: 500;
  font-size: 12px;
  direction: ltr;
  text-wrap: nowrap;
  white-space: nowrap;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-basis: 27.5%;
  justify-content: flex-end;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 {
    gap: 10px;
    flex-basis: 40%;
  }
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 .team-name {
  font-size: 15px;
  color: #818181;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 .team-logo {
  width: 23px;
  height: 23px;
}
.home .basketball-section .basketball-wrapper .basketball-scores .scores .previous-games .game .team2 .team-logo img {
  width: 100%;
  height: 100%;
}
.home .basketball-section .basketball-wrapper .basketball-ranks {
  display: flex;
  flex-direction: column;
  flex-basis: 15%;
  height: 370px;
}
@media screen and (max-width: 1024px) {
  .home .basketball-section .basketball-wrapper .basketball-ranks {
    flex-basis: 75%;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-ranks {
    display: none;
    width: 100%;
  }
}
.home .basketball-section .basketball-wrapper .basketball-ranks .rank-header {
  color: #b90000;
  font-size: 28px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-weight: 800;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper {
  position: relative;
  overflow: hidden;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper * {
  font-weight: bold;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank {
  display: flex;
  justify-content: space-between;
  height: 30px !important;
  width: 91%;
  padding-inline-start: 15px;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .position {
  font-weight: 800;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score {
  display: flex;
  gap: 17px;
}
@media screen and (max-width: 1024px) {
  .home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score {
    gap: 90px;
  }
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score .team {
  font-weight: 500;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .swiper-wrapper .rank .team-score .score {
  font-weight: 800;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar {
  position: absolute;
  inset-inline-start: 3px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #000;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar .swiper-scrollbar-drag {
  top: 0 !important;
  background: #000 !important;
  inset-inline-start: -1.75px;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar .swiper-scrollbar-vertical {
  background: rgba(0, 0, 0, 0.5) !important;
}
.home .basketball-section .basketball-wrapper .basketball-ranks .basketball-ranks-swiper .basketball-swiper-scrollbar .swiper-scrollbar-vertical .swiper-scrollbar-drag {
  width: 6px;
  height: 50px;
  background-color: #000000;
  border-radius: 0;
}
.home .basketball-section .basketball-wrapper .basketball-news {
  flex-basis: 15%;
  padding-top: 50px;
}
@media screen and (max-width: 1024px) {
  .home .basketball-section .basketball-wrapper .basketball-news {
    flex-basis: 20%;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-news {
    display: flex;
    gap: 2px;
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-news .news {
    padding-bottom: 30px;
    flex-basis: 50%;
  }
}
.home .basketball-section .basketball-wrapper .basketball-news .news .news-image img {
  width: 100%;
}
.home .basketball-section .basketball-wrapper .basketball-news .news .news-content {
  font-size: 15.5px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 13px;
  color: #1e2131;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .basketball-wrapper .basketball-news .news .news-content {
    padding-inline-start: 7px;
  }
}
.home .basketball-section .all-news {
  display: flex;
  color: #b90000;
  font-size: 19px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -15px;
  padding-bottom: 50px;
  padding-inline-start: 20px;
}
.home .basketball-section .all-news .all-news-wrapper {
  position: relative;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
  background-color: #1b2250;
  color: #fff;
  padding: 17px;
  font-size: 15px;
  width: 245px;
}
@media screen and (max-width: 980px) {
  .home .basketball-section .all-news .all-news-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px;
    font-size: 16px;
  }
}
.home .basketball-section .all-news .all-news-wrapper::after {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  top: 50%;
  inset-inline-end: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  .home .basketball-section .all-news .all-news-wrapper::after {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .home .basketball-section .all-news .all-news-wrapper {
    gap: 13px;
  }
}
.home .basketball-section .all-news .all-news-wrapper .fa-basketball {
  margin-top: 20px;
}
.home .basketball-section .all-news .all-news-wrapper .text {
  font-weight: 800;
}
.home .vod-popup-ad-container {
  position: absolute;
  height: calc(100% - 20px);
  top: 0;
  inset-inline-start: 25px;
  pointer-events: none;
}
.home .vod-popup-ad {
  position: sticky;
  top: calc(100% - 210px);
  width: 300px;
  height: 190px;
  z-index: 10;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.62745098);
  transition: all 0.3s ease-in-out;
}
.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) {
  box-shadow: none;
  width: 70px;
  height: 70px;
  cursor: pointer;
  top: calc(100% - 75px);
}
.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image {
  height: 66px;
  width: 66px;
  border: 2px solid #b90000;
  border-radius: 50%;
  background-color: #1b2250;
}
.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image img {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding: 3px;
  -o-object-fit: contain;
     object-fit: contain;
}
.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image .logo {
  display: block;
}
.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-image .fa-xmark {
  display: none;
}
.home .vod-popup-ad.vod-popup-close:not(.popup-opened-permanently) .popup-button {
  max-height: 0;
  max-width: 0;
  z-index: -1;
}
@media screen and (max-width: 980px) {
  .home .vod-popup-ad {
    display: none;
  }
}
.home .vod-popup-ad .vod-popup-ad-swiper {
  width: 300px;
  height: -moz-fit-content;
  height: fit-content;
}
.home .vod-popup-ad .popup-image {
  position: relative;
  width: 300px;
  aspect-ratio: 16/8;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.home .vod-popup-ad .popup-image img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .vod-popup-ad .popup-image .logo {
  display: none;
}
.home .vod-popup-ad .popup-image .fa-xmark {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  color: #fff;
  font-size: 19px;
  padding: 15px;
  cursor: pointer;
  z-index: 2;
}
.home .vod-popup-ad .popup-button {
  width: 100%;
  max-width: 320px;
  max-height: 60px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.home .vod-popup-ad .popup-button .button {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 30px;
  width: 100%;
  background-color: #b90000;
  padding: 12px;
}
.home .vod-popup-ad .popup-button .button .vod-icon {
  display: flex;
  align-items: center;
  padding-inline-end: 30px;
}
.home .vod-popup-ad .popup-button .button .vod-icon i {
  color: #fff;
  font-size: 19px;
}
.home .vod-popup-ad .popup-button .button .text {
  text-align: center;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
}
.home .scroll-to-top {
  position: fixed;
  bottom: 20px;
  inset-inline-end: 30px;
  z-index: 99;
  cursor: pointer;
  font-size: 18px;
  color: #1b2250;
}
@media screen and (max-width: 980px) {
  .home .scroll-to-top {
    display: none;
  }
}

@media screen and (max-width: 980px) {
  .home .news-section .top-section {
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
  }
  .home .news-section .top-section .banner {
    width: 100%;
  }
  .home .news-section .top-section .news {
    width: 100%;
  }
  .home .news-section .top-section .news .homepage-news-swiper {
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
  }
  .home .news-section .top-section .news .homepage-news-swiper .news-wrapper {
    width: 100%;
    overflow: hidden;
    padding-inline-start: 0;
  }
  .home .news-section .top-section .news .homepage-news-swiper .news-wrapper .news-item {
    height: 70px !important;
  }
  .swiper-scrollbar.swiper-scrollbar-vertical {
    display: none;
  }
}/*# sourceMappingURL=styles.css.map */