@font-face {
   font-style: normal;
   font-weight: normal;
   font-family: "Poppins";
   src: url("/assets/font/poppins-regular.woff2") format("woff2");
   font-display: swap;
}

@font-face {
   font-style: normal;
   font-weight: 600;
   font-family: "Poppins";
   src: url("/assets/font/poppins-semibold.woff2") format("woff2");
   font-display: swap;
}

@font-face {
   font-style: normal;
   font-weight: 500;
   font-family: "Poppins";
   src: url("/assets/font/poppins-regular.woff2") format("woff2");
   font-display: swap;
}

:root {
   color-scheme: only light !important;
   --bg-color: #fff;
   --head-bg-color: #1a3da6;
   --textColor: #000000;
   --textlight:#fff;
   --textColor1: #474747;
   --active-color: #001aff;
   --taxPageTabsContainerBackground: #ececff;
   --surface-color: #f7f7f8;
   --surface-color1: #dfdfdf;
   --border-color--alpha: #e7e7e7;
   --border-color--beta: #999;
   --border-color--beta1: #84b331;
   --border-color--gamma: #2d2d2d;

   --primary-color--alpha: #2f3ad3;
   --primary-color--beta: #2f3ad3;
   --text-color--alpha: #2d2d2d;
   --text-color--beta: #474747;
   --hover-bg--alpha: #f5f5f5;
   --hover-bg--beta: #ececfe;
   --score-info-link-color: #1A6FF1;
   --panel-background-color: #fff;
   --hyperlink-color: #0B65F0;
   --hyperlink-filter: none;
   --ad-placeholder-bg-color: #F7F7F7;
   --sk-red-color: #2f3ad3;
   --text-color--white: #fff;
   --text-color--grey-1: #999;
   --link-color: #0277bd;
   --footer-bg: #191919;
}

:root[data-theme="dark"] {
   color-scheme: only dark !important;
   --bg-color: #15151a;
   --head-bg-color: #15151a;
   --textColor: #ffffff;
   --textColor1: #cbcbcb;
   --textlight:#fff;
   --active-color: #001aff;
   --taxPageTabsContainerBackground: #202020;
   --surface-color: #262627;
   --surface-color1: #302f2f;
   --border-color--alpha: #2d2d2d;
   --border-color--beta: #666;
   --border-color--beta1: #ffffff;
   --border-color--gamma: #f5f5f5;
   --primary-color--alpha: #2f3ad3;
   --primary-color--beta: #FFCC3D;
   --text-color--alpha: #f5f5f5;
   --text-color--beta: #f5f5f5;
   --hover-bg--alpha: #010101;
   --hover-bg--beta: #010101;
   --score-info-link-color: #34A0FF;
   --panel-background-color: inherit;
   --hyperlink-color: #34A0FF;
   --hyperlink-filter: brightness(0) saturate(100%) invert(57%) sepia(31%) saturate(5361%) hue-rotate(187deg) brightness(103%) contrast(101%);
   --ad-placeholder-bg-color: #2D2D2D;
   --footer-bg: #292929;
}

body,
button,
input,
select {
   font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Liberation Sans, sans-serif;
}

*,
*::after,
*::before {
   box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: baseline;
}

a {
   text-decoration: none;
}

iframe {
   position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
   display: block;
}

ol,
ul {
   list-style: none;
}

q,
blockquote {
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: "";
   content: none;
}

a:hover,
a:active {
   outline: none;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100% !important;
}

html,
body {
   width: 100%;
   min-height: 1px;
   margin: 0;
   padding: 0;
   border: none;
   position: relative;
   scroll-behavior: smooth;
}

body {
   color: var(--textColor);
   background: var(--bg-color);
   font-size: 14px;
}

.no-border {
   border: none !important;
}

.page-container {
   width: 100%;
   position: relative;
}

.top-header {
   width: 100%;
   height: auto;
   z-index: 3000;
   top: 0;
   position: relative;
}

.primary-nav {
   width: 100%;
   height: auto;
   z-index: 2999;
   position: sticky;
   position: -webkit-sticky;
   top: 0;
}

body.has-top-header .top-header {
   position: sticky;
   position: -webkit-sticky;
}

body.has-top-header .primary-nav {
   top: var(--topHeaderHeight);
}

.page-content-container {
   position: relative;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.wrapper-container {
   width: 100%;
   margin: 0 auto;
   max-width: 1300px;
}

.layout-wrapper {
   --spacing: 16px;
   width: 100%;
   display: flex;
   gap: var(--spacing);
   min-width: 0;
}

.layout-wrapper .sidebar-container {
   --sidebarTopOffset: 0;
   position: sticky;
   height: 100vh;
   top: calc(var(--sidebarTopOffset) + var(--spacing));
   min-width: 360px;
   max-width: 360px;
   border: 1px solid #ffffff;
}

body.has-top-header .layout-wrapper .sidebar-container {
   --sidebarTopOffset: var(--topHeaderHeight);
}

body.has-primary-nav .layout-wrapper .sidebar-container {
   --sidebarTopOffset: var(--primaryNavHeight);
}

body.has-top-header.has-primary-nav .layout-wrapper .sidebar-container {
   --sidebarTopOffset: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
}

.content-container {
   display: flex;
   flex: 1;
   width: 100%;
   overflow: clip;
   flex-direction: row-reverse;
   gap: 16px;
}

.content-container>.left {
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
   min-width: 0;
   overflow: clip;
}

.content-container>.right {
   display: flex;
   flex-direction: column;
   min-width: 360px;
   max-width: 360px;
   flex-shrink: 0;
}

.footer-section {
   padding-top: 16px;
}

.section-separator {
   width: 100%;
   margin-top: 16px;
}

.section-separator.no-margin {
   margin: 0;
}

.section-separator.full-width {
   width: 100%;
}

.section-separator.dashed {
   border-bottom: 1px dashed #999;
}

.mobile-ad-negative-space,
.ad-container {
   text-align: center;
}

@media screen and (max-width: 1024px) {
   .content-container>.left {
      margin-bottom: 16px;
   }

   .content-container>.right {
      min-width: 100%;
      max-width: 100%;
   }

   .section-separator {
      width: calc(100% - 32px);
      margin: 2px 16px;
      border-bottom: 1px solid #ffffff;
   }

   .section-separator.full-width {
      width: 100%;
      margin: 2px 0;
   }

   .section-separator.no-margin {
      margin: 0;
   }

   .section-separator.thick {
      width: 100%;
      margin-left: 0;
      border: 6px solid #f5f5f5;
   }

   :root[data-theme="dark"] .section-separator {
      border-bottom: 1px solid #2d2d2d;
   }

   :root[data-theme="dark"] .section-separator.dashed {
      border: 1px dashed #999;
   }

   :root[data-theme="dark"] .section-separator.thick {
      border: 6px solid #2d2d2d;
   }
}

.hidden {
   display: none !important;
}

.sk-red-color {
   color: #2f3ad3;
}

.fade-out-bottom {
   mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
   -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.no-margin {
   margin: 0 !important;
}

.m-t-0 {
   margin-top: 0 !important;
}

.m-r-0 {
   margin-right: 0 !important;
}

.m-b-0 {
   margin-bottom: 0 !important;
}

.m-l-0 {
   margin-left: 0 !important;
}

.no-padding {
   padding: 0 !important;
}

.p-t-0 {
   padding-top: 0 !important;
}

.p-r-0 {
   padding-right: 0 !important;
}

.p-b-0 {
   padding-bottom: 0 !important;
}

.p-l-0 {
   padding-left: 0 !important;
}

.ta-l {
   text-align: left;
   justify-content: flex-start;
}

.ta-c {
   text-align: center;
   justify-content: center;
}

.ta-r {
   text-align: right;
   justify-content: flex-end;
}

@media screen and (max-width:1024px) {
   .h-gap {
      padding-left: 16px;
      padding-right: 16px;
   }

   .m-p-t-0 {
      padding-top: 0 !important;
   }

   .m-p-r-0 {
      padding-right: 0 !important;
   }

   .m-p-b-0 {
      padding-bottom: 0 !important;
   }

   .m-p-l-0 {
      padding-left: 0 !important;
   }
}

.cms-content figure {
   width: 100%;
   position: relative;
}

.cms-content img {
   height: auto;
   max-width: 100%;
   display: block;
}

.cms-content .lazy-img {
   max-width: 100%;
   height: auto;
}

.cms-content figure img,
.cms-content p img {
   max-width: 100%;
   display: block;
   height: auto;
   width: auto;
}

.cms-content p {
   width: 100%;
   color: #222;
   font-size: 18px;
   line-height: 35px;
}

.cms-content a {
   color: #0277BD;
   text-decoration: underline;
}

.cms-content table {
   border: solid 1px #DEDEDE;
   overflow-x: auto;
   max-width: 100%;
}

.cms-content table td,
.cms-content table th {
   margin: 0 auto;
   padding: 6px 7px;
   text-align: left;
   color: #999999;
}

.cms-content table td>*,
.cms-content table th>* {
   color: inherit !important;
}

.cms-content table tr {
   border-bottom: solid 1px var(--border-color--gamma, #DEDEDE);
}

.cms-content table tr:nth-of-type(odd) {
   background: #F7F7F7;
}

:root[data-theme="dark"] .cms-content table tr:nth-of-type(odd) {
   background: #111;
}

img.theme {
   filter: brightness(0) invert(0);
   /* black */
}

:root[data-theme="dark"] img.theme {
   filter: brightness(0) invert(1);
   /* white */
}


.cms-content table caption {
   padding: 10px 0;
   color: #9E9E9E;
}

@media (max-width:1024px) {
   .cms-content .lazy-img {
      width: 100% !important;
   }

   .cms-content p {
      padding: 0 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .cms-content twitter-widget {
      max-width: 100%;
      padding: 0 10px;
   }

   .cms-content table {
      width: 100%;
   }

   .cms-content table td,
   .cms-content table th {
      padding: 2px 4px;
      font-size: 12px;
      font-weight: 600;
   }

   .cms-content table td p {
      font-size: 11px;
   }
}

:root[data-theme="dark"] iframe {
   color-scheme: normal;
}

.keeda-side-menu,
.mobile-overlay {
   z-index: 3000;
}

.write-an-article {
   display: none !important;
}

#keeda-notifications-container {
   padding: 0 !important;
   margin: 0 !important;
}

#keeda-notifications-container #kn-bell-icon {
   background: url("/assets/img/btn-notifications-speaker-white.svg");
   background-repeat: no-repeat;
   background-size: cover;
   width: 12px;
   height: 12px;
   margin: 0;
}

#keeda-notifications-container #kn-bell-count {
   top: -10px;
   right: -10px;
}

#keeda-notifications-container #kn-pointer {
   left: auto;
}

#keeda-notifications-container #kn-content-container {
   left: unset;
   right: -5px;
}

#keeda-notifications-container {
   position: relative;
   display: none;
   color: var(--text-color--grey-1);
   font-weight: 700;
   text-decoration: none;
   padding: 10px 8px;
   margin: -11px 15px 0 0;
   background-color: var(--surface-color);
   text-align: center;
   border-radius: 40px;
   float: right;
   line-height: 15px;
   font-size: 14px;
   cursor: pointer
}

#keeda-notifications-container {
   float: right
}

#kn-content-container {
   display: none;
   position: absolute;
   left: -110px;
   top: 60px;
   z-index: 0;
   width: 373px;
   background: var(--surface-color);
   border-radius: 4px;
   overflow: scroll;
   max-height: 400px;
   box-shadow: #585858 1px 1px 6px;
   overflow-x: hidden
}

#kn-pointer {
   content: "";
   position: absolute;
   display: none;
   top: 36px;
   left: 8px;
   border: solid 12px transparent;
   border-bottom-color: var(--border-color--alpha);
   z-index: 1
}

#kn-bell-icon {
   background: url("/assets/img/btn-notifications-speaker.svg") no-repeat;
   background-size: 20px 20px;
   height: 20px;
   width: 20px;
   margin-right: 5px
}

#kn-bell-count {
   position: absolute;
   right: -5px;
   top: 0;
   font-size: 10px;
   background-color: #b22222;
   color: #fff;
   padding: 0 5px 0 5px;
   border-radius: 2px
}

.kn-card-wrapper {
   display: block;
   text-align: left;
   white-space: nowrap;
   width: 373px;
   height: 70px;
   border-bottom: 1px solid #ddd
}

.kn-card-wrapper:hover {
   background: var(--bg-color)
}

.kn-card-wrapper .kn-image-container,
.kn-card-wrapper .kn-info-container {
   display: inline-block;
   vertical-align: middle
}

.kn-card-wrapper .kn-image-container {
   margin: 5px 0 5px 10px
}

.kn-card-wrapper .kn-info-container {
   margin: 8px;
   width: 76%
}

.kn-card-wrapper:last-child {
   margin-bottom: 0
}

.kn-card-pic {
   display: inline-block;
   width: 50px;
   height: 50px;
   border-radius: 100px
}

.kn-card-a {
   display: block;
   white-space: normal;
   text-decoration: none;
   font-size: 13px;
   color: #555;
   font-weight: 300;
   overflow: hidden;
   max-height: 3.6em;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical
}

.kn-card-date {
   display: inline-block;
   font-size: 10px;
   text-align: left;
   color: #646464;
   font-weight: 300
}

.kn-notification-header {
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: var(--textColor);
   margin: 10px;
   text-transform: uppercase
}

.kn-notification-footer {
   height: 15px;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: 500;
   letter-spacing: -.2px;
   text-align: center;
   color: grey;
   margin: 10px
}

@media (max-width:1024px) {
   #keeda-notifications-container {
      margin: 13px 0 12px 16px;
      padding: 0
   }

   #kn-bell-icon {
      margin-right: 12px
   }

   #kn-bell-count {
      top: -10px
   }

   #kn-content-container {
      position: fixed;
      z-index: 1020 !important;
      top: 49px;
      left: 0;
      width: 100%;
      border: none;
      height: 100%;
      max-height: none
   }

   #keeda-profile-container:after {
      background-image: url('/assets/img/down_arrow.svg');
      display: block
   }

   .kn-card-container {
      overflow: scroll;
      padding-bottom: 50px
   }

   .kn-card-wrapper {
      width: 100%
   }

   .kn-notification-footer {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%)
   }
}

@media (max-width: 360px) {
   #keeda-notifications-container {
      display: none !important
   }
}


#keeda-profile-container a.login-cta {
   background: #2f3ad3;
   border-radius: 30px;
   padding: 6px 14px;
   white-space: nowrap;
   text-transform: uppercase;
   color: #FFFFFF;
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;
}

#keeda-profile-container .toggle,
#keeda-profile-container-secondary .toggle {
   margin: unset !important;
}

@media screen and (max-width:1024px) {
   #keeda-profile-container a.login-cta {
      font-size: 12px;
      line-height: 15px;
      background-color: transparent;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      /* color: #001aff; */
   }
}


.mobile-overlay-profile-menu {
   z-index: 1;
}

.score-carousel-container .score-carousel-scroll-left img {
   display: block;
   top: 50%;
   left: 70%;
   transform: translate(-50%, -50%);
}

.score-carousel-container .score-carousel-scroll-right img {
   display: block;
   top: 50%;
   left: 20%;
   transform: translate(-50%, -50%);
}

.score-carousel-container .score-carousel-scroll-left img {
   transform: translate(-50%, -50%) scaleX(-1);
   margin-left: -1px;
}

.score-carousel-container .keeda_widget_menu {
   display: flex;
   align-items: center;
}

.score-carousel-container .keeda_carousel_tab_item {
   line-height: 14px;
}

.score-carousel-container .keeda_carousel_all_scores,
.score-carousel-container .keeda_carousel_all_scores a {
   font-weight: 600;
}

:root {
   --topHeaderHeight: 46px;
}

.header--top-head {
   width: 100%;
   height: var(--topHeaderHeight);
   background: var(--head-bg-color);
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
}

.header--top-head .v-gap {
   padding-top: 16px;
   padding-bottom: 16px;
}

.header--top-head .top-head-container {
   height: 100%;
   padding: 0 24px;
   display: flex;
   gap: 10px;
   align-items: center;
}

@media screen and (max-width:1024px) {
   .header--top-head .top-head-container {
      padding-left: 16px;
      padding-right: 16px;
   }
}

.header--top-head .left {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex: 1;
}

.header--top-head .center {
   position: relative;
   display: flex;
   align-items: center;
}

.header--top-head .right {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   flex: 1;
   gap: 12px;
}

.header--top-head .brand-and-nav {
   display: flex;
   gap: 20px;
   align-items: center;
   flex: 1;
}

.header--top-head .top-nav {
   display: flex;
   flex: 1;
   justify-content: center;
}

.header--top-head .sidebar-toggle {
   display: flex;
}

.header--top-head .sidebar-toggle button {
   background-color: transparent;
   border: none;
   padding: 0;
   margin: 0;
   cursor: pointer;
   display: flex;
   align-items: center;
   width: 18px;
   height: 14px;
   background-image: url("/assets/img/btn-menu.svg");
   background-repeat: no-repeat;
}

.header--top-head .sidebar-toggle button img {
   width: 18px;
   height: 14px;
}

:root[data-theme="dark"] .header--top-head .sidebar-toggle button {
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(37deg) brightness(102%) contrast(101%);
}

.header--top-head .primary-nav {
   display: flex;
}

.header--top-head .cta-island {
   display: flex;
   gap: 15px;
   align-items: center;
}

.header--top-head .cta-island .cta-button {
   width: 24px;
   height: 24px;
   background: var(--bg-color);
   border: 1px solid var(--border-color--beta1);
   border-radius: 14px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.header--top-head .cta-island .cta-button .icon {
   display: flex;
   width: 12px;
   height: 12px;
   background-repeat: no-repeat;
   background-size: cover;
}

.header--top-head .cta-island .cta-button .icon.keeda-search-icon {
   background-image: url("/assets/img/btn-search-white.svg");
   /* filter: brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(1088%) hue-rotate(178deg) brightness(93%) contrast(76%); */
}

.header--top-head .cta-island .cta-button .icon.keeda-notification-icon {
   background-image: url("/assets/img/btn-notifications-speaker-white.svg");
   /* filter: brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(1088%) hue-rotate(178deg) brightness(93%) contrast(76%); */
}

.header--top-head .cta-island .cta-button .icon.keeda-pencil-icon {
   background-image: url("/assets/img/btn-pencil-white.svg");
   /* filter: brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(1088%) hue-rotate(178deg) brightness(93%) contrast(76%); */
}

:root[data-theme="dark"] .header--top-head .cta-island .cta-button .icon.keeda-notification-icon {
   background-image: url("/assets/img/btn-notifications-speaker-white.svg");
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(37deg) brightness(102%) contrast(101%);
}

:root[data-theme="dark"] .header--top-head .cta-island .cta-button .icon.keeda-pencil-icon {
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(37deg) brightness(102%) contrast(101%);
}

:root[data-theme="dark"] .header--top-head .cta-island .cta-button .icon.keeda-search-icon {
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(37deg) brightness(102%) contrast(101%);
}

.header--top-head .brand {
   display: flex;
}

.header--top-head .brand a {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: #34495e;
   font-size: 16px;
   line-height: 21px;
   gap: 5px;
}

.header--top-head .brand img {
   display: block;
}

.header--top-head .brand .lang-text {
   color: #666666;
   display: block;
   border-left: 1px solid #34495e;
   margin: 0;
   padding-left: 5px;
   padding-left: 5px;
}

:root[data-theme="dark"] .header--top-head .brand .lang-text {
   color: #999999;
}

.img-box-shadow {
   display: inline-block;
   filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7));
}


.header--top-head .brand img.brand-logo {
   width: 169px;
   height: 40px;
}

.top-navigation {
   display: flex;
}

.top-navigation nav ul.top-nav-items-list {
   display: flex;
   gap: 20px;
   padding: 0;
   margin: 0;
}

.top-navigation ul.top-nav-items-list>li {
   display: flex;
   position: relative;
}

.top-navigation ul.top-nav-items-list>li.new::before {
   content: "NEW";
   position: absolute;
   background: #2f3ad3;
   color: #FFFFFF;
   padding: 1px 5px;
   border-radius: 100px;
   left: calc(50% - 15px);
   top: 4px;
   font-size: 9px;
   font-weight: 600;
   line-height: 10px;
   text-align: center;
}

.top-navigation ul.top-nav-items-list>li.active::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 7.5px 7px 7.5px;
   border-color: transparent transparent #fff transparent;
}

.top-navigation ul.top-nav-items-list li a {
   cursor: pointer;
   display: flex;
   padding: 14px 2px;
   text-decoration: none;
   color: var(--textlight);
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   white-space: nowrap;
}

/* :root[data-theme="dark"] .top-navigation ul.top-nav-items-list li a {
   color: #808080;
} */

.top-navigation ul.top-nav-items-list li a:hover,
.top-navigation ul.top-nav-items-list>li.active a {
   color: #fff;
}

:root[data-theme="dark"] .top-navigation ul.top-nav-items-list li a:hover,
:root[data-theme="dark"] .top-navigation ul.top-nav-items-list>li.active a {
   color: #2f3ad3;
}

.top-navigation ul.top-nav-items-list li.more-items div.anchor {
   display: flex;
   align-items: center;
   cursor: pointer;
}

:root[data-theme="dark"] .top-navigation ul.top-nav-items-list li.more-items div.anchor {
   /* filter: brightness(0) saturate(100%) invert(57%) sepia(0%) saturate(7358%) hue-rotate(136deg) brightness(87%) contrast(69%); */
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(37deg) brightness(102%) contrast(101%);
}

.top-navigation ul.top-nav-items-list li.more-items .more-items-container {
   z-index: 1;
   position: absolute;
   right: 0px;
   top: 40px;
   overflow-y: auto;
   display: flex;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
   box-shadow: -1px 6px 12px rgb(0 0 0 / 10%);
   border-radius: 6px;
   transition: all ease 200ms;
   transform: translateY(20px);
   opacity: 0;
   visibility: hidden;
}

.top-navigation ul.top-nav-items-list li.more-items:hover .more-items-container {
   transform: translateY(0px);
   opacity: 1;
   visibility: visible;
}

.top-navigation ul.top-nav-items-list li.more-items ul.more-items-list {
   width: 100%;
   margin: 0;
   padding: 12px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: row;
   grid-row-gap: 10px;
}

.top-navigation ul.top-nav-items-list li.more-items ul.more-items-list>li {
   position: relative;
   width: 100%;
   display: flex;
}

.top-navigation ul.top-nav-items-list li.more-items ul.more-items-list>li>a {
   text-decoration: none;
   white-space: nowrap;
   display: flex;
   width: 100%;
   align-items: center;
   padding: 7px 15px;
   color: #474747;
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

:root[data-theme="dark"] .top-navigation ul.top-nav-items-list li.more-items ul.more-items-list>li>a {
   color: #808080;
}

.top-navigation ul.top-nav-items-list li.more-items ul.more-items-list>li>a:hover {
   color: #2f3ad3;
   background-color: var(--hover-bg--alpha);
}

.popup .profile-intro {
   border-bottom: 1px solid var(--border-color--alpha);
   padding: 20px;
   display: flex;
}

#user-profile #profile-link {
   color: #666666;
   text-decoration: underline;
}

.profile-actions .action-img {
   margin-right: 10px;
   vertical-align: middle;
   width: auto;
}

.popup .profile-actions {
   height: auto;
   padding: 15px 20px;
   font-weight: 500;
   max-height: 450px;
   overflow-y: scroll;
   overflow-x: hidden;
}

.profile-actions::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 7px;
}

.profile-actions::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: rgba(0, 0, 0, .5);
   box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.profile-actions ul {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 5px 0;
   color: var(--text-color--grey-1);
   font-size: 16px;
}

.profile-actions ul li {
   padding: 8px 0;
   flex: 50%;
   font-size: 16px;
}

.profile-actions li a {
   display: block;
   width: 100%;
   text-decoration: none;
   color: var(--text-color--grey-1);
}

.profile-actions span {
   font-size: 16px;
   color: var(--text-color--alpha);
}

.profile-pic-div #profile-pic {
   border-radius: 50%;
}

.logout-action .logout-btn {
   display: block;
   width: 100%;
   color: #999999 !important;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit;
   background-color: transparent;
}

.logout-action:hover .logout-btn {
   transform: scale(1.01);
   color: #2f3ad3 !important;
}

.popup .logout-action {
   padding: 5px;
   color: var(--text-color--grey-1);
   text-align: center;
   vertical-align: middle;
   border-top: 1px solid var(--border-color--alpha);
   border-bottom: 1px solid var(--border-color--alpha);
   margin: 0 15px 15px 15px;
   font-weight: 500;
}

#profile-menu-popup {
   width: 410px !important;
   height: auto;
   border-radius: 6px;
   right: 0;
   top: 45px;
   background: var(--surface-color);
   box-sizing: border-box;
   box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
   z-index: 10000;
   overflow: hidden;
   position: absolute;
   border: 1px solid var(--border-color--alpha);
   cursor: initial;
}

@media (max-width:1024px) {
   #profile-menu-popup {
      top: 15%;
      left: 5%;
      width: 90% !important;
      height: auto;
      max-height: 75%;
      border-radius: 6px;
      background: var(--surface-color);
      box-sizing: border-box;
      box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
      z-index: 100000;
      overflow: scroll;
      position: fixed;
      border: 1px solid var(--border-color--alpha);
   }
}

.profile-intro #user-name {
   display: block;
   font-size: 16px;
   font-weight: 700;
   margin-left: 0;
   color: var(--text-color--alpha);
}

.profile-intro #user-status {
   display: block;
   font-size: 14px;
   font-weight: 500;
   color: #2f3ad3;
}

.profile-intro #user-profile {
   display: block;
   font-size: 14px;
   font-weight: 400;
}

.profile-pic-div {
   flex: 0.2;
}

.profile-info-div {
   flex: 0.8;
   padding: 0 10px;
}

.popup .profile-actions {
   height: auto;
}

.profile-actions li:hover {
   color: #2f3ad3 !important;
   transform: scale(1.01);
}

.profile-actions li:hover a {
   color: #2f3ad3 !important;
}

.popup .logout-action {
   font-size: 16px;
}

.logout-action .logout-btn {
   display: block;
   width: 100%;
   color: #999999 !important;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit;
   background-color: transparent;
}

.logout-action:hover .logout-btn {
   transform: scale(1.01);
   color: #2f3ad3 !important;
}

.popup .logout-action {
   padding: 5px;
   color: var(--text-color--grey-1);
   text-align: center;
   vertical-align: middle;
   border-top: 1px solid var(--border-color--alpha);
   border-bottom: 1px solid var(--border-color--alpha);
   margin: 0 15px 15px 15px;
   font-weight: 500;
}


.profile-intro #user-name {
   display: block;
   font-size: 16px;
   font-weight: 700;
   line-height: 20px;
   color: var(--text-color--alpha);
}

.profile-intro #user-status {
   display: block;
   font-size: 14px;
   font-weight: 500;
   color: #2f3ad3;
   line-height: 20px;
}

.profile-intro #user-profile {
   display: block;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
}

.profile-pic-div {
   flex: 0.2;
}

.profile-info-div {
   flex: 0.8;
   padding: 0 10px;
}

.profile-actions span {
   font-size: 14px;
}

.profile-actions ul {
   font-size: 14px;
}

.profile-actions ul li {
   font-size: 12px;
}

.popup .logout-action {
   font-size: 14px;
}

.theme-button {
   width: 24px;
   height: 24px;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
   border-radius: 14px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.theme-button .icon {
   display: flex;
   width: 12px;
   height: 12px;
   background-repeat: no-repeat;
   background-size: cover;
}

:root[data-theme="dark"] .theme-button {
   border: 1px solid #ffcc3d !important;
}

.theme-button .icon.keeda-theme-icon {
   background-image: url("/assets/img/moon.svg");
   /* filter: brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(1088%) hue-rotate(178deg) brightness(93%) contrast(76%); */
}

:root[data-theme="dark"] .theme-button .icon.keeda-theme-icon {
   background-image: url("/assets/img/sun.svg");
   filter: brightness(0) saturate(100%) invert(87%) sepia(38%) saturate(931%) hue-rotate(332deg) brightness(102%) contrast(101%);
}

:root {
   --primaryNavHeight: 38px;
   --primaryNavZIndex: 2999;
}

.primary-navigation {
   --mainBackgroundColor: #0f2462;
   --levelOneBackgroundColor: #fff;
   --levelOneTextColor: #2D2D2D;
   --levelOneBorderColor: #E1E1E1;
   --levelOneBackgroundHoverColor: #F5F5F5;
   width: 100%;
   height: var(--primaryNavHeight);
   display: flex;
   background: var(--mainBackgroundColor);
   color: #fff;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
}

:root[data-theme="dark"] .primary-navigation {
   --mainBackgroundColor: #2d2d2d;
   --levelOneBackgroundColor: #2d2d2d;
   --levelOneTextColor: #E1E1E1;
   --levelOneBorderColor: #666;
   --levelOneBackgroundHoverColor: var(--levelOneBackgroundColor);
}

.primary-navigation .nav-items {
   position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
}

.primary-navigation .nav-items .secondary-navigation {
   cursor: pointer;
   display: flex;
   top: -2px;
   position: relative;
   background-color: var(--sk-red-color);
}

.primary-navigation .nav-items .separator {
   position: relative;
   width: 5px;
   height: var(--primaryNavHeight);
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 19px 0 19px 8px;
   border-color: transparent transparent transparent var(--sk-red-color);
   right: -7.5px;
}

.primary-navigation .nav-items .separator::after,
.primary-navigation .nav-items .separator::before {
   content: "";
   width: 1px;
   height: calc(50% + 1px);
   background-color: #999;
   position: absolute;
   left: 0;
   content: unset;
   display: none;
}

.primary-navigation .nav-items .separator::before {
   top: 0;
   transform: rotate(-20deg);
}

.primary-navigation .nav-items .separator::after {
   bottom: 0;
   transform: rotate(20deg);
}

.primary-navigation .nav-items .primary-nav-items {
   display: flex;
   flex: 1;
   overflow: hidden;
   overflow-x: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
   /* padding: 0 16px; */
}

.primary-navigation .primary-nav-items::-webkit-scrollbar {
   display: none;
}

.primary-navigation .nav-group {
   display: flex;
   gap: 5px;
   align-items: center;
   position: relative;
   padding-left: 16px;
}

.primary-navigation .nav-group .active-item {
   color: #ffffff;
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

@media screen and (max-width:1024px) {
   .primary-navigation .nav-group .active-item {
      font-size: 12px;
      padding: 9px 0;
   }

   .primary-navigation .nav-items .primary-nav-items {
      padding: 0 16px;
   }
}

.primary-navigation .nav-group .secondary-nav-items-indicator {
   cursor: pointer;
   display: block;
   width: 11px;
   height: 7px;
   background-image: url("/assets/img/ic-chevron-top--e9e9e9.svg");
   background-size: cover;
   background-repeat: no-repeat;
   transition: all ease 0.5s;
   transform: rotate(180deg);
}

.primary-navigation .secondary-navigation:hover .secondary-nav-items-indicator {
   transition: all ease 0.5s;
   transform: rotate(0deg);
}

.primary-navigation .secondary-nav-items {
   z-index: 1010;
   position: absolute;
   left: 0px;
   top: 20px;
   display: flex;
   background: #FFFFFF;
   border: 1px solid #dfdfdf;
   box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   transition: all ease 200ms;
   transform: translateY(20px);
   opacity: 0;
   visibility: hidden;
}

.primary-navigation .secondary-navigation:hover .secondary-nav-items {
   transform: translateY(0px);
   opacity: 1;
   visibility: visible;
}

.primary-navigation .secondary-nav-items ul {
   width: 100%;
   margin: 0;
   padding: 12px;
   display: grid;
   grid-template-rows: repeat(6, 1fr);
   grid-auto-flow: column;
   grid-row-gap: 10px;
}

.primary-navigation .secondary-nav-items ul li {
   position: relative;
   display: flex;
   align-items: center;
}

.primary-navigation .secondary-nav-items ul li a {
   text-decoration: none;
   white-space: nowrap;
   display: flex;
   width: 100%;
   align-items: center;
   padding: 7px 15px;
   color: #474747;
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

.primary-navigation .secondary-nav-items ul li a:hover {
   color: var(--sk-red-color);
   background-color: var(--bg-color);
}

.primary-navigation .secondary-nav-items ul li.active a {
   color: var(--sk-red-color);
}

.secondary-nav-items-container {
   z-index: 1;
}

.secondary-nav-items-container .backdrop {
   z-index: 2;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000000;
   opacity: 0.8;
}

.secondary-nav-items-container .items-container {
   z-index: 3;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: auto;
   max-height: 70%;
   background: var(--bg-color, #fff);
   border-radius: 25px 25px 0 0;
}

.secondary-nav-items-container .items-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 20px;
   box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.05);
}

.secondary-nav-items-container .items-header .heading {
   text-transform: uppercase;
   color: var(--primary-color--beta, #474747);
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.secondary-nav-items-container .items-header .close-cta {
   background-color: transparent;
   border: none;
   margin: 0;
   padding: 0;
   color: #474747;
   font-size: 20px;
   cursor: pointer;
}

.secondary-nav-items-container .items-container .content {
   margin: 0;
   padding: 0;
}

.secondary-nav-items-container .items-container .content ul {
   width: 100%;
   margin: 0;
   padding: 12px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: row;
   grid-row-gap: 10px;
}

.secondary-nav-items-container .items-container .content ul li {
   position: relative;
   width: 100%;
   display: flex;
}

.secondary-nav-items-container .items-container .content ul li a {
   text-decoration: none;
   display: flex;
   width: 100%;
   align-items: center;
   padding: 7px 15px;
   color: var(--text-color--alpha, #474747);
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

.secondary-nav-items-container .items-container .content ul li a:hover {
   color: var(--sk-red-color);
   background-color: var(--surface-color, #f5f5f5);
}

.secondary-nav-items-container .items-container .content ul li.active a {
   color: var(--sk-red-color);
}

.primary-nav-items li div.menu-item-with-submenu .menu-item-with-submenu-label {
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 12px;
}

.primary-nav-items li div.menu-item-with-submenu {
   gap: 0;
}

.primary-navigation .primary-nav-items ul {
   padding: 0;
   margin: 0;
   display: flex;
   align-items: center;
   gap: 20px;
}

.primary-navigation .primary-nav-items ul li {
   position: relative;
   width: 100%;
   display: flex;
   padding: 0 10px;
   margin-left: -10px;
   margin-right: -10px;
}

.primary-navigation .primary-nav-items ul li a {
   text-decoration: none;
   white-space: nowrap;
   border-bottom: 4px solid transparent;
   color: #ffffff;
   font-weight: 600;
   line-height: 18px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 12px;
}

.primary-navigation .primary-nav-items ul li a:hover {
   color: #fff;
}

.primary-navigation .primary-nav-items ul li.active a {
   color: #fff;
   border-bottom-color: var(--sk-red-color);
}

.primary-navigation .primary-nav-items ul li.inactive a {
   color: rgba(255, 255, 255, 0.4);
}

.primary-navigation .primary-nav-items ul li.new::before {
   content: "NEW";
   position: absolute;
   background: var(--sk-red-color);
   color: #FFFFFF;
   padding: 2px 5px;
   border-radius: 100px;
   left: calc(50% - 14px);
   font-size: 8px;
   font-weight: 600;
   line-height: 7px;
   text-align: center;
}

.primary-navigation .primary-nav-items .more-items {
   display: none;
}

.hidden-view {
   visibility: hidden;
}

.slider-container {
   --controlSize: 72px;
   --controlPositionOffset: -60px;
   --iconPositionOffset: -15px;
   --iconScale: 1.0;
   position: relative;
   width: 100%;
   display: flex;
   gap: 16px;
   flex-direction: column;
}

.slider-container .slider-filters {
   display: flex;
   gap: 8px;
}

.slider-container .slider-filters .slider-filter-switcher {
   cursor: pointer;
   display: flex;
   padding: 8px 15px;
   border: 1px solid var(--border-color--alpha);
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
   border-radius: 28px;
   background: var(--bg-color);
   color: #474747;
   font-size: 12px;
   line-height: 17px;
}

.slider-container .slider-filters .slider-filter-switcher.active {
   background: var(--active-color);
   color: var(--textColor);
}

.slider-container .slider-control {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 999;
}

.slider-container .slider-control button.slider-control-btn {
   width: 70px;
   height: 70px;
   cursor: pointer;
   background-color: var(--surface-color);
   border: 1px solid #DFDFDF;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 28%);
   width: var(--controlSize);
   height: var(--controlSize);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.slider-container .slider-control button.slider-control-btn:hover {
   border: 1px solid #2D2D2D;
   background-color: var(--surface-color);
}

:root[data-theme="dark"] .slider-container .slider-control button.slider-control-btn {
   border: 1px solid #2D2D2D;
}

:root[data-theme="dark"] .slider-container .slider-control button.slider-control-btn:hover {
   border: 1px solid #999999;
}

:root[data-theme="dark"] .slider-container .slider-control button.slider-control-btn img {
   filter: invert(.5);
}

.slider-container .slider-control button.slider-control-btn img {
   background: none;
   width: 10px;
   height: 15px;
   object-fit: cover;
   display: block;
   position: relative;
}

:root[data-theme="dark"] .slider-container button.slider-control-btn img {
   filter: invert(1);
}

.slider-container .slider-control.slider-control--left {
   left: var(--controlPositionOffset);
}

.slider-container .slider-control.slider-control--left button.slider-control-btn img {
   right: var(--iconPositionOffset);
   transform: scale(var(--iconScale)) rotate(180deg);
}

.slider-container .slider-control.slider-control--right {
   right: var(--controlPositionOffset);
}

.slider-container .slider-control.slider-control--right button.slider-control-btn img {
   left: var(--iconPositionOffset);
   transform: scale(var(--iconScale));
}

@media (max-width:1024px) {
   .slider-container .slider-control {
      display: none;
   }
}

.slider-container.m {
   --controlSize: 48px;
   --controlPositionOffset: -50px;
   --iconPositionOffset: -12px;
   --iconScale: 0.65;
}

.slider-container.s {
   --controlSize: 36px;
   --controlPositionOffset: -36px;
   --iconPositionOffset: -4px;
   --iconScale: 0.5;
}

.slider-container .slider-items {
   width: 100%;
   display: flex;
   gap: 12px;
   overflow: hidden !important;
   overflow-x: auto !important;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.slider-container .slider-items::-webkit-scrollbar {
   display: none;
}

.slider-items .slider-item {
   position: relative;
   display: block;
}

.slider-items .slider-item .item-cta {
   z-index: 99;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.section-separator:has(+ .sk-widget.fluid) {
   border-color: transparent;
}

.sk-widget.fluid+.section-separator {
   border-color: transparent;
}

.section-separator:has(+ .sk-widget.no-pre-separator) {
   display: none;
}

.sk-widget.no-post-separator+.section-separator {
   display: none;
}

.sk-widget .sk-widget-footer-note {
   font-size: 12px;
   line-height: 18px;
   font-style: italic;
   color: #2D2D2D;
   text-align: right;
   background: #ffff;
}

@media (max-width:1024px) {
   .section-separator:has(+ .sk-widget.no-pre-separator-m) {
      display: none;
   }

   .sk-widget.no-post-separator-m+.section-separator {
      display: none;
   }

   .sk-widget .sk-widget-footer-note {
      font-size: 10px;
      line-height: 15px;
   }
}

.sport-feed-item-primary {
   padding: 16px 20px 0px;
}

.sports-feed-item-primary-element {
   display: flex;
   flex-direction: row-reverse;
   position: relative;
   height: 186px;
}

.sports-feed-item-primary-element::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(272.1deg, rgba(32, 37, 64, 0) 15.55%, rgba(32, 37, 64, 1.99) 40.61%, #02032E 98.26%);
   border-radius: 8px;
}

.sports-feed-item-primary-element .feed-item-cta {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
   z-index: 1;
   opacity: 0;
}

.sports-feed-item-primary-element img {
   width: calc(186px * 16 / 10);
   aspect-ratio: 16/10;
   height: 100%;
   object-fit: cover;
   border-radius: 8px;
   object-position: top;
   margin: 0 0 0 auto;
   display: block;
}

.sports-feed-item-primary-element .sports-feed-item-element-meta {
   display: flex;
   flex-direction: column;
   gap: 8px;
   position: relative;
   bottom: 0;
   width: 100%;
   height: 100%;
   justify-content: space-between;
   padding: 20px;
   border-radius: 8px;
}

.sports-primary-title {
   font-weight: 500;
   font-size: 16px;
   line-height: 26px;
   color: #FFFFFF;
   width: 100%;
   margin-top: 7px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}

.sports-feed-item-element-meta .sports-feed-item-primary-modified-time {
   color: #ffffff;
   font-weight: 500;
   font-size: 12px;
   line-height: 20px;
}

@media (max-width:1024px) {
   #carousel-feed-nba .carousel-list {
      padding-bottom: 6px;
   }

   #carousel-feed-nba .carousel-anchors {
      bottom: 21px;
   }

   .sports-feed-item-primary-element {
      flex-direction: column;
      height: auto;
   }

   .sport-feed-item-primary {
      display: block;
      width: 100%;
      overflow: hidden;
      position: relative;
      padding: 0px;
      margin-bottom: 12px;
   }

   .sports-feed-item-primary-element img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 8px;
      object-position: top;
   }

   .sports-feed-item-primary-element .sports-feed-item-element-meta {
      width: 100%;
      height: 100%;
      position: relative;
      bottom: 0;
      display: block;
      padding: 8px 0px;
      margin-top: -30px;
   }

   .sports-feed-item-primary-element::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(32, 37, 64, 0.00) 39.54%, rgba(32, 37, 64, 0.98) 72.21%, #202540 99.09%);
   }

   .sports-primary-title {
      position: relative;
      color: #FFFFFF;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      width: auto;
      font-weight: 500;
      font-size: 14.5778px;
      line-height: 20px;
      margin: 0 12px;
   }

   .sports-feed-item-element-meta .sports-feed-item-primary-modified-time {
      position: relative;
      top: 0;
      margin: 0 12px;
   }
}

.sport-feed-item-primary noscript+img {
   display: none !important;
}

.sports-feed-item-secondary-element .feed-element-img {
   width: 110px;
   height: fit-content;
   border-radius: 4px;
   object-fit: cover;
   aspect-ratio: 16/10;
   flex-shrink: 0;
   margin: 0 !important;
   display: block;
}

.feed-item-secondary {
   display: inline-flex;
   width: calc(50% - 32px);
   flex-direction: row;
   border-bottom: 1px solid var(--border-color--alpha, #ffffff);
   margin: 0px 0 0 20px;
   position: relative;
   padding: 12px 0px 12px 0px;
}

.sports-feed-item-secondary-element .feed-item-cta {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
   z-index: 1;
   opacity: 0;
}

.sports-feed-item-secondary-meta .sports-item-title {
   font-weight: 500;
   font-size: 13px;
   line-height: 17px;
   color: var(--text-color--alpha, #2D2D2D);
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

.feed-item-secondary .sports-feed-item-secondary-element {
   display: flex;
   gap: 12px;
   position: relative;
   cursor: pointer;
   flex: unset;
   text-decoration: none;
   width: 100%;
}

.feed-item-secondary .sports-feed-item-secondary-meta {
   display: flex;
   flex-direction: column;
   gap: 3px;
}

.feed-item-secondary .share-element {
   z-index: 99;
   position: absolute;
   right: 10px;
   bottom: 0;
   opacity: 0;
}

.feed-item-secondary:hover .share-element {
   opacity: 1;
}

.feed-item-secondary:hover .share-element .share-icon {
   display: flex;
}

.sports-feed-item-secondary-meta .share-icon {
   height: 18px;
   width: 18px;
   border: 1px solid #D1D1D1;
   border-radius: 14px;
   align-items: center;
}

.sports-feed-item-secondary-meta .share-icon img {
   height: 10px;
   width: 9px;
   min-width: unset;
   margin: auto;
   background: transparent;
}

.sports-feed-item-secondary-meta .share-options {
   position: absolute;
   right: 0px;
   justify-content: flex-end;
   gap: 14px;
   align-items: center;
   display: none;
   z-index: 9999999;
   background: #FFFFFF;
   border: 1px solid #D1D1D1;
   border-radius: 16px;
   padding: 5px 10px;
   animation: growDiv 0.5s cubic-bezier(0.4, 0, 1, 1);
   bottom: -6px;
}

.sports-feed-item-secondary-meta .share-options img {
   display: block;
   max-width: 100%;
   min-width: 20px !important;
   height: 20px;
   width: 20px;
   background: transparent;
}

.feed-item-secondary:hover .sports-item-title {
   color: #0B65F0;
}

:root[data-theme="dark"] .feed-item-secondary:hover .sports-item-title {
   color: var(--text-color--alpha, #fff);
   text-decoration: underline;
}

.feed-item-secondary:last-child {
   border-bottom: none;
}

.feed-item-secondary:nth-last-child(-n+2) {
   border-bottom: none;
}

.carousel-story .live-indicator {
   padding: 5px 15px;
   gap: 4px;
   position: absolute;
   max-width: 80px;
   max-height: 30px;
   margin: 12px;
}

.sports-feed-item-secondary-element .live-indicator {
   position: absolute;
   padding: 0px 5px;
   max-height: 15px;
   margin: 5px;
   font-size: 10px;
}

.sports-feed-item-secondary-element .blob {
   margin: 5px;
   height: 5px;
   width: 5px;
}

.sports-feed-item-secondary-meta .sports-feed-item-secondary-modified-time {
   color: #999999;
   font-weight: 500;
   font-size: 10px;
   line-height: 14px;
}

@media (max-width:1024px) {
   #carousel-feed-nba .carousel-list {
      padding-bottom: 6px;
   }

   #carousel-feed-nba .carousel-anchors {
      bottom: 21px;
   }

   .feed-item-secondary {
      margin: 0px;
      position: relative;
      display: block;
      width: 100%;
      /* background-color: #ffffff; */
      padding: 12px 0px;
      border: none;
      border-bottom: 1px solid var(--border-color--alpha, #ffffff);
   }

   .sports-feed-item-secondary-element .feed-element-img {
      border-radius: 4px;
      object-fit: cover;
   }

   .feed-item-secondary .sports-feed-item-secondary-meta {
      gap: 4px;
   }

   .sports-feed-item-secondary-meta .sports-item-title {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      color: var(--text-color--alpha, #2D2D2D);
   }

   .feed-item-secondary:hover .sports-item-title {
      /* color: #2D2D2D; */
      text-decoration: underline;
   }

   .feed-item-secondary:hover .share-element .share-icon {
      display: none;
   }

   .sports-feed-item-element-meta {
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      background: linear-gradient(180deg, rgba(32, 37, 64, 0) 39.54%, rgba(32, 37, 64, 0.98) 65.58%, #202540 99.09%);
      display: block;
   }

   :root[data-theme="dark"] .sports-feed-item-element-meta {
      background: linear-gradient(180deg, rgba(32, 37, 64, 0.00) 39.54%, rgba(32, 37, 64, 0.98) 71.92%, #202540 99.09%);
   }

   .feed-item-secondary:first-child {
      border-top: none;
      padding-top: 18px;
   }
}

.feed-item-secondary noscript+img {
   display: none !important;
}

.sports-feed-item-primary-element .sports-primary-title {
   font-weight: 600;
}

@media screen and (max-width:1024px) {
   .pinned-stories .sport-feed-item-primary {
      width: calc(100% + 32px);
      margin-left: -16px;
      margin-right: -16px;
      margin-bottom: 0;
   }

   .pinned-stories .sports-feed-item-primary-element {
      height: auto;
   }

   .pinned-stories .sports-feed-item-primary-element img {
      width: 100%;
      border-radius: 0;
   }

   .pinned-stories .sports-feed-item-primary-element .sports-feed-item-element-meta {
      border-radius: 0;
      position: unset;
      padding: 8px 0px;
      margin-top: -20px;
   }

   .pinned-stories .sports-feed-item-primary-element .sports-feed-item-element-meta .live-indicator {
      position: absolute;
      top: 10px;
      left: 10px;
   }
}

.feed-items {
   width: 100%;
}

@media (max-width:1024px) {
   .feed-items .feed-item-secondary:nth-last-child(-n+2) {
      border-bottom: 1px solid var(--border-color--alpha, #ffffff);
   }

   .feed-items.linear .sport-feed-item-primary {
      border-bottom: 1px solid var(--border-color--alpha, #ffffff);
      padding-top: 16px;
      padding-bottom: 16px;
      margin-bottom: 4px;
   }

   .feed-items.linear .feed-item-secondary:first-child,
   .feed-items.linear .sport-feed-item-primary:first-child {
      padding-top: 0;
   }

   .feed-items.linear .feed-item-secondary:last-child,
   .feed-items.linear .sport-feed-item-primary:last-child {
      padding-bottom: 0;
      border-bottom-color: transparent;
   }

   .feed-items.linear .feed-item-secondary:last-child {
      border-bottom: none;
   }
}

.homepage-ads-row {
   /* --margin: -50px; */
   display: flex;
   gap: 10px;
   justify-content: center;
   margin: var(--margin) auto;
}

.homepage-ads-row .homepage-ad-container>.panel {
   --panelXSpacingBody: 5px;
   --panelYSpacingBody: 5px;
}

.homepage-ads-row .homepage-ad-container .homepage-ad-content {
   height: 100% !important;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (max-width:1024px) {
   .homepage-ads-row {
      /* --margin: -20px; */
      flex-direction: column;
      gap: 0;
   }
}

.score-carousel-container {
   margin-top: 5px;
   margin-bottom: 20px;
   overflow: hidden;
}

.score-carousel-container #keeda_cricket_widget,
.score-carousel-container #keeda_kabaddi_widget,
.score-carousel-container #keeda_football_widget {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   padding-bottom: 0;
}

.score-carousel-container #keeda_cricket_widget .keeda_widget,
.score-carousel-container #keeda_kabaddi_widget .keeda_widget,
.score-carousel-container #keeda_football_widget .keeda_widget {
   height: auto;
   background: var(--head-bg-color);
}

.score-carousel-container #keeda_cricket_widget .keeda_widget_match_listing,
.score-carousel-container #keeda_kabaddi_widget .keeda_widget_match_listing,
.score-carousel-container #keeda_football_widget .keeda_widget_match_listing {
   min-height: auto;
   height: auto;
   position: relative;
}

.score-carousel-container #keeda_cricket_widget .keeda_widget_match_listing {
   min-height: 172px;
}

.score-carousel-container #keeda_cricket_widget .keeda_drop_down_container {
   align-items: center;
}

.score-carousel-container #keeda_cricket_widget .keeda_carousel_all_scores a {
   display: inline-flex;
   gap: 5px;
   align-items: center;
   /* color: var(--score-info-link-color, #0B65F0); */
   color: #fff;
}

.score-carousel-container #keeda_cricket_widget .keeda_carousel_all_scores img {
   top: 0;
   width: 6px;
   height: 11px;
}

.mobile-ad-negative-space,
.ad-container {
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (max-width:1024px) {
   .score-carousel-container {
      margin-top: 0;
      margin-bottom: 16px;
   }

   .score-carousel-container #keeda_cricket_widget .keeda_widget_match_listing,
   .score-carousel-container #keeda_kabaddi_widget .keeda_widget_match_listing,
   .score-carousel-container #keeda_football_widget .keeda_widget_match_listing {
      padding-top: 10px;
   }

   .score-carousel-container #keeda_football_widget {
      padding-top: 16px;
   }

   .score-carousel-container #keeda_kabaddi_widget {
      padding-left: 16px;
      padding-right: 16px;
   }
}

.faq-container .faq-answer {
   padding: 12px 20px;
}

.page-rating-section {
   margin-bottom: 15px;
}

.reels-widget-fragments-container {
   margin-bottom: 18px;
}

.news-item {
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   gap: 10px;
   text-decoration: none;
}

.news-item.primary {
   border-radius: 10px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   gap: 0px;
}

.news-item.secondary-h {
   flex-direction: row;
   height: fit-content;
}

.news-item.secondary-v {
   flex-direction: column;
}

.news-item-content {
   overflow: hidden;
   border-radius: 10px;
   flex-shrink: 0;
}

.news-item.secondary-h .news-item-content {
   width: 135px;
   height: 83px;
}

.news-item.secondary-v .news-item-content {
   width: 100%;
   height: 148px;
   position: relative;
}

.news-item.primary .news-item-content {
   width: 100%;
   height: auto;
}

.news-item-content img {
   height: fit-content;
   width: 100%;
   object-fit: cover;
   aspect-ratio: 16/10;
   background: #e0dfdf;
   border-radius: inherit;
}

.news-item .live-indicator {
   position: absolute;
   z-index: 1;
   top: 8px;
   left: 8px;
}

.news-item-content-author-wrapper {
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 10px 8px;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(32, 37, 64, 0) 39.54%, rgba(32, 37, 64, 0.98) 75.58%, #202540 99.09%);
}

.news-item-content-author-wrapper .news-item-content-author {
   display: flex;
   gap: 6px;
   align-items: center;
   justify-content: flex-start;
}

.news-item-content-author img {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   object-fit: cover;
   filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.news-item-content-author .news-item-content-author-name {
   font-size: 13px;
   font-weight: 500;
   line-height: 19px;
   text-align: left;
   color: #f5f5f5;
   text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.news-item-content-bottom {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
   gap: 2px;
}

.news-item.primary::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(32, 37, 64, 0.00) 39.54%, rgba(32, 37, 64, 0.98) 71.92%, #202540 99.09%);
}

.bottom-categories-region .feed-featured-content-primary .news-item.primary .news-item-content-bottom {
   min-height: 120px;
}

.news-item.primary .news-item-content-bottom {
   position: relative;
   padding: 16px 20px;
   left: 0;
   bottom: 0;
   width: 100%;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   height: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: end;
   margin-top: -48px;
}

.news-item-content-bottom-title {
   text-decoration: none;
   font-size: 14px;
   font-weight: 500;
   line-height: 21px;
   color: var(--text-color--alpha);
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.news-item.primary .news-item-content-bottom-title {
   color: #f5f5f5;
   font-size: 20px;
   line-height: 26px;
   font-weight: 600;
}

.news-item:hover .news-item-content-bottom-title {
   text-decoration: underline;
}

.news-item-content-bottom-subtitle {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 4px;
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
   color: var(--text-color--grey-1);
}

.news-item-content-bottom-subtitle .news-item-content-bottom-subtitle-category {
   color: var(--primary-color--beta);
}

@media (min-width: 961px) {
   .news-item.primary .live-indicator {
      top: 18px;
      left: 18px;
      font-size: 22px;
      font-weight: 500;
      line-height: 33px;
      max-width: unset;
      max-height: unset;
      padding: 4px 12px;
      border-radius: 38px;
   }

   .news-item.primary .live-indicator .blob {
      width: 14px;
      height: 14px;
   }
}

@media (max-width:1024px) {
   .news-item.primary {
      height: auto;
      border-radius: 6px;
   }

   .news-item-content {
      border-radius: 6px;
   }

   .news-item-content-bottom-title,
   .news-item.primary .news-item-content-bottom-title {
      font-size: 12px;
      line-height: 18px;
   }

   .news-item-content-bottom-subtitle {
      font-size: 12px;
      line-height: 15px;
   }

   .news-item.primary .news-item-content-bottom {
      padding: 6px 8px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
   }

   .bottom-categories-region .feed-featured-content-primary .news-item.primary .news-item-content-bottom {
      min-height: unset;
   }
}

.news-item-content noscript+img {
   display: none !important;
}

.feed-featured-container {
   display: flex;
   gap: 16px;
   height: auto;
}

.feed-featured-container.vertical {
   flex-direction: column;
   height: auto;
}

.feed-featured-container .feed-featured-content-primary {
   width: 55%;
   height: 100%;
   flex-shrink: 0;
}

.feed-featured-container.vertical .feed-featured-content-primary {
   width: 100%;
   height: 40%;
}

.feed-featured-container .feed-featured-content-secondary {
   flex: 1;
   height: 100%;
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.feed-featured-container.vertical .news-item.primary .news-item-content {
   height: auto;
}

@media (max-width:1024px) {
   .feed-featured-container {
      flex-direction: column;
      height: auto;
   }

   .feed-featured-container .feed-featured-content-primary {
      width: 100%;
      height: auto;
   }

   .feed-featured-container .feed-featured-content-secondary {
      flex-direction: column;
   }
}

body {
   background: var(--bg-color);
}

.banner-ad {
   margin: 20px auto 10px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.category-region:last-child {
   margin-bottom: 0;
}

.sk-home section>.section-separator,
.category-region>.section-separator {
   margin-top: 80px;
}

.sk-home .category-region {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.sk-home .smart-menu-container {
   --containerHSpacing: 0px;
}

.content-container .view-more-cta {
   width: 100%;
   color: var(--text-color--beta);
   text-decoration: none;
   text-align: center;
   display: block;
   background-color: inherit;
   border: 1px solid var(--border-color--gamma);
   border-radius: 30px;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   padding: 4px;
}

.content-container .view-more-cta:hover {
   border: 1px solid var(--primary-color--beta);
   color: var(--primary-color--beta);
}


:root {
   --panelXSpacingHeader: 20px;
   --panelYSpacingHeader: 10px;
   --panelXSpacingBody: 20px;
   --panelYSpacingBody: 16px;
   --panelXSpacingFooter: 20px;
   --panelYSpacingFooter: 16px;
}

.panel {
   --borderColor: var(--border-color--alpha, #ffffff);
   --xSpacingHeader: var(--panelXSpacingHeader);
   --ySpacingHeader: var(--panelYSpacingHeader);
   --xSpacingBody: var(--panelXSpacingBody);
   --ySpacingBody: var(--panelYSpacingBody);
   --xSpacingFooter: var(--panelXSpacingFooter);
   --ySpacingFooter: var(--panelYSpacingFooter);
   width: 100%;
   background-color: var(--panel-background-color);
   border: 1px solid var(--border-color--alpha);
   overflow: clip;
}

.panel.transparent {
   background: transparent;
}

.panel.rounded {
   border-radius: 12px;
}

.panel.with-shadow {
   box-shadow: 0px 4px 4px 0px #E9F2FA;
}

.panel.no-border {
   border: none;
}

.panel-header {
   position: relative;
   width: 100%;
   padding: var(--ySpacingHeader) var(--xSpacingHeader);
   border-bottom: 1px solid var(--border-color--alpha);
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: center;
}

.panel-header.no-border {
   border-bottom: none;
}

.panel.fluid .panel-header {
   border-bottom: 0;
}

.panel-header.column {
   flex-direction: column;
}

.panel-header>.panel-heading {
   width: 100%;
   margin: 0;
   padding: 0;
   color: var(--text-color--beta);
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.panel-header>.panel-heading>h2 {
   color: #474747;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.content-container .panel-header a {
   width: fit-content;
   display: flex;
   gap: 5px;
   align-items: center;
   align-self: center;
   cursor: pointer;
   text-decoration: none;
   border: none;
   white-space: nowrap;
   color: var(--hyperlink-color);
   font-size: 14px;
   line-height: 21px;
}

.panel-header a.view-more-cta::after {
   content: "";
   display: block;
   width: 6px;
   height: 11px;
   background-image: url("/assets/img/ic_breadcrumb_chevron-right--0B65F0.svg");
   background-size: cover;
   background-repeat: no-repeat;
   filter: var(--hyperlink-filter, none);
}

.panel .panel-body {
   padding: var(--ySpacingBody) var(--xSpacingBody);
}

.panel .panel-body.no-padding {
   --xSpacingBody: 0;
   --ySpacingBody: 0;
}

.panel .panel-header.no-padding {
   --xSpacingHeader: 0;
   --ySpacingHeader: 0;
}

.panel .panel-body.no-h-padding {
   --xSpacingBody: 0;
}

.panel .panel-header.no-h-padding {
   --xSpacingHeader: 0;
}

.panel .panel-body.no-v-padding {
   --ySpacingBody: 0;
}

.panel .panel-header.no-v-padding {
   --ySpacingHeader: 0;
}

.panel .panel-header.no-padding-h {
   --xSpacingHeader: 0;
}

.panel .panel-header.no-padding-t {
   padding-top: 0;
}

.panel .panel-header.no-padding-b {
   padding-bottom: 0;
}

.panel .panel-footer {
   position: relative;
   width: 100%;
   padding: 0 var(--xSpacingFooter) var(--ySpacingFooter);
}

.panel .panel-body.no-padding+.panel-footer {
   --ySpacingFooter: 12px;
   padding-top: var(--ySpacingFooter);
}

.panel .panel-cta-button {
   cursor: pointer;
   width: 100%;
   color: var(--text-color--beta, #474747);
   text-decoration: none;
   text-align: center;
   display: block;
   background-color: var(--bg-color, #fff);
   border: 1px solid var(--border-color--alpha, #e2e2e2);
   border-radius: 2px;
   font-size: 16px;
   font-weight: 500;
   line-height: 18px;
   padding: 10px;
}

.panel .panel-cta-link {
   width: 100%;
   display: flex;
   gap: 5px;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   text-decoration: none;
   white-space: nowrap;
   color: #0B65F0;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.panel .panel-cta-link::after {
   content: "";
   display: block;
   width: 6px;
   height: 11px;
   background-image: url("/assets/img/ic_breadcrumb_chevron-right--0B65F0.svg");
   background-size: cover;
   background-repeat: no-repeat;
}

@media screen and (max-width:1024px) {
   .panel {
      --panelXSpacingHeader: 16px;
      --panelYSpacingHeader: 16px;
      --panelXSpacingBody: 16px;
      --panelYSpacingBody: 16px;
      --panelXSpacingFooter: 16px;
      --panelYSpacingFooter: 16px;
      --borderColor: transparent;
      border: none;
   }

   .panel.transparent-m {
      background: transparent;
   }

   .panel.rounded-m {
      border-radius: 12px;
   }

   .panel.with-shadow-m {
      box-shadow: 0px 4px 4px 0px #E9F2FA;
   }

   .panel.no-border-m {
      border: none;
   }

   .panel .panel-body.no-padding-m {
      --xSpacingBody: 0px;
      --ySpacingBody: 0px;
   }

   .panel .panel-header.no-padding-m {
      --xSpacingHeader: 0px;
      --ySpacingHeader: 0px;
   }

   .panel .panel-body.no-h-padding-m {
      --xSpacingBody: 0px;
   }

   .panel .panel-header.no-h-padding-m {
      --xSpacingHeader: 0px;
   }

   .panel .panel-body.no-v-padding-m {
      --ySpacingBody: 0px;
   }

   .panel .panel-header.no-v-padding-m {
      --ySpacingHeader: 0px;
   }

   .panel .panel-header.text-sm-m>.panel-heading {
      font-size: 14px;
      line-height: 21px;
   }
}

.bottom-categories-region {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 12px;
}

:root[data-theme="dark"] .bottom-categories-region .panel {
   filter: drop-shadow(0px 0px 50px #282A22);
   background: radial-gradient(74.37% 79.68% at 50% 53.57%, #1C1C1D 80.65%, #2A2A2A 100%);
}

.bottom-categories-region .feed-featured-content-primary .news-item.primary .news-item-content-bottom-title {
   font-size: 14px;
   line-height: 21px;
   font-weight: 500;
}

@media (max-width:1024px) {
   :root[data-theme="dark"] body {
      background: var(--bg-color);
   }

   .sk-home .category-region {
      padding: 16px;
   }

   .category-region .page-info-divider {
      padding: 0;
      margin-bottom: 0;
   }

   .bottom-categories-region .panel {
      border: 1px solid var(--border-color--alpha);
      --panelXSpacingBody: 12px;
      --panelYSpacingBody: 12px;
      --panelYSpacingHeader: 12px;
      --panelXSpacingHeader: 12px;
   }

   .sk-home section>.section-separator,
   .category-region>.section-separator {
      margin-top: 36px;
      border-bottom: 0 !important;
   }

   .top-categories-region .content-container .section-separator {
      margin: 16px 0;
      width: 100%;
   }

   .category-region .category-smart-menu-container {
      margin-bottom: 16px;
   }

   .category-region .content-container .news-item.primary {
      margin-bottom: 16px;
   }

   .bottom-categories-region {
      grid-template-columns: 1fr;
      gap: 14px;
      padding: 12px;
   }

   .content-container .view-more-cta {
      /* margin-top: 16px; */
      padding: 4px;
      font-size: 13px;
      font-weight: 500;
      line-height: 19px;
   }
}

#keeda_football_widget::-webkit-scrollbar {
   width: 0px;
}

#keeda_football_widget {
   scrollbar-width: none;
}

#keeda_cricket_widget,
#keeda_football_widget {
   width: 100%;
   overflow: hidden;
   z-index: 999;
   margin-top: 20px;
   border: 1px solid var(--border-color--alpha);
   border-radius: 8px;
}

.blink_timer {
   animation: blinker 1.5s linear infinite;
   color: #3498db;
   float: right;
}

@keyframes blinker {
   50% {
      opacity: 0;
   }
}

#keeda_football_widget .keeda_widget {
   position: relative;
   background: none;
   border: none;
   height: 124px;
   width: 100%;
}

#keeda_cricket_widget .keeda_widget {
   position: relative;
   background: none;
   border: none;
   height: auto;
}

.keeda_widget_match_listing {
   text-align: left;
   display: inline-block;
   padding: 16px;
   vertical-align: middle;
   height: auto;
   white-space: nowrap;
   overflow: auto;
   scrollbar-width: none;
   width: 100%;
   min-height: 124px;
   position: absolute;
   padding: 16px;
}

.flex-container {
   display: flex;
}

#keeda_cricket_widget .keeda_widget_match_listing {
   min-height: 159px;
}

.keeda_cricket_single_match {
   text-align: left;
   display: inline-flex;
   flex-direction: column;
   justify-content: space-between;
   border-radius: 4px;
   border: 1px solid var(--border-color--alpha);
   background-color: var(--bg-color);
   position: relative;
   padding: 0;
   width: 240px;
   height: 140px;
   vertical-align: top;
   margin-right: 12px;
   line-height: 1.2;
   z-index: 999;
}

.keeda_cricket_single_match.match-carousel-ad {
   border: none;
   display: inline-flex;
   height: 135px;
   justify-content: center;
   align-items: center;
}

.keeda_cricket_single_match:not(.match-carousel-ad):hover {
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.keeda_football_single_match:first-child {
   margin-left: 0px;
   text-align: left;
}

.keeda_football_single_match {
   display: inline-block;
   border-radius: 3px;
   background-color: #ffffff;
   border: 1px solid #DFDFDF;
   position: relative;
   padding: 6px 8px;
   width: 180px;
   height: 90px;
   vertical-align: top;
   margin: 4px 5px 0 5px;
   line-height: 1.2;
}

.keeda_football_previous_match_day {
   display: inline-block;
   border-radius: 3px;
   background-color: #ffffff;
   border: 1px solid #DFDFDF;
   position: relative;
   padding: 10px 8px;
   height: 90px;
   vertical-align: top;
   margin: 4px 5px 0 5px;
   line-height: 1.2;
   cursor: pointer;
   writing-mode: tb;
   white-space: normal;
   text-align: center;
   transform: rotate(180deg);
   font-size: 10px;
   color: #999999;
}

.keeda_football_next_match_day {
   display: inline-flex !important;
   border-radius: 4px;
   background-color: #ffffff;
   width: 104px;
   height: 41px;
   text-align: center;
   margin-bottom: 8px;
   margin-top: 4px;
   align-items: center;
   padding: 0px 4px;
   cursor: pointer;
   border: 1px solid #DFDFDF;
}

.keeda_football_next_match_day .keeda_widget_football_matchweek {
   font-size: 12px;
   color: #808080;
   width: 104px;
   word-wrap: break-word;
   white-space: normal;
   line-height: 14px;
}

.keeda_football_links {
   display: inline-flex;
   flex-direction: column;
}

.keeda_football_single_match:hover {
   box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
}

.keeda_football_links .keeda_widget_all_fixtures {
   margin-top: 0px;
}

.keeda_widget_all_fixtures {
   display: inline-block;
   margin-top: 25px;
}

.keeda_cricket_match_link,
.keeda_football_match_link {
   background-color: transparent;
   display: inline-block;
   height: 100%;
   position: absolute;
   text-decoration: none !important;
   text-indent: -999px;
   white-space: nowrap;
   width: 100%;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
}

.keeda_widget_cricket_flag,
.keeda_widget_football_flag {
   display: inline-block;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: middle;
   height: 20px;
   background-position: 50% 50%;
   width: 20px;
   position: relative;
   margin: 0 6px 0 0;
}

.keeda_widget_cricket_flag {
   width: 27px;
   height: 18px;
   object-fit: contain;
   background-color: transparent;
}

.keeda_widget_team {
   display: flex;
   margin-top: 4px;
}

.keeda_widget_team_name {
   line-height: 20px;
   height: 20px;
   font-size: 12px;
   color: #555555;
}

.keeda_widget_info {
   color: #999;
   font-size: 11px;
   position: relative;
   display: block;
   margin-bottom: 4px;
}

.keeda_widget_info.cricket {
   margin-bottom: 9px;
   font-weight: bold;
   font-size: 10px;
   line-height: 12px;
   display: flex;
   gap: 3px;
   justify-content: space-between;
}

.keeda_cricket_single_match .keeda_cricket_match_list {
   padding: 8px 12px 0;
   flex: 1;
}

.keeda_cricket_match_list .keeda_widget_team {
   margin-top: 0;
   margin-bottom: 8px;
   display: flex;
   align-items: center;
}

.keeda_cricket_match_list .keeda_widget_team:last-child {
   margin-bottom: 4px;
}

.keeda_cricket_match_list .keeda_widget_team.lost {
   opacity: 0.5;
}

.keeda_cricket_match_list .keeda_widget_team_name,
.keeda_cricket_match_list .keeda_widget_score {
   color: var(--text-color--beta);
   line-height: 18px;
   font-weight: 400;
   height: unset;
}

.keeda_widget_info.football {
   color: #3498db;
}

.keeda_widget_result_info {
   color: var(--score-info-link-color, #3498db);
   text-align: left;
   font-size: 10px;
   margin-top: 2px;
   overflow: hidden;
}

.keeda_widget_result_info span {
   width: 100%;
   white-space: initial;
}

.keeda_cricket_match_list .keeda_widget_result_info {
   color: var(--score-info-link-color, #0B65F0);
}

.keeda_widget_score {
   line-height: 20px;
   font-size: 12px;
   text-align: right;
   color: #555555;
   position: relative;
   margin-left: auto;
}

.keeda_football_match_time {
   color: #ababab;
   font-size: 10px;
   right: 10px;
   top: 7px;
   position: absolute;
}

.keeda_widget_all_fixtures {
   display: inline-block !important;
   background-color: #ffffff;
   border-radius: 4px;
   box-shadow: none;
   border: 1px solid #DFDFDF;
   height: auto;
   width: 104px;
   height: 41px;
   text-align: center;
}

.keeda_widget_all_fixtures a {
   text-decoration: none;
   font-size: 12px;
   text-align: left;
   color: #808080;
   line-height: 44px;
}

.keeda_widget_football_matchweek {
   font-size: 10px;
   color: #999999;
}

.scroll-button {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   position: absolute;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 28%);
   font-size: 20px;
   padding: 6px 10px;
   color: #c7c5c5;
   cursor: pointer;
   top: calc(50% - 15px);
   background: no-repeat scroll 50% 50% var(--surface-color);
   z-index: 1001;
   border: 1px solid #DFDFDF
}

.scroll-button:hover {
   border: 1px solid #2D2D2D;
}

:root[data-theme="dark"] .scroll-button {
   border: 1px solid #2D2D2D;
}

:root[data-theme="dark"] .scroll-button:hover {
   border: 1px solid #999999;
}

:root[data-theme="dark"] .score-carousel-container .score-carousel-scroll-left img,
:root[data-theme="dark"] .score-carousel-container .score-carousel-scroll-right img {
   filter: invert(.5);
}

.scroll-button:hover {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.score-carousel-scroll-left {
   left: -35px;
   display: none;
}

.score-carousel-scroll-right {
   right: -35px;
}

.score-carousel-scroll-left img,
.score-carousel-scroll-right img {
   position: relative;
   top: 5px;
   left: 2px;
}

.score-carousel-scroll-left img {
   transform: scaleX(-1);
   left: -1px;
}

.keeda_carousel_tab_menu {
   width: auto;
   display: flex;
   align-items: center;
   z-index: 1;
   text-align: left;
   position: relative;
   border-bottom: 1px solid var(--border-color--alpha);
   height: auto;
   background: var(--head-bg-color);
}

.keeda_carousel_tab_menu::-webkit-scrollbar,
.keeda_widget_match_listing::-webkit-scrollbar,
.keeda_carousel_tab_container::-webkit-scrollbar {
   display: none;
}

.keeda_carousel_tab_container {
   flex-shrink: 0;
   display: inline-flex;
   position: relative;
   width: 88%;
   overflow: auto;
   padding: 12px 16px;
}

.keeda_carousel_tab_item {
   font-weight: 500;
   font-size: 14px;
   color: #999999;
   padding: 0px 10px;
   cursor: pointer;
   position: relative;
   flex-shrink: 0;
}

.keeda_carousel_tab_item.active {
   font-weight: bold;
   color: #fff;
}

.keeda_carousel_tab_item.active::after {
   content: "";
   position: absolute;
   bottom: -12px;
   left: 0;
   width: 100%;
   border-bottom: 2px solid #fff;
}

.keeda_carousel_all_scores {
   flex: 1 0 auto;
   text-align: center;
   font-weight: 500;
   font-size: 14px;
}

.keeda_carousel_all_scores a {
   font-size: 14px;
   color: #2f3ad3;
   cursor: pointer;
   text-decoration: none;
   font-weight: 500;
}

.keeda_carousel_all_scores a img {
   position: relative;
   top: 4px;
}

.keeda_widget_loader {
   position: absolute;
   text-align: center;
   padding: 20px;
   display: none;
   top: calc(50% - 35px);
   left: calc(50% - 35px);
}

.keeda_widget_loader img {
   width: 50px;
}

.keeda_carousel_drop_down_menu {
   position: relative;
}

.keeda_carousel_drop_down_menu select {
   outline: none;
   font-size: 11px;
   color: #555555;
   width: 200px;
   border: none;
   border-bottom: 1px solid #ababab;
   border-radius: 0;
   margin-left: 16px;
   padding-bottom: 2px;
}

.keeda_carousel_drop_down_menu::after {
   content: "";
   background-position: right;
   background-repeat: no-repeat;
   background-image: url(https:/assets/img/menu/arrow-down.svg);
   position: absolute;
   top: 2px;
   right: 2px;
   width: 16px;
   height: 16px;
   background-size: 16px 16px;
}

.keeda_widget_drop_down_menu_list:hover {
   background: #369777;
   color: #FFF;
}

.keeda_widget_drop_down_menu_list {
   padding: 0px 10px;
   cursor: pointer;
   border-radius: 2px;
   z-index: 100;
   color: var(--text-color--beta);
   font-size: 11px;
   line-height: 22px;
}

.keeda_widget_drop_down_menu .active {}

.keeda_widget_drop_down_menu .inactive {
   cursor: pointer;
}

.keeda_widget_drop_down_menu_listing {
   margin: 0px 20px;
   display: none;
   position: absolute;
   background: var(--surface-color);
   box-shadow: #828282 0px 2px 8px;
   border-radius: 5px;
   z-index: 1001;
   width: 180px;
   padding: 10px 0;
}

#keeda_cricket_widget .keeda_widget_drop_down_menu_listing {
   top: 28px;
   left: -5px;
   height: 167px;
   overflow-y: scroll;
}

.keeda_widget_drop_down_select_text {
   margin: 7.5px 2px 0 2px;
   padding: 0 10px;
   text-transform: uppercase;
   color: #b0b0b0;
   font-weight: 600;
   font-size: 12px;
}

.keeda_widget_drop_down_arrow {
   transition: 0.5s all ease;
   position: absolute;
   right: 13px;
   top: 10px;
   width: 8px !important;
   height: 5px !important;
}

:root[data-theme="dark"] .keeda_widget_drop_down_arrow {
   filter: invert(.5);
}

.keeda_widget_drop_down_arrow.open {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}

.keeda_widget_search_box {
   margin: 0 20px;
   border: 1px solid #369777;
   padding: 5px 10px;
   border-radius: 5px;
   background-color: #fff;
   display: none;
   position: relative;
   height: 36px;
}

.keeda_widget_search_box input {
   width: 80%;
   border: none;
   background: none;
   font-size: 14px;
   font-weight: bold;
}

.keeda_widget_search_close {
   position: absolute;
   right: 4px;
   top: 6px;
   padding: 0 9px;
   cursor: pointer;
}

.keeda_widget_search_close img {
   width: 9px;
   height: 9px;
   cursor: pointer;
}

.keeda_widget_search_box input::placeholder {
   width: 80%;
   border: none;
   position: relative;
}

.keeda_widget_search_box input::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #b0b0b0;
   font-weight: 600;
}

.keeda_widget_search_box input::-moz-placeholder {
   /* Firefox 19+ */
   color: #b0b0b0;
   font-weight: 600;
}

.keeda_widget_search_box input::-ms-input-placeholder {
   /* IE 10+ */
   color: #b0b0b0;
   font-weight: 600;
}

.keeda_widget_search_box input::-moz-placeholder {
   /* Firefox 18- */
   color: #b0b0b0;
   font-weight: 600;
}

.keeda_widget_search_box input:focus {
   border: none;
   outline: none;
}

.keeda_widget_menu {
   display: inline-block;
   text-align: left;
   padding: 0px 10px;
   cursor: pointer;
   border: 1px solid var(--border-color--alpha);
   border-radius: 18px;
   font-size: 11px;
   font-weight: 400;
   margin: 0 20px;
   position: relative;
   max-width: 124px;
   height: 24px;
   color: var(--text-color--alpha);
   background: inherit;
}

.keeda_widget_menu_title {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
   width: 100px;
   color: var(--text-color--grey-1);
   font-size: 12px;
}

.keeda_drop_down_container {
   position: absolute;
   width: 100%;
   z-index: 1000;
}

.keeda_cricket_single_match .next-match-badge,
.keeda_cricket_single_match.next-game::before {
   position: absolute;
   top: -10px;
   background: #2f3ad3;
   padding: 1px 3px;
   color: #fff;
   border-radius: 3px;
   font-size: 11px;
}

.keeda_cricket_single_match.next-game::before {
   content: "Up Next";
}

.keeda_cricket_single_match.updates-only::before {
   content: "UPDATES ONLY";
   position: absolute;
   top: -10px;
   left: -1px;
   border: 1px solid #DFDFDF;
   background: #DFDFDF;
   padding: 1px 3px;
   color: #474747;
   border-radius: 4px;
   font-size: 9px;
   width: 80px;
   height: 16px;
   text-align: center;
}

.show-more-matches-margin {
   margin-right: 34px;
}

.keeda_cricket_single_match .keeda_widget_info {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.keeda_cricket_single_match .keeda-cricket-widget--carousel-footer {
   width: 100%;
   display: inline-flex;
   align-items: center;
   padding: 6px 8px;
   justify-content: flex-end;
   background: var(--bg-color);
   border-top: 1px solid var(--border-color--alpha);
   flex-shrink: 0;
   gap: 21px;
   border-radius: 0 0 3px 3px;
   min-height: 29px;
}

:root[data-theme="dark"] .keeda-cricket-widget--carousel-footer {
   background: #010101;
}

.keeda-cricket-widget--carousel-footer+.keeda_cricket_match_link,
.next-match-badge+.keeda_cricket_match_link {
   height: calc(100% - 29px);
}

.keeda-cricket-widget--carousel-footer a {
   display: inline-flex;
   align-items: center;
   font-weight: 400;
   font-size: 12px;
   line-height: 15px;
   color: var(--text-color--beta);
   text-decoration: none;
}

.keeda-cricket-widget--carousel-footer a img {
   width: 16px;
   height: 16px;
   object-fit: cover;
   background-color: transparent;
}

:root[data-theme="dark"] .keeda-cricket-widget--carousel-footer a img {
   filter: invert(1);
}

.dynamic-personalised-based-icons {
   width: auto;
   border: none;
   height: auto;
   justify-content: start;
   gap: 8px;
   margin-right: 15px;
}

.keeda_cricket_single_match.dynamic-personalised-based-icons:not(.match-carousel-ad):hover {
   box-shadow: none;
}

.keeda_football_single_match.dynamic-personalised-based-icons:hover {
   box-shadow: none;
}

.dynamic-personalised-based-icons .sport-name {
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   padding: 6px 9px;
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   color: #474747;
   cursor: pointer;
}

.dynamic-personalised-based-icons .sport-name.selected:after {
   content: '';
   top: 7px;
   right: -4px;
   height: 10px;
   width: 13px;
   transform: rotate(45deg);
   position: absolute;
   display: inline-block;
   background: #0B65F0;
   z-index: -1;
}

.dynamic-personalised-based-icons .sport-name.selected {
   background: #0B65F0;
   color: #FFF;
   z-index: 1;
   position: relative;
}

.keeda_football_single_match.dynamic-personalised-based-icons {
   margin: 0;
}

.keeda_football_single_match.dynamic-personalised-based-icons .sport-name {
   margin-bottom: 8px;
   position: relative;
}

#football-carousal-data {
   margin-top: 4px;
}

.keeda_widget_info.cricket .cricket-match-card-header-secondary-text {
   color: #999;
   font-size: 10px;
   font-weight: 400;
   line-height: 15px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.keeda_widget_info.cricket .cricket-match-card--match-type {
   color: var(--text-color--beta);
   font-weight: 500;
}

.keeda_widget_live_info {
   background-color: rgba(55, 199, 122, 0.10);
   padding: 0px 4px;
   border-radius: 3px;
   color: #3745c7;
   font-size: 10px;
   line-height: 15px;
   font-weight: 700;
}

.keeda_cricket_single_match .keeda_widget_match_detail {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.keeda_widget_team_group {
   width: 100%;
}

.keeda_cricket_single_match .match-scorecard-time {
   flex-direction: column;
   display: flex;
   align-items: center;
   justify-content: center;
}

.keeda_cricket_match_list.live .match-scorecard-time,
.keeda_cricket_match_list.post .match-scorecard-time,
.keeda_cricket_match_list.post #scorecard-countdown-timer {
   display: none;
}

.keeda_cricket_single_match .match-date {
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: var(--text-color--grey-1);
}

.keeda_cricket_single_match .match-time {
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   color: var(--text-color--beta);
}

.keeda_cricket_single_match #scorecard-countdown-timer {
   flex-direction: column;
   display: flex;
   align-items: center;
   padding: 0px;
   justify-content: unset;
   width: auto;
   overflow: hidden;
   flex-shrink: 0;
   min-width: 65px;
   min-height: 45px;
   gap: 2px;
}

.keeda_cricket_single_match .pointer {
   cursor: pointer;
}

.keeda_cricket_single_match .countdown-timer-title {
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
   color: #666666;
   white-space: nowrap;
}

.keeda_cricket_single_match .lineups-out .countdown-timer-title {
   color: #474747;
   font-weight: 500;
}

:root[data-theme="dark"] .countdown-timer-title {
   color: #999999;
}

.keeda_cricket_single_match .lineups-out .line-ups {
   font-size: 10px;
   font-weight: 500;
   color: #2E7D32;
   border-radius: 2px;
   background: #E9F7F2;
   padding: 2px 4px;
   line-height: 15px;
}

.keeda_cricket_single_match .toss-decision {
   text-transform: lowercase;
   display: inline-block;
}

.keeda_cricket_single_match .toss-decision:first-letter {
   text-transform: uppercase;
}

.keeda_cricket_single_match .countdown-timer-section {
   display: flex;
   justify-content: center;
   gap: 3px;
   flex-direction: row;
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   color: #474747;
   width: 100%;
   align-items: center;
}

:root[data-theme="dark"] .keeda_cricket_single_match .countdown-timer-section {
   color: #999999;
}

:root[data-theme="dark"] .keeda_cricket_single_match.updates-only::before {
   border-color: #2D2D2D;
   background: #2D2D2D;
   color: #999999;
}

.keeda_cricket_single_match .double-dot-wrapper {
   display: flex;
   gap: 4px;
   flex-direction: column;
   align-items: center;
   padding: 0;
}

.keeda_cricket_single_match .dot {
   display: flex;
   width: 2px;
   min-width: 2px;
   max-width: 2px;
   height: 2px;
   min-height: 2px;
   max-height: 2px;
   background-color: #474747;
   border-radius: 50%;
}

.keeda_cricket_single_match .lineups-out .dot {
   background-color: #666666;
   height: 2px;
   width: 2px;
}

.countdown-timer-section .min-timer,
.countdown-timer-section .sec-timer {
   text-align: center;
   flex-shrink: 0;
   display: flex;
}

.keeda_cricket_match_list .keeda_widget_result_info {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-top: 0;
   padding: 4px 0 8px 0;
   color: var(--score-info-link-color, #1A6FF1);
   font-size: 11px;
   font-weight: 400;
   line-height: 16.5px;
}

.keeda_cricket_match_list .keeda_widget_result_info .highlight-target,
.keeda_cricket_match_list .keeda_widget_result_info .win-margin,
.keeda_cricket_match_list .keeda_widget_result_info .toss-label {
   font-weight: 600;
}

.keeda_cricket_match_list .keeda_widget_result_info .toss-label {
   white-space: nowrap;
}

.keeda_cricket_single_match .line-ups {
   font-size: 11px;
   font-weight: 400;
   color: #1A6FF1;
   line-height: 16.5px;
}

.keeda_cricket_single_match .scorecard-timer-content {
   min-width: 17px;
}

.keeda_cricket_single_match .lineups-out .scorecard-timer-content {
   min-width: 15px;
}

.keeda_cricket_single_match .marquee-container {
   position: relative;
   overflow: hidden;
   width: 100%;
}

.keeda_cricket_single_match .marquee-container .marquee-strip {
   position: relative;
   display: flex;
   align-items: center;
   width: max-content;
   height: 100%;
   animation: marquee 8s linear infinite;
}

.keeda_widget_result_info .marquee-strip {
   display: inline-flex;
   gap: 3px;
}

.keeda_widget_info .marquee-strip {
   display: inline-flex;
   gap: 2px;
}

.keeda_cricket_single_match_container {
   display: flex;
   position: relative;
   z-index: 99;
}

.show-more-matches-margin {
   margin-right: 34px;
}

.hidden-match-cards {
   display: flex;
   position: absolute;
   left: 240px;
}

.hidden-match-card-1 {
   width: 8px;
   border: 1px solid #DFDFDF;
   border-left: none;
   border-radius: 0 4px 4px 0;
   height: 120px;
   margin-top: 10px;
   z-index: -99;
}

.hidden-match-card-2 {
   width: 6px;
   border: 1px solid #DFDFDF;
   border-left: none;
   border-radius: 0 4px 4px 0;
   height: 100px;
   margin-top: 20px;
   z-index: -99;
}

.more-matches-count-box {
   display: flex;
   align-items: center;
   cursor: pointer;
   position: absolute;
   left: 230px;
   top: 45px;
   z-index: 99;
}

.hidden-matches-count {
   font-size: 12px;
   font-weight: 500;
}

.view-more-label {
   color: #474747;
   font-size: 10px;
   line-height: 14px;
   font-weight: 400;
}

.show-more-matches-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   padding: 4px;
   padding-right: 0;
   background-color: #fff;
   color: #000;
   width: 40px;
   border: 1px solid #DFDFDF;
   border-radius: 0 4px 4px 0;
   z-index: -1;
   animation: move 1.5s linear infinite;
}

.match-abandoned::after {
   content: "Match Abandoned";
   padding: 2px 5px;
   border-radius: 2px;
   color: #2f3ad3;
   font-size: 11px;
   font-weight: 500;
   background: #FBEBEB;
   position: absolute;
   top: 45px;
   right: 12px;
}

.match-delayed::after {
   content: "Match Delayed";
   padding: 2px 5px;
   border-radius: 2px;
   color: #B78700;
   background: #FFF5D9;
   font-size: 12px;
   font-weight: 500;
   position: absolute;
   top: 45px;
   right: 12px;
}

@keyframes move {

   0%,
   100% {
      transform: translateX(0);
   }

   50% {
      transform: translateX(6px);
   }
}

@keyframes marquee {
   0% {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
   }

   100% {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
   }
}

@media (max-width:1024px) {

   #keeda_cricket_widget,
   #keeda_football_widget {
      margin-top: 8px;
      scrollbar-width: none;
      background: inherit;
      padding: 0 16px;
      border: 0;
   }

   .sport_carousel {
      background: #FFFFFF;
   }

   .sport_carousel #keeda_cricket_widget,
   .sport_carousel #keeda_football_widget {
      background: transparent;
      margin-top: 0;
   }

   #keeda_football_widget {
      padding: 16px 16px 0;
   }

   .Homepage #keeda_football_widget {
      padding-top: 12px;
   }

   #keeda_cricket_widget .keeda_widget {
      height: 159px;
   }

   .keeda_carousel_all_scores a {
      font-size: 12px;
      line-height: 15px;
      color: #0B65F0;
      font-weight: 500;
   }

   .keeda_carousel_all_scores a img {
      width: 20px;
      position: relative;
      top: 5px;
   }

   #keeda_cricket_widget .keeda-widget-tab-carousel {
      margin-top: 40px;
   }

   .Homepage #keeda_football_widget .keeda-widget-tab-carousel {
      margin-top: 25px;
   }

   .score-carousel-container #keeda_cricket_widget .keeda_widget_match_listing {
      padding: 12px 0 0;
   }

   .Homepage #keeda_football_widget .keeda_widget {
      min-height: 80px;
      height: auto;
   }

   .Homepage #keeda_football_widget .keeda_widget_match_listing {
      padding: 12px 0;
      height: auto;
      position: relative;
      min-height: auto;
   }

   .keeda-widget-tab-carousel .keeda_widget_match_listing {
      padding: 12px 0;
   }

   #keeda_cricket_widget::-webkit-scrollbar {
      width: 0px;
   }

   .keeda_drop_down_container {
      position: absolute;
      margin-top: 12px;
      margin-bottom: -8px;
      display: flex;
      justify-content: space-between;
      left: 0;
   }

   #keeda_football_widget .keeda_drop_down_container {
      margin-bottom: 0;
      margin-top: 0;
      top: 0;
   }

   #keeda_cricket_widget .keeda_widget_menu {
      height: 26px;
   }

   .scroll-button {
      display: none !important;
   }

   .keeda_carousel_all_scores {
      margin-right: 16px;
      flex: initial;
   }

   .keeda_widget_menu {
      margin: 0px 16px;
   }

   .keeda_widget_menu_title {
      width: 90%;
   }

   .keeda_widget_menu {
      width: 180px;
      max-width: unset;
   }

   .keeda_widget {
      overflow-y: hidden;
   }

   .match-abandoned::after {
      font-size: 11px;
   }

   .match-delayed::after {
      font-size: 11px;
   }
}

.keeda_football_live_info .live-indicator {
   background-color: rgba(55, 199, 122, 0.1);
   border-radius: 4px;
   padding: 0px 2px;
   color: #3745c7;
   display: inline-block;
   vertical-align: initial;
   font-size: 9px;
   line-height: 12px;
   border-color: transparent;
   margin: 0 10px 0 0;
}

.keeda-cricket-widget--carousel-footer .hover-translucent:hover {
   opacity: 0.8;
}

.keeda_cricket_single_match .keeda-cricket-widget--carousel-footer {
   gap: 15px;
}

.hompage-featured--container {
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 100%;
   margin-top: 24px;
}

.hompage-featured--container .top-grid,
.hompage-featured--container .bottom-grid {
   display: flex;
   justify-content: flex-start;
   gap: 16px;
}

.hompage-featured--container .primary-grid {
   width: 59.5%;
   height: 464px;
   flex-shrink: 0;
   box-shadow: 0px 0px 33px 0px rgba(253, 254, 255, 0.50);
   border-radius: 12px;
}

.hompage-featured--container .secondary-grid {
   flex: 1;
   flex-shrink: 0;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
}

.hompage-featured--container .news-item .news-item-content-bottom-title {
   font-weight: 600;
}

.hompage-featured--container .primary-grid .news-item.primary {
   border: 1.2px solid #fafafa;
}

.hompage-featured--container .primary-grid .news-item.primary .news-item-content-bottom-title {
   font-size: 22px;
   line-height: 33px;
   color: #2d2d2d;
}

.hompage-featured--container .primary-grid .news-item.primary .news-item-content-bottom-subtitle {
   font-size: 17px;
   font-weight: 500;
   line-height: 25px;
   color: #666;
}

.hompage-featured--container .primary-grid .news-item.primary .news-item-content-bottom-subtitle-category {
   color: #2d2d2d;
}

.hompage-featured--container .primary-grid .news-item.primary .news-item-content-bottom {
   width: calc(100% - 32px);
   height: auto;
   position: absolute;
   bottom: 16px;
   left: 16px;
   background: rgba(253, 254, 255, .9);
   border-radius: 14px;
}

@media (max-width: 786px) {
   .hompage-featured--container {
      padding: 0 16px;
   }

   .hompage-featured--container .top-grid {
      flex-direction: column;
      gap: 16px;
   }

   .hompage-featured--container .primary-grid {
      width: 100%;
      height: auto;
      box-shadow: 0px 0px 17.14px 0px #FDFEFF80;
      border-radius: 6px;
   }

   .hompage-featured--container .secondary-grid {
      grid-template-columns: 1fr;
      gap: 16px;
   }

   .hompage-featured--container .bottom-grid {
      gap: 12px;
      overflow-y: hidden;
   }

   .hompage-featured--container .bottom-grid .news-item.secondary-v {
      width: 242px;
      flex-shrink: 0;
   }

   .hompage-featured--container .primary-grid .news-item.primary .news-item-content-bottom-title {
      font-size: 14px;
      line-height: 21px;
      font-weight: 600;
   }

   .hompage-featured--container .news-item .news-item-content-bottom-title {
      font-weight: 500;
   }

   .hompage-featured--container .primary-grid .news-item.primary .news-item-content-bottom-subtitle {
      font-size: 12px;
      line-height: 15px;
      font-weight: 500;
   }

   .hompage-featured--container .primary-grid .news-item.primary .news-item-content-bottom {
      width: calc(100% - 12px);
      bottom: 6px;
      left: 6px;
      border-radius: 6px;
      position: relative;
      margin-top: -20px;
      min-height: unset;
   }
}

.more-stories-wrapper {
   display: flex;
   gap: 16px;
   width: 100%;
   height: 450px;
}

.more-stories-wrapper .more-stories-container,
.more-stories-wrapper .opinion-container {
   width: 75%;
   display: flex;
   flex-direction: column;
   gap: 16px;
   flex-shrink: 0;
   height: 100%;
}

.more-stories-wrapper .more-stories-container {
   width: 75%;
}

.more-stories-wrapper .opinion-container {
   flex: 1;
}

.more-stories-container .more-stories-title,
.opinion-container .opinion-title {
   font-size: 24px;
   font-weight: 600;
   line-height: 31.2px;
   letter-spacing: 0.5px;
   color: var(--text-color--beta);
}

:root[data-theme="dark"] .more-stories-container .more-stories-title,
:root[data-theme="dark"] .opinion-container .opinion-title {
   color: var(--text-color--grey-1);
   background: linear-gradient(90deg, #acc8fc 0%, #fff 50%, #6edbff 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   width: fit-content;
}

.opinion-container .opinion-content {
   display: flex;
   flex-direction: column;
   gap: 12px;
   height: 100%;
   overflow-y: scroll;
}

.opinion-container .opinion-content::-webkit-scrollbar {
   width: 4px;
}

.opinion-container .opinion-content::-webkit-scrollbar-track {
   border-radius: 10px;
}

.opinion-container .opinion-content::-webkit-scrollbar-thumb {
   background: #999;
   border-radius: 10px;
}

@media (max-width:1024px) {
   .more-stories-wrapper {
      flex-direction: column;
      height: auto;
      gap: 24px;
   }

   .more-stories-wrapper .opinion-container,
   .more-stories-wrapper .more-stories-container {
      width: 100%;
      padding: 0 16px;
   }

   .opinion-container .opinion-content {
      overflow: visible;
   }

   .more-stories-container .more-stories-title,
   .opinion-container .opinion-title {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.5px;
   }

   .opinion-container .opinion-content .news-item-content-bottom-title {
      font-weight: 400;
   }
}

.page-info-divider {
   width: 100%;
   display: flex;
   gap: 16px;
   align-items: center;
}

.page-info-divider.spacer {
   margin-top: 10px;
   margin-bottom: 10px;
}

.page-info-divider .divider-heading-container {
   position: relative;
   display: flex;
}

.page-info-divider .divider-heading-container .divider-heading-cta {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.page-info-divider .divider-heading {
   width: auto;
   padding: 0;
   margin: 0;
   color: #474747;
   font-weight: 600;
   font-size: 28px;
   line-height: 34px;
}

.page-info-divider.text-small-d .divider-heading {
   font-size: 24px;
   line-height: 31px;
}

.page-info-divider.text-small-d .divider-heading::after {
   height: 19px;
   width: 11px;
}

.page-info-divider.anchor .divider-heading::after {
   content: "";
   display: inline-block;
   margin-left: 8px;
   width: 12px;
   height: 21px;
   background-image: url("/assets/img/ic_breadcrumb_chevron-right--0B65F0.svg");
   background-size: cover;
   background-repeat: no-repeat;
   filter: brightness(0) saturate(100%) invert(29%) sepia(0%) saturate(597%) hue-rotate(188deg) brightness(89%) contrast(90%);
}

:root[data-theme="dark"] .page-info-divider .divider-heading {
   background: linear-gradient(90deg, #acc8fc 0%, #fff 50%, #6edbff 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   text-align: center;
   width: fit-content;
}

:root[data-theme="dark"] .page-info-divider .divider-heading::after {
   filter: brightness(0) saturate(100%) invert(81%) sepia(38%) saturate(953%) hue-rotate(167deg) brightness(102%) contrast(100%);
}

@media (max-width:1024px) {
   .page-info-divider.spacer {
      padding: 0 16px;
   }

   .page-info-divider .h-gap {
      width: 100%;
   }

   .page-info-divider .divider-heading-wrapper {
      width: 100%;
      display: flex;
      gap: 10px;
      justify-content: space-between;
      align-items: center;
   }

   .page-info-divider .divider-heading-wrapper .divider-cta-container {
      display: flex;
   }

   .page-info-divider .divider-heading-wrapper .divider-heading.with-anchor {
      display: flex;
      align-items: center;
      gap: 5px;
   }

   .page-info-divider .divider-heading,
   .page-info-divider.text-small-d .divider-heading {
      font-size: 18px;
      line-height: 27px;
   }

   .page-info-divider .divider-heading::after,
   .page-info-divider.text-small-d .divider-heading::after {
      width: 7px;
      height: 12px;
   }
}

.smart-menu-container {
   --containerHSpacing: 20px;
   display: flex;
   padding: 0 var(--containerHSpacing);
   overflow: clip;
}

.smart-menu-container .smart-menu-item {
   cursor: pointer;
   padding: 6px 12px;
   background: inherit;
   border: 1px solid var(--border-color--beta);
   border-radius: 28px;
}

.smart-menu-container .smart-menu-item:hover {
   background-color: var(--hover-bg--alpha);
}

.smart-menu-container .smart-menu-item a,
.smart-menu-container .smart-menu-item span {
   text-decoration: none;
   white-space: nowrap;
   color: var(--text-color--beta);
   font-size: 12px;
   line-height: 14px;
}

@media (max-width:1024px) {
   .smart-menu-container {
      --containerHSpacing: 16px;
   }
}

.latest-popular-news-container {
   display: flex;
   position: relative;
}

.latest-popular-news-container .controls-container {
   position: relative;
   width: 100%;
   display: flex;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
   box-shadow: 1px 1px 4px rgb(0 0 0 / 7%);
   border-radius: 28px;
   margin-bottom: 16px;
   padding: 1px;
}

.latest-popular-news-container .controls-container .news-switcher {
   width: 100%;
   cursor: pointer;
   border: none;
   text-align: center;
   padding: 8px 12px;
   border-radius: 28px;
   background: var(--surface-color);
   color: var(--text-color--grey-1);
}

.latest-popular-news-container .controls-container .news-switcher * {
   margin: 0;
   padding: 0;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.latest-popular-news-container .controls-container .news-switcher.active {
   background: var(--primary-color--alpha);
   color: #fff;
}

.latest-popular-news-container .content {
   position: relative;
   display: flex;
   flex-direction: column;
}

.latest-popular-news-container .content .news-items {
   display: flex;
   gap: 10px;
   flex-direction: column;
}

.latest-popular-news-container .content .news-items .news-item {
   width: 100%;
   text-decoration: none;
   display: flex;
   gap: 12px;
   min-height: 54px;
}

.latest-popular-news-container .content .news-items .news-item .news-sequence {
   min-width: 15px;
   text-align: center;
   color: var(--primary-color--beta);
   font-size: 24px;
   line-height: 33px;
}

.latest-popular-news-container .content .news-items .news-item .news-content {
   width: 100%;
   padding-bottom: 12px;
   border-bottom: 1px solid var(--border-color--alpha);
}

.latest-popular-news-container .content .news-items .news-item .news-title {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   font-weight: 400;
   color: var(--text-color--alpha);
   font-size: 13px;
   line-height: 18px;
}

.latest-popular-news-container .content .news-items .news-item:last-child .news-content {
   padding-bottom: 0;
   border-bottom: none;
}

.latest-popular-news-container .content .news-items .news-item .news-title:hover {
   text-decoration: underline;
}

:root {
   --bottomStickyAdHeight: 55px;
}

.sticky-container {
   display: block;
   width: 100%;
   height: var(--bottomStickyAdHeight);
   position: fixed;
   bottom: 0;
   z-index: 2222;
   background: #fff;
   background: #fff;
}

:root[data-theme="dark"] .sticky-container {
   background: #07070E;
}

.sticky-container>div {
   bottom: 0;
}


/* footer */
.footer {
   height: fit-content;
   background: #1a3da6;
   padding: 12px 16px 20px;
   font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

:root[data-theme="dark"] .footer-container,
:root[data-theme="dark"] .footer {
   background: #191A3D;
}

.quick-links-container {
   border-top: 1px solid #242658;
   padding-top: 5px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   font-weight: 400;
   color: #FFF;
   font-size: 14px;
}

.quick-link {
   text-decoration: none !important;
   color: unset !important;
}

.social-media-links {
   display: flex;
   flex-direction: row;
   gap: 16px;
   flex-wrap: wrap;
   padding: 6px 0 10px 0;
}

.social-media-links img {
   width: 32px !important;
   height: 32px !important;
}

.download-app .heading {
   font-weight: 600;
   font-size: 16px;
   color: #FFFFFF;
   margin: 12px 0;
}

.download-app .app-links {
   border-top: 1px solid #242658;
   padding: 12px 0 20px 0;
   display: flex;
   gap: 12px;
   flex-direction: row;
   flex-wrap: wrap;
}

.app-links img {
   height: 32px !important;
   width: 109px !important;
}

.terms-conditions {
   color: #999999;
   font-weight: 400;
   font-size: 12px;
   line-height: 140%;
   padding: 0 0 10px 0;
}

.terms-conditions a {
   color: #dfdfdf !important;
}

.copyright-footer {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 40px;
   color: #ffffff;
   background: #000;
}

.footer-bullet {
   color: rgb(60, 255, 0);
   width: calc(100%/2);
   padding-top: 7px;
   padding-bottom: 7px;
   display: flex;
   gap: 3px;
   align-items: center;
   padding-right: 20px;
   font-weight: 900;
}

.trending-topics-container {
   font-weight: 400;
   color: #FFF;
   font-size: 12px;
   height: fit-content;
   width: 100%;
}

.trending-topic {
   text-decoration: none !important;
   color: white !important;
   line-height: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.trending-topics-holder {
   border-top: 1px solid #242658;
   padding-bottom: 7px;
   padding-top: 8px;
   display: flex;
   flex-wrap: wrap;
}

.footer .heading {
   font-weight: 600;
   font-size: 16px;
   line-height: 150%;
   color: #FFFFFF;
   margin: 8px 0;
}

.footer-bullet .trending-topic {
   font-weight: 400;
}

.category-social-media-links-container {
   font-weight: 400;
   color: #FFF;
   font-size: 12px;
}

.category-social-media-links-container .heading {
   background-image: url("/assets/omg/social-heading-bg-mobile-v2.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
   font-size: 16px;
   text-transform: uppercase;
   width: 100%;
   height: 53px;
}

.category-social-media-links-container .sm-links-holder .sm-links {
   display: flex;
   flex-direction: row;
   gap: 16px;
}

.category-social-media-links-container .footer-bullet {
   width: 100%;
   justify-content: space-between;
   font-weight: 600;
   font-style: italic;
   font-size: 14px;
   line-height: 150%;
   color: #FFF;
   padding: 0;
}

.category-social-media-links-container .footer-bullet .empty-span {
   height: 32px;
   width: 32px;
}

@media (max-width:1024px) {
   .footer-container {
      padding-bottom: 50px;
   }

   .category-social-media-links-container {
      padding-bottom: 24px;
   }

   .footer .heading {
      font-size: 16px;
      line-height: 150%;
      height: 30px;
   }

   .trending-topics-holder {
      padding-bottom: 7px;
   }

   .trending-topics-container {
      height: fit-content;
      width: 100%;
      display: flex;
      flex-direction: column;
   }

   .download-app .heading {
      line-height: 150%;
   }

   .quick-link {
      flex: 50%;
      padding-bottom: 14px;
      padding-top: 10px;
   }

   .category-social-media-links-container .sm-links-holder {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      gap: 14px;
   }

   .content-container {
      flex-direction: column;
      gap: 0px;
   }
}

@media (min-width: 1023px) {
   #footer-empty-div {
      display: none;
   }

   .footer-container {
      background: #1a3da6;
      clear: both;
   }

   .footer {
      padding: 10px 0px;
      flex-direction: row;
      flex-wrap: wrap;
      margin: 0 auto;
      width: 100%;
      max-width: 1300px;
      display: flex;
      justify-content: space-between;
   }

   .footer-left {
      width: 65%;
   }

   .quick-links-container {
      justify-content: flex-start;
      height: 50%;
      padding-top: 12px;
   }

   .quick-link {
      width: calc(100%/2);
      padding-bottom: 25px;
   }

   .footer-right {
      width: 35%;
      justify-content: center;
   }

   .social-media-links {
      width: 360px;
      justify-content: flex-start;
      padding-top: 10px;
      padding-bottom: 10px;
   }

   .download-app .heading {
      font-weight: 700;
      color: #FFFFFF;
   }

   .download-app .app-links {
      padding: 12px 0;
   }

   .terms-conditions {
      padding: 14px 0;
   }

   .copyright-footer {
      font-size: 12px;
      font-weight: 400;
   }

   .download-app {
      padding-top: 5px;
   }

   .trending-topics-holder {
      padding-top: 12px;
   }

   .footer .heading {
      font-weight: 700;
      margin: 12px 0;
   }

   .footer-bullet {
      width: calc(100%/3);
      padding-bottom: 25px;
   }

   .category-social-media-links-container .sm-links-holder {
      padding-top: 12px;
      display: flex;
      flex-wrap: wrap;
   }

   .category-social-media-links-container .footer-bullet:nth-of-type(even) {
      border-left: 1px solid #242658;
      padding-left: 20px;
   }

   .category-social-media-links-container .footer-bullet {
      width: calc(100%/2);
      padding-right: 40px;
      padding-bottom: 24px;
   }
}

.spin {
   animation: spin 1s linear infinite;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}


.ad-wrapper .ad-placeholder.default-variant {
   /* position: absolute; */
   width: 300px;
   height: 250px;
}

.ad-wrapper .ad-placeholder.default-variant .ad-placeholder-box {
   position: relative;
   width: 100%;
   height: 100%;
   background: #F7F7F7;
   border-radius: 4px;
   margin: 0 auto;
}

:root[data-theme="dark"] .ad-wrapper .ad-placeholder.default-variant .ad-placeholder-box {
   background: #2D2D2D;
}

.ad-wrapper .ad-placeholder.default-variant span {
   position: absolute;
   top: 5px;
   right: 5px;
   color: #474747;
   padding: 2px 8px;
   font-size: 14px;
   line-height: 14px;
   border-radius: 4px;
   background: #F8EBD8;
}

.primary-navigation .primary-more-nav-items .more-items-trigger {
   cursor: pointer;
   display: flex;
   gap: 3px;
   align-items: center;
   border-bottom: 4px solid transparent;
}

.primary-navigation .primary-more-nav-items .more-items-trigger--text {
   cursor: pointer;
   white-space: nowrap;
   color: #ffffff;
   font-weight: 600;
   line-height: 18px;
   padding: 10px 3px;
   font-size: 13px;
}

.primary-navigation .primary-more-nav-items .more-items-trigger img {
   display: block;
   width: 11px;
   height: 7px;
   object-fit: cover;
   filter: brightness(0) saturate(100%) invert(99%) sepia(7%) saturate(154%) hue-rotate(228deg) brightness(114%) contrast(83%);
   transform: rotate(180deg);
   transition: all ease 200ms;
}

.primary-navigation .primary-more-nav-items:hover .more-items-trigger img {
   transform: rotate(0deg);
}

.primary-navigation .primary-more-nav-items .more-nav-menu-wrapper {
   z-index: 1010;
   position: absolute;
   right: 0;
   top: 43px;
   display: flex;
   background: var(--levelOneBackgroundColor, #FFFFFF);
   border: 1px solid var(--levelOneBorderColor, #dfdfdf);
   box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   transition: all ease 200ms;
   transform: translateY(20px);
   opacity: 0;
   visibility: hidden;
}

.primary-navigation .primary-more-nav-items.active .more-items-trigger {
   border-bottom-color: var(--sk-red-color);
}

.primary-navigation .primary-more-nav-items:hover .more-nav-menu-wrapper {
   transform: translateY(0px);
   opacity: 1;
   visibility: visible;
}

.primary-navigation .primary-more-nav-items ul.more-nav-menu {
   width: 100%;
   margin: 0;
   padding: 12px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: row;
   grid-row-gap: 10px;
}

.primary-navigation .primary-more-nav-items ul.more-nav-menu li {
   position: relative;
   display: flex;
   align-items: center;
}

.primary-navigation .primary-more-nav-items ul.more-nav-menu li a {
   text-decoration: none;
   white-space: nowrap;
   display: flex;
   width: 100%;
   align-items: center;
   padding: 7px 15px;
   color: var(--levelOneTextColor, #474747);
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

.primary-navigation .primary-more-nav-items ul.more-nav-menu li.active a {
   color: var(--sk-red-color);
}


/* ======================== */
/* second type menu */
.primary-nav-items .menu-item-with-submenu-container {
   --topOffset: 0;
}

.primary-nav-items li div.menu-item-with-submenu {
   cursor: pointer;
   display: flex;
   gap: 3px;
   align-items: center;
   border-bottom: 4px solid transparent;
}

body.has-top-header .menu-item-with-submenu-container {
   --topOffset: var(--topHeaderHeight);
}

body.has-primary-nav .menu-item-with-submenu-container {
   --topOffset: var(--primaryNavHeight);
}

body.has-top-header.has-primary-nav .menu-item-with-submenu-container {
   --topOffset: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
}

.primary-nav-items .submenu-main-wrapper {
   position: fixed;
   z-index: 9999;
   top: var(--extraSpaceOffset, var(--topOffset));
   transition: all ease 200ms;
   opacity: 0;
   display: none;
}

.primary-nav-items li.show-submenu .menu-item-with-submenu-container:hover .submenu-main-wrapper {
   opacity: 1;
   display: block;
}

.primary-nav-items .submenu-main-container {
   display: flex;
   padding: 16px;
   border: 1px solid var(--levelOneBorderColor, #E1E1E1);
   border-radius: 8px;
   background-color: var(--levelOneBackgroundColor, #FFFFFF);
   box-shadow: 0px 6px 12px 0px #0000001A;
}

.primary-nav-items li.show-submenu div.menu-item-with-submenu-container:hover div.menu-item-with-submenu img {
   transform: rotate(0deg);
}

.primary-nav-items li.show-submenu div.menu-item-with-submenu-container:hover div.menu-item-with-submenu {
   border-bottom-color: var(--sk-red-color);
}

.primary-nav-items li div.menu-item-with-submenu .menu-item-with-submenu-label {
   cursor: pointer;
   white-space: nowrap;
   color: #ffffff;
   padding: 10px 3px;
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

.primary-nav-items li div.menu-item-with-submenu img {
   display: block;
   width: 11px;
   height: 7px;
   object-fit: cover;
   filter: brightness(0) saturate(100%) invert(99%) sepia(7%) saturate(154%) hue-rotate(228deg) brightness(114%) contrast(83%);
   transform: rotate(180deg);
   transition: all ease 200ms;
}

.primary-navigation .primary-nav-items ul li.inactive div.menu-item-with-submenu-label {
   color: rgba(255, 255, 255, 0.4);
}

.primary-navigation .primary-nav-items ul li.inactive div.menu-item-with-submenu img {
   filter: grayscale(100%) opacity(40%);
}

.primary-navigation .dropdown-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.primary-navigation .dropdown-wrapper .item-row {
   display: flex;
   align-items: center;
   padding: 8px;
   cursor: pointer;
}

.primary-navigation .dropdown-wrapper .bullet-point {
   font-size: 14px;
   color: var(--levelOneTextColor, #2D2D2D);
   margin-right: 8px;
}

.primary-navigation .dropdown-wrapper .item-row .item-link {
   text-decoration: none;
   font-size: 13px;
   font-weight: 500;
   line-height: 17px;
   color: var(--levelOneTextColor, #2D2D2D);
   padding: 0;
   border: none;
}

.primary-navigation .dropdown-wrapper .item-row .item-link:hover {
   color: var(--sk-red-color);
}

.primary-navigation .dropdown-wrapper .item-row:hover .item-link {
   color: var(--sk-red-color);
}

.primary-navigation .dropdown-wrapper .item-row:hover {
   background-color: var(--levelOneBackgroundHoverColor, #F5F5F5);
}

@media screen and (max-width:1024px) {
   .primary-navigation .submenu-main-container {
      height: auto;
      width: 95vw;
      max-height: 70vh;
      overflow: auto;
      margin: 0 2.5vw;
   }

   .primary-navigation .submenu-main-wrapper {
      left: 0;
   }
}

@media screen and (max-width:1024px) {
   .primary-navigation .nav-group .active-item {
      font-size: 12px;
      padding: 9px 0;
   }
}

.primary-navigation .nav-group .secondary-nav-items-indicator {
   cursor: pointer;
   display: block;
   width: 11px;
   height: 7px;
   background-image: url("/assets/img/ic-chevron-top--e9e9e9.svg");
   background-size: cover;
   background-repeat: no-repeat;
   transition: all ease 0.5s;
   transform: rotate(180deg);
}

.primary-navigation .secondary-navigation:hover .secondary-nav-items-indicator {
   transition: all ease 0.5s;
   transform: rotate(0deg);
}

.primary-navigation .secondary-nav-items {
   z-index: 1010;
   position: absolute;
   left: 0px;
   top: 38px;
   display: flex;
   background: #FFFFFF;
   border: 1px solid #dfdfdf;
   box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   transition: all ease 200ms;
   transform: translateY(20px);
   opacity: 0;
   visibility: hidden;
}

.primary-navigation .secondary-navigation:hover .secondary-nav-items {
   transform: translateY(0px);
   opacity: 1;
   visibility: visible;
}

.primary-navigation .secondary-nav-items ul {
   width: 100%;
   margin: 0;
   padding: 12px;
   display: grid;
   grid-template-rows: repeat(6, 1fr);
   grid-auto-flow: column;
   grid-row-gap: 10px;
}

.primary-navigation .secondary-nav-items ul li {
   position: relative;
   display: flex;
   align-items: center;
}

.primary-navigation .secondary-nav-items ul li a {
   text-decoration: none;
   white-space: nowrap;
   display: flex;
   width: 100%;
   align-items: center;
   padding: 7px 15px;
   color: #474747;
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

.primary-navigation .secondary-nav-items ul li a:hover {
   color: var(--sk-red-color);
   background-color: var(--bg-color);
}

.primary-navigation .secondary-nav-items ul li.active a {
   color: var(--sk-red-color);
}

.secondary-nav-items-container {
   z-index: 1;
}

.secondary-nav-items-container .backdrop {
   z-index: 2;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000000;
   opacity: 0.8;
}

.secondary-nav-items-container .items-container {
   z-index: 3;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: auto;
   max-height: 70%;
   background: var(--bg-color, #fff);
   border-radius: 25px 25px 0 0;
}

.secondary-nav-items-container .items-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 20px;
   box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.05);
}

.secondary-nav-items-container .items-header .heading {
   text-transform: uppercase;
   color: var(--primary-color--beta, #474747);
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.secondary-nav-items-container .items-header .close-cta {
   background-color: transparent;
   border: none;
   margin: 0;
   padding: 0;
   color: #474747;
   font-size: 20px;
   cursor: pointer;
}

.secondary-nav-items-container .items-container .content {
   margin: 0;
   padding: 0;
   overflow-y: auto;
   height: 300px;
}

.secondary-nav-items-container .items-container .content ul {
   width: 100%;
   margin: 0;
   padding: 12px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: row;
   grid-row-gap: 10px;
}

.secondary-nav-items-container .items-container .content ul li {
   position: relative;
   width: 100%;
   display: flex;
}

.secondary-nav-items-container .items-container .content ul li a {
   text-decoration: none;
   display: flex;
   width: 100%;
   align-items: center;
   padding: 7px 15px;
   color: var(--text-color--alpha, #474747);
   font-weight: 600;
   font-size: 13px;
   line-height: 18px;
}

.secondary-nav-items-container .items-container .content ul li a:hover {
   color: var(--sk-red-color);
   background-color: var(--surface-color, #f5f5f5);
}

.secondary-nav-items-container .items-container .content ul li.active a {
   color: var(--sk-red-color);
}

.primary-nav-items li div.menu-item-with-submenu .menu-item-with-submenu-label {
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 12px;
}

.primary-nav-items li div.menu-item-with-submenu {
   gap: 0;
}

.primary-navigation .primary-nav-items ul {
   padding: 0;
   margin: 0;
   display: flex;
   align-items: center;
   gap: 20px;
}

.primary-navigation .primary-nav-items ul li {
   position: relative;
   width: 100%;
   display: flex;
   padding: 0 10px;
   margin-left: -10px;
   margin-right: -10px;
}

.primary-navigation .primary-nav-items ul li a {
   text-decoration: none;
   white-space: nowrap;
   border-bottom: 4px solid transparent;
   color: #ffffff;
   font-weight: 600;
   line-height: 18px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 12px;
}

.primary-navigation .primary-nav-items ul li a:hover {
   color: #fff;
}

.primary-navigation .primary-nav-items ul li.active a {
   color: #fff;
   border-bottom-color: var(--sk-red-color);
}

.primary-navigation .primary-nav-items ul li.inactive a {
   color: rgba(255, 255, 255, 0.4);
}

.primary-navigation .primary-nav-items ul li.new::before {
   content: "NEW";
   position: absolute;
   background: var(--sk-red-color);
   color: #FFFFFF;
   padding: 2px 5px;
   border-radius: 100px;
   left: calc(50% - 14px);
   font-size: 8px;
   font-weight: 600;
   line-height: 7px;
   text-align: center;
}

.primary-navigation .primary-nav-items .more-items {
   display: none;
}

.nfl-teams-container-wrapper {
   display: flex;
   flex-direction: column;
   gap: 10px;
   width: 100%;
   height: 100%;
}

.nfl-teams-container-wrapper .nfl-teams-header {
   display: flex;
   align-items: center;
   gap: 6px;
}

.nfl-teams-container-wrapper .nfl-teams-header .nfl-logo-container {
   width: 18px;
   height: 20px;
}

.nfl-teams-container-wrapper .nfl-teams-header img {
   width: 100%;
   height: 100%;
}

.nfl-teams-container-wrapper .nfl-teams-header a.all-nfl-team-text {
   font-size: 12px;
   line-height: 18px;
   font-weight: 400;
   color: #2D2D2D;
   border: none;
   padding: 0;
}

.nfl-teams-container-wrapper .nfl-teams-header a.all-nfl-team-text:hover {
   color: #2D2D2D;
}

.nfl-teams-container-wrapper .nfl-conference-container {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.nfl-conference-container .nfl-conference {
   display: flex;
   gap: 36px;
}

.nfl-conference-container .nfl-conference .nfl-division-group {
   display: flex;
   flex-direction: column;
   gap: 6px;
}

.nfl-conference-container .nfl-conference .nfl-division-container {
   display: flex;
   flex-direction: column;
   gap: 10px;
   width: 186px;
}

.nfl-division-group .nfl-division-label {
   font-size: 10px;
   line-height: 15px;
   font-weight: 500;
   color: black;
}

.nfl-conference-container .nfl-conference .nfl-division-container .nfl-team-details {
   display: flex;
   gap: 6px;
}

.nfl-team-details img {
   width: 20px;
   height: 20x;
}

.nfl-division-container .nfl-team-details a.nfl-team-name {
   font-size: 12px;
   line-height: 18px;
   font-weight: 400;
   color: var(--levelOneTextColor, #2D2D2D);
   text-decoration: none;
   border-bottom: none;
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.nfl-division-container .nfl-team-details a.nfl-team-name:hover {
   color: #2f3ad3;
   font-weight: 700;
}

@media (max-width:1024px) {
   .nfl-teams-container-wrapper .nfl-conference-container {
      flex-direction: row;
      width: 100%;
      gap: 8px;
   }

   .nfl-conference-container .nfl-conference {
      flex-direction: column;
      width: 50%;
   }

   .nfl-conference-container .nfl-conference .nfl-division-container {
      width: auto;
      gap: 6px;
   }

   .nfl-conference-container .nfl-conference {
      gap: 16px;
   }

   .nfl-conference-container .nfl-conference .nfl-division-group {
      padding-right: 4px;
   }
}

@media screen and (max-width:1024px) {
   .primary-navigation .submenu-tools {
      width: 55vw;
      margin: 0 22.5vw;
      padding: 10px;
   }
}

.nfl-fantasy-rankings-container-wrapper {
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 100%;
   height: 100%;
}

.nfl-fantasy-rankings-box {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.nfl-fantasy-rankings-header {
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   color: var(--text-color--grey-1, #999);
}

.fantasy-rankings-columns {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: 58px;
   grid-row-gap: 8px;
   padding: 0 12px;
}

.ranking-column-data {
   display: flex;
   gap: 4px;
   align-items: center;
   width: 150px;
}

.nfl-fantasy-rankings-container-wrapper .bullet-point {
   font-size: 14px;
   color: var(--levelOneTextColor, #2D2D2D);
}

.nfl-fantasy-rankings-box .fantasy-rankings-columns .ranking-column a {
   text-decoration: none;
   padding: 0;
   border-bottom: none;
   padding-left: 6px;
   font-size: 12px;
   font-weight: 500;
   color: var(--levelOneTextColor, #2D2D2D);
   line-height: 14px;
}

.nfl-fantasy-rankings-box .fantasy-rankings-columns .ranking-column a:hover {
   color: var(--sk-red-color);
   font-weight: 700;
}

@media (max-width:1024px) {
   .nfl-fantasy-rankings-container-wrapper {
      flex-direction: row;
      flex-wrap: wrap;
   }

   .fantasy-rankings-columns {
      grid-template-columns: repeat(2, 1fr);
      padding: 0;
      grid-row-gap: 8px;
      grid-column-gap: 24px;
   }
}



/* Footer Section */

#sticky-ad-container {
   box-shadow: 0px -1px 4px rgb(0 0 0 / 10%);
}

#sticky-ad-container,
#sticky-ad-container>div {
   bottom: 51px;
}

.sticky-close {
   bottom: 104px !important;
}

.footer-container {
   padding-bottom: 10px;
}

.bottom-navbar {
   --backgroundColor: #f0edf6;
   --foregroundColor: var(--sk-red-color);
   --iconImageFilter: invert(70%) sepia(91%) saturate(2020%) hue-rotate(346deg) brightness(90%) contrast(85%);
   width: 100%;
   height: 52px;
   position: fixed;
   bottom: 0;
   left: 0;
   background: var(--backgroundColor);
   z-index: 999;
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   box-shadow: 0px -1px 4px rgb(0 0 0 / 10%);
}

:root[data-theme="dark"] .bottom-navbar {
   --backgroundColor: var(--bg-color);
   --foregroundColor: var(--primary-color--beta);
   --iconImageFilter: brightness(0) saturate(100%) invert(83%) sepia(70%) saturate(1195%) hue-rotate(323deg) brightness(102%) contrast(104%);
}

.bottom-navbar a {
   height: 100%;
   flex: 1;
   flex-shrink: 0;
   display: flex;
   gap: 4px;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   font-weight: 500;
   font-size: 11px;
   line-height: 16px;
   letter-spacing: 0.5px;
   text-decoration: none;
   color: #666;
   border-bottom: 3px solid transparent;
}

.bottom-navbar a.active {
   color: var(--foregroundColor);
   border-bottom: 3px solid var(--foregroundColor);
   flex-shrink: 0;
}

.bottom-navbar a img {
   width: 20px;
   height: 20px;
   background: none;
   object-fit: cover;
}

.bottom-navbar a.active img {
   filter: var(--iconImageFilter);
}

#sticky-ad-container {
   box-shadow: 0px -1px 4px rgb(0 0 0 / 10%);
}

#sticky-ad-container,
#sticky-ad-container>div {
   bottom: 51px;
}

.sticky-close {
   bottom: 104px !important;
}

.bottom-navbar {
   --backgroundColor: #f0edf6;
   --foregroundColor: var(--sk-red-color);
   --iconImageFilter: invert(70%) sepia(91%) saturate(2020%) hue-rotate(346deg) brightness(90%) contrast(85%);
   width: 100%;
   height: 52px;
   position: fixed;
   bottom: 0;
   left: 0;
   background: var(--backgroundColor);
   z-index: 999;
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   box-shadow: 0px -1px 4px rgb(0 0 0 / 10%);
}

:root[data-theme="dark"] .bottom-navbar {
   --backgroundColor: var(--bg-color);
   --foregroundColor: var(--primary-color--beta);
   --iconImageFilter: brightness(0) saturate(100%) invert(83%) sepia(70%) saturate(1195%) hue-rotate(323deg) brightness(102%) contrast(104%);
}

.bottom-navbar a {
   height: 100%;
   flex: 1;
   flex-shrink: 0;
   display: flex;
   gap: 4px;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   font-weight: 500;
   font-size: 11px;
   line-height: 16px;
   letter-spacing: 0.5px;
   text-decoration: none;
   color: #666;
   border-bottom: 3px solid transparent;
}

.bottom-navbar a.active {
   color: var(--foregroundColor);
   border-bottom: 3px solid var(--foregroundColor);
   flex-shrink: 0;
}

.bottom-navbar a img {
   width: 20px;
   height: 20px;
   background: none;
   object-fit: cover;
}

.bottom-navbar a.active img {
   filter: var(--iconImageFilter);
}


/* breadcrumb */
.breadcrumb-container {
   --bcBackgroundColor: var(--bg-color, #fff);
   --bcForegroundColor: #999;
   --bcForegroundColorFilter: none;
   display: flex;
   width: 100%;
   padding: 5px 18px;
   background-color: var(--bcBackgroundColor);
}

.breadcrumb-container .breadcrumb-list {
   overflow-x: auto;
   position: relative;
   width: 100%;
   margin: 0;
   padding: 0;
   display: flex;
   gap: 8px;
   flex-wrap: nowrap;
   align-items: center;
}

.breadcrumb-list::-webkit-scrollbar {
   height: 0px;
   width: 0px;
}

.breadcrumb-list li {
   display: flex;
   gap: 8px;
   align-items: center;
}

.breadcrumb-list li::after {
   content: "";
   display: block;
   width: 4px;
   height: 7px;
   background-image: url('/assets/img/ic_breadcrumb_chevron-right.svg');
   background-size: cover;
   background-repeat: no-repeat;
}

.breadcrumb-list li:last-child:after {
   display: none;
}

.breadcrumb-list li:hover {
   opacity: 0.7;
}

.breadcrumb-list li a,
.breadcrumb-list li span {
   display: flex;
   text-decoration: none;
   white-space: nowrap;
   color: var(--bcForegroundColor);
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.breadcrumb-list li a {
   cursor: pointer;
}

.breadcrumb-list li img {
   display: block;
   width: 12px;
   height: 10px;
   position: relative;
   top: -1px;
}

.breadcrumb-list li img,
.breadcrumb-list li::after {
   filter: var(--bcForegroundColorFilter);
}

@media screen and (max-width:1024px) {
   .breadcrumb-container {
      padding-left: 16px;
      padding-right: 16px;
   }

   .breadcrumb-list li a,
   .breadcrumb-list li span {
      font-size: 10px;
      line-height: 15px;
   }
}

/* Icc rank Css */
.icc-ranking-container {
   position: relative;
   display: flex;
   flex-direction: column;
}

.icc-ranking-container .primary-control-tabs {
   position: relative;
   width: 100%;
   display: flex;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
   box-shadow: 1px 1px 4px rgb(0 0 0 / 7%);
   border-radius: 28px;
   padding: 1px;
}

.icc-ranking-container .primary-control-tabs .primary-tab-switcher {
   display: flex;
   justify-content: center;
   width: 100%;
   cursor: pointer;
   border: none;
   text-align: center;
   padding: 8px 12px;
   border-radius: 28px;
   background: var(--surface-color);
   color: var(--text-color--grey-1, #474747);
}

.icc-ranking-container .primary-control-tabs .primary-tab-switcher * {
   margin: 0;
   padding: 0;
   font-size: 12px;
   line-height: 18px;
   white-space: nowrap;
}

.icc-ranking-container .primary-control-tabs .primary-tab-switcher-wrapper {
   display: flex;
   gap: 5px;
   flex: 1;
}

.icc-ranking-container .primary-control-tabs .primary-tab-switcher-wrapper input[type="radio"] {
   display: none;
}

.icc-ranking-container .primary-control-tabs .primary-tab-switcher-wrapper input[type="radio"]:checked+.primary-tab-switcher {
   background: #2f3ad3;
   color: #fff;
}

.icc-ranking-container .secondary-control-tabs {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 5px 0 10px;
}

.icc-ranking-container .secondary-control-tabs .secondary-tab-switcher {
   display: flex;
   justify-content: center;
   width: 100%;
   cursor: pointer;
   border-bottom: 2px solid var(--border-color--alpha);
   text-align: center;
   padding: 8px 12px;
   background: inherit;
   color: var(--text-color--beta);
}

.icc-ranking-container .secondary-control-tabs .secondary-tab-switcher * {
   margin: 0;
   padding: 0;
   font-size: 12px;
   line-height: 18px;
   white-space: nowrap;
}

.icc-ranking-container .secondary-tab-switcher-wrapper {
   display: flex;
   gap: 5px;
   flex: 1;
}

.icc-ranking-container .secondary-tab-switcher-wrapper input[type="radio"] {
   display: none;
}

.icc-ranking-container .secondary-tab-switcher-wrapper input[type="radio"]:checked+.secondary-tab-switcher {
   color: #2f3ad3;
   border-bottom-color: #2f3ad3;
}

.icc-ranking-container .ranking-content-wrapper {
   display: flex;
   width: 100%;
}

.icc-ranking-container .ranking-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
}

.icc-ranking-container .ranking-content .ranking-item,
.icc-ranking-container .ranking-content .ranking-item-header {
   display: flex;
   align-items: center;
}

.icc-ranking-container .ranking-content .ranking-item .player-team-rank {
   color: var(--primary-color--beta);
}

.icc-ranking-container .ranking-content .ranking-item .player-team-rank,
.icc-ranking-container .ranking-content .ranking-item-header .player-team-rank {
   display: flex;
   justify-content: center;
   width: 50px;
}

.icc-ranking-container .ranking-content .ranking-item .player-team-rating,
.icc-ranking-container .ranking-content .ranking-item-header .player-team-rating {
   display: flex;
   justify-content: flex-end;
   width: 50px;
}

.icc-ranking-container .ranking-content .ranking-item .player-team-info,
.icc-ranking-container .ranking-content .ranking-item-header .player-team-kind {
   display: flex;
   gap: 10px;
   align-items: center;
   flex: 1;
   padding-left: 10px;
}

.icc-ranking-container .ranking-content .ranking-item-header * {
   color: var(--text-color--alpha);
   font-size: 12px;
   line-height: 18px;
}

.icc-ranking-container .ranking-content .ranking-item {
   padding: 8px 0;
   border-bottom: 1px solid var(--border-color--alpha);
}

.icc-ranking-container .ranking-content .ranking-item.team {
   padding-top: 10px;
   padding-bottom: 10px;
}

.icc-ranking-container .ranking-content .ranking-item:last-child {
   border-bottom-color: transparent;
}

.icc-ranking-container .ranking-content .ranking-item .player-team-rank,
.icc-ranking-container .ranking-content .ranking-item .player-team-rating {
   font-size: 14px;
   line-height: 18px;
}

.icc-ranking-container .ranking-content .ranking-item .player-team-rating {
   color: var(--text-color--alpha);
}

.icc-ranking-container .ranking-content .ranking-item .player-team-thumb img {
   display: flex;
   width: 35px;
   height: 35px;
   object-fit: cover;
   object-position: top;
}

.icc-ranking-container .ranking-content .ranking-item.team .player-team-thumb img {
   width: 35px;
   height: 25px;
}

.icc-ranking-container .ranking-content .ranking-item.player .player-team-thumb img {
   border-radius: 50%;
}

.icc-ranking-container .ranking-content .ranking-item .player-team-name {
   display: flex;
   flex-direction: column;
}

.icc-ranking-container .ranking-content .ranking-item .player-team-name * {
   white-space: nowrap;
   text-decoration: none;
   font-size: 12px;
   line-height: 18px;
   color: #474747;
}

.icc-ranking-container .ranking-content .ranking-item a.player-team-name-primary {
   color: var(--hyperlink-color, #0B65F0);
}

.icc-ranking-container .ranking-content .ranking-item .player-team-name-secondary {
   color: var(--text-color--grey-1, #999999);
}


/* Bottom page ratting */
.feedback-container {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   top: 0;
   left: 0;
   z-index: 3000;
}

.rating-box {
   position: relative;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha, );
   border-radius: 4px;
   padding: 16px 13px 13px 16px;
   min-width: 338px;
}

.rating-box::before {
   position: absolute;
   width: 12px;
   top: -10%;
   content: '';
   height: 12px;
   background: var(--surface-color);
   transform: rotate(45deg);
   border: 1px solid var(--border-color--alpha, #ffffff);
   border-bottom: 0;
   border-right: 0;
}

.feedback-box {
   width: 462px;
   background: var(--bg-color, #fff);
   border: 1px solid var(--border-color--alpha, #ffffff);
   box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.04);
   border-radius: 6px;
   overflow: hidden;
}

.feedback-header {
   border: 1px solid var(--border-color--alpha, #ffffff);
   box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.04);
   width: 100%;
   justify-content: space-between !important;
   padding: 18px 20px;
}

.feedback-header span {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   color: #666666;
}

.feedback-header img {
   background: transparent;
   margin: 0px;
   cursor: pointer;
   width: 15px;
   height: 15px;
}

.rating-text {
   font-weight: 500;
   color: var(--text-color--alpha, #2D2D2D);
}

.feedback-content {
   padding: 18px 20px 0 20px;
}

.feedback-stars {
   width: 100%;
   height: 70px;
   margin-bottom: 20px;
}

.feedback-stars .rate {
   display: flex;
   flex-direction: row-reverse;
   width: 100%;
   justify-content: space-between;
}

.feedback-data h2 {
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   color: var(--text-color--alpha, #2D2D2D);
   ;
   margin-bottom: 10px;
}

.feedback-data textarea {
   width: 100%;
   resize: none;
   color: var(--text-color--alpha, #2D2D2D);
   background: var(--hover-bg--alpha, var(--bg-color));
   border: 1px solid rgba(153, 153, 153, 0.1);
   border-radius: 8px;
   padding: 12px;
   overflow: scroll;
   margin-top: 14px;
   font-family: inherit;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.feedback-data textarea::-webkit-scrollbar {
   display: none;
}

.feedback-checkboxes ul li {
   margin: 10px 0;
   float: left;
   width: 50%;
}

.feedback-checkboxes ul li input,
.feedback-checkboxes ul li label {
   cursor: pointer;
}

.feedback-buttons {
   margin-bottom: 24px;
   padding: 20px 20px 0 20px;
}

.feedback-buttons button {
   width: 50%;
   background: transparent;
   border: none;
   color: #666666;
   font-weight: 500;
   font-size: 14px;
   line-height: 16px;
   padding: 10px 16px;
   cursor: pointer;
}

.feedback-buttons button.submit {
   background: #2f3ad3;
   border-radius: 74px;
   color: #FFFFFF;
}

.flex-box {
   display: flex;
   justify-content: center;
   align-items: center;
}

.rate {
   float: left;
   margin-top: -5px;
   padding: 0 10px;
}

.rate:not(:checked)>input {
   position: absolute;
   top: -9999px;
   visibility: hidden;
}

.rate:not(:checked)>label {
   float: right;
   width: 1em;
   overflow: hidden;
   white-space: nowrap;
   cursor: pointer;
   font-size: 30px;
   color: #ffffff;
}

.feedback-stars .rate:not(:checked)>label {
   font-size: 40px;
   line-height: normal;
}

.rate:not(:checked)>label:before {
   content: '\2605';
}

.rate>input:checked~label {
   color: #2f3ad3;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
   color: #5356fe;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
   color: #fe5353;
}

.rating-success {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

@media (max-width:1024px) {
   .feedback-container {
      align-items: flex-end;
   }

   .rating-box {
      margin: 10px;
   }

   .rating-success .rating-text {
      text-align: center;
   }
}

.taxonomy-rating-feedback-section {
   display: flex;
   justify-content: center;
   margin-top: 16px;
}

@media screen and (max-width:1024px) {
   .taxonomy-rating-feedback-section {
      margin: 0;
   }
}

/* nfl component style */
.trade-analyzer-tool-widget-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
   border-radius: 6px;
   border: 1px solid #C0D0ED;
   box-shadow: 0px 4px 4px 0px #E9F2FA;
   overflow: hidden;
   position: relative;
}

.trade-analyzer-tool-widget-wrapper .loading-overlay {
   position: absolute;
}

.widget-header {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   height: 38px;
   background: #080A3C;
   padding: 8px;
}

:root[data-theme="dark"] .widget-header {
   background: #101010;
}

.widget-header p {
   font-family: Poppins;
   font-size: 14px;
   font-weight: 600;
   text-align: left;
   color: #fff;
}

.players-input-container {
   display: flex;
   gap: 16px;
   flex-wrap: wrap;
   position: relative;
   justify-content: center;
}

.player-input {
   padding: 8px 16px;
   color: #999;
   font-size: 14px;
   font-weight: 400;
   border-radius: 29px;
   border: 1px solid #e2e2e2;
   background-color: #fff;
   width: calc(100% - 10px);
}

.btn-container {
   display: flex;
   justify-content: center;
   padding: 16px 16px 0px 16px;
}

.trade-analyzer-btn {
   border: none;
   padding: 10px 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #3745c7;
   border-radius: 6px;
   width: 100%;
   color: #fff;
   cursor: pointer;
}

.trade-analyzer-btn.disabled {
   opacity: 0.5;
   cursor: not-allowed;
}

.trade-analyzer-btn.disabled:hover {
   cursor: not-allowed;
}

.widget-container.disabled {
   display: none;
}

.switch-text .selected {
   color: #3745c7;
   -webkit-transition: .4s;
   transition: .4s;
}

.container-footer-text p {
   padding: 0;
   font-family: Poppins;
   font-size: 12px !important;
   font-style: italic;
   font-weight: 600;
   line-height: 18px;
   letter-spacing: 0em;
   text-align: right;
   padding: 0 12px !important;
}

.container-footer-text {
   padding: 10px 2px 20px 2px;
}

.giving-players-container,
.getting-players-container {
   padding: 0px 4px;
}

.giving-players-container .header-text,
.getting-players-container .header-text {
   color: var(--text-color--alpha, #2d2d2d);
   font-weight: 600;
   font-size: 14px;
   padding: 8px 18px 4px 18px;
}

/* The switch - the box around the slider */
.switch {
   position: relative;
   display: inline-block;
   width: 27px;
   height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
   opacity: 0;
   width: 0;
   height: 0;
}

/* The slider */
.slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #3745c7;
   -webkit-transition: .4s;
   transition: .4s;
}

.slider:before {
   position: absolute;
   content: "";
   height: 14px;
   width: 14px;
   left: 1px;
   top: 1px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
}

input:checked+.slider {
   background-color: #3745c7;
}

input:focus+.slider {
   box-shadow: 0 0 1px #3745c7;
}

input:checked+.slider:before {
   -webkit-transform: translateX(11px);
   -ms-transform: translateX(11px);
   transform: translateX(11px);
}

/* Rounded sliders */
.slider.round {
   border-radius: 40px;
}

.slider.round:before {
   border-radius: 50%;
}

.switch-container {
   display: flex;
   justify-content: right;
   padding: 12px 12px 0px 12px;
}

.switch-text p {
   padding: 0px 2px;
   font-size: 12px;
   color: #A5ADBB;
}

.players-input-container div.type-ahead-container {
   border: 1px solid #ffffff;
   border-radius: 6px;
   min-height: 50px;
   max-height: 244px;
   overflow: hidden;
   overflow-y: scroll;
   position: absolute;
   background: #fff;
   box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
   z-index: 2;
}

.type-ahead-holder {
   width: 100%;
   display: flex;
   flex-direction: column;
}

.player-not-found-text {
   font-weight: 600;
   font-size: 13px;
   line-height: 19px;
   color: #474747;
   padding: 15px;
}

.player-details-holder {
   width: 100%;
   display: flex;
   gap: 12px;
   padding: 11px 22px;
   cursor: pointer;
}

.player-details-holder:hover {
   background-color: #F6F7FF;
}

.player-details-holder .player-name,
.player-details-holder .player-team,
.player-details-holder .player-position {
   font-weight: 600;
   font-size: 13px;
   line-height: 19px;
}

.player-details-holder .player-name {
   color: #474747;
   width: 70%;
}

.player-details-holder .player-team,
.player-details-holder .player-position {
   color: #999999;
   width: 15%;
   text-align: right;
}

.selected-player-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 2px 16px;
   border: 1px solid #3745c7;
   border-radius: 29px;
   position: absolute;
   background: #fff;
}

.selected-player-holder {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.selected-player-name {
   color: #2d2d2d;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.selected-player-details-holder {
   display: flex;
   gap: 4px;
}

.selected-player-team,
.selected-player-position,
.separator {
   color: #999999;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
}

.btn-clear {
   padding: 0;
   border: none;
   background: #fff;
   color: #999999;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.btn-clear::after {
   content: "✕";
}

.nfl-tool-widget .panel {
   border: unset;
}

.start-sit-tool-widget-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
   border-radius: 6px;
   border: 1px solid #C0D0ED;
   box-shadow: 0px 4px 4px 0px #E9F2FA;
   position: relative;
}

.start-sit-tool-widget-wrapper .loading-overlay {
   position: absolute;
}

.widget-header {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   height: 38px;
   background: #080A3C;
   padding: 8px;
}

:root[data-theme="dark"] .widget-header {
   background: #101010;
}

.widget-header p {
   font-family: Poppins;
   font-size: 14px;
   font-weight: 600;
   text-align: left;
   color: #fff;
}

.players-input-container {
   display: flex;
   gap: 16px;
   flex-wrap: wrap;
   position: relative;
   justify-content: center;
}

.player-input {
   padding: 8px 16px;
   color: #999;
   font-size: 14px;
   font-weight: 400;
   border-radius: 29px;
   border: 1px solid #e2e2e2;
   background-color: #fff;
}

.players-input-container div.type-ahead-container {
   border: 1px solid #ffffff;
   border-radius: 6px;
   min-height: 50px;
   max-height: 200px;
   overflow: hidden;
   overflow-y: scroll;
   position: absolute;
   background: #fff;
   box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
   z-index: 2;
}

.loading-overlay {
   position: fixed;
   top: 0;
   left: 0;
   background: #000;
   opacity: 0.5;
   z-index: 20;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.loading-overlay-text {
   color: #fff;
   font-weight: 700;
   font-size: 44px;
   line-height: 66px;
}

.type-ahead-holder {
   width: 100%;
   display: flex;
   flex-direction: column;
}

.player-not-found-text {
   font-weight: 600;
   font-size: 13px;
   line-height: 19px;
   color: #474747;
   padding: 15px;
}

.player-details-holder {
   width: 100%;
   display: flex;
   gap: 12px;
   padding: 11px 22px;
   cursor: pointer;
}

.player-details-holder:hover {
   background-color: #F6F7FF;
}

.player-details-holder .player-name,
.player-details-holder .player-team,
.player-details-holder .player-position {
   font-weight: 600;
   font-size: 13px;
   line-height: 19px;
}

.player-details-holder .player-name {
   color: #474747;
   width: 70%;
}

.player-details-holder .player-team,
.player-details-holder .player-position {
   color: #999999;
   width: 15%;
   text-align: right;
}

.selected-player-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 2px 16px;
   position: absolute;
   background: #fff;
   border-radius: 29px;
   border: 1px solid #37C77A;
}

.selected-player-holder {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.selected-player-name {
   color: #2d2d2d;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.selected-player-details-holder {
   display: flex;
   gap: 4px;
}

.selected-player-team,
.selected-player-position,
.separator {
   color: #999999;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
}

.btn-clear {
   padding: 0;
   border: none;
   background: #fff;
   color: #999999;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.btn-clear::after {
   content: "\2715";
}

.selected-player-container {
   width: calc(50% - 40px);
}

.start-optimization-btn {
   border: none;
   padding: 10px 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #3745c7;
   border-radius: 6px;
   width: 100%;
   color: #fff;
   cursor: pointer;
}

.btn-container {
   display: flex;
   justify-content: center;
}

.start-optimization-btn.disabled {
   opacity: 0.5;
   cursor: not-allowed;
}

.start-optimization-btn.disabled:hover {
   cursor: not-allowed;
}

.container-header-text p {
   font-family: Poppins;
   font-size: 13px !important;
   font-weight: 500;
   letter-spacing: 0em;
   text-align: left;
   color: var(--text-color--alpha, #2d2d2d);
}

.container-footer-text p {
   padding: 0;
   font-family: Poppins;
   font-size: 12px !important;
   font-style: italic;
   font-weight: 600;
   line-height: 18px;
   letter-spacing: 0em;
   text-align: right;
}

.widget-container {
   padding: 0;
}

.players-input-container {
   padding: 0px 12px;
}

.player-input {
   width: calc(100% - 10px);
}

.container-header-text {
   padding: 10px 16px;
}

.selected-player-container {
   width: calc(100% - 30px);
}

.players-input-container div.type-ahead-container {
   width: calc(100% - 30px);
}

.container-footer-text {
   padding: 10px 2px 20px 2px;
}

.container-footer-text p {
   padding: 0 12px !important;
}

.btn-container {
   padding: 16px 16px 0px 16px;
}

.nfl-tool-widget .panel {
   border: unset;
}

.featured-tools-panel {
   border-radius: 12px;
   border: 1px solid #ffffff;
   background: radial-gradient(50% 50% at 50% 50%, #666 0%, #191919 100%);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.featured-tools-panel .panel-header>.panel-heading {
   color: #ffffff;
}

.widget--featured-tools .featured-tools-items {
   display: flex;
   gap: 20px;
   justify-content: center;
}

.widget--featured-tools .featured-tools-items .featured-tool-item-wrapper {
   --wrapperWidth: 310px;
   width: var(--wrapperWidth);
   min-width: var(--wrapperWidth);
   max-width: var(--wrapperWidth);
}

.widget--featured-tools .featured-tools-items .featured-tool-item {
   position: relative;
   width: 100%;
   display: flex;
   gap: 12px;
   flex-direction: column;
}

.widget--featured-tools .featured-tools-items .featured-tool-item .item-cta {
   cursor: pointer;
   z-index: 1;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
}

.widget--featured-tools .featured-tools-items .featured-tool-item .tool-info {
   display: flex;
   gap: 4px;
   flex-direction: column;
}

.widget--featured-tools .featured-tools-items .featured-tool-item .tool-thumb {
   --thumbWidth: 310px;
   --thumbHeight: 200px;
   width: var(--thumbWidth);
   min-width: var(--thumbWidth);
   height: var(--thumbHeight);
   min-height: var(--thumbHeight);
   border: 1px solid #ffffff;
   border-radius: 8px;
}

.widget--featured-tools .featured-tools-items .featured-tool-item .tool-title {
   color: #F5F5F5;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.widget--featured-tools .featured-tools-items .featured-tool-item .tool-description {
   color: #F5F5F5;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

@media(max-width:1024px) {
   .widget--featured-tools .featured-tools-items .featured-tool-item .tool-title {
      font-size: 14px;
      line-height: 21px;
   }

   .widget--featured-tools .featured-tools-items .featured-tool-item .tool-description {
      font-size: 11px;
      line-height: 16px;
   }
}

.widget--sport-standings {
   position: relative;
}

.widget--sport-standings .no-data {
   display: flex;
   justify-content: center;
}

.widget--sport-standings .sport-standings-container {
   position: relative;
   width: 100%;
   display: flex;
   gap: 8px;
   flex-direction: column;
}

.widget--sport-standings .sport-standings-container.full .sport-standings-group-table::after {
   content: "";
   display: block;
   height: 8px;
   background-color: var(--bg-color);
}

.widget--sport-standings .sport-standings-container.full .sport-standings-group-table:nth-child(4n + 1)::after {
   display: none;
}

.widget--sport-standings .sport-standings-container.full .sport-standings-group-table thead tr {
   border-bottom: 1px solid #2D2D2D;
}

.widget--sport-standings .sport-standings-groups,
.widget--sport-standings .slider-filters {
   --borderRadius: 22px;
   gap: 0;
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 1fr;
   border: 1px solid #ffffff;
   border-radius: var(--borderRadius);
   box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.07);
}

.widget--sport-standings .sport-standings-groups {
   margin: 16px auto 8px;
}

.widget--sport-standings .sport-standings-groups .standing-group-switcher,
.widget--sport-standings .slider-filters .slider-filter-switcher {
   cursor: pointer;
   display: flex;
   justify-content: center;
   padding: 8px 12px;
   background: var(--bg-color);
   color: #474747;
   border: none;
   border-right: 1px solid #ffffff;
   border-radius: 0;
   box-shadow: none;
   font-size: 12px;
   line-height: 17px;
}

.widget--sport-standings .sport-standings-groups .standing-group-switcher.active,
.widget--sport-standings .slider-filters .slider-filter-switcher.active {
   background: #474747;
   color: #fff;
}

.widget--sport-standings .sport-standings-groups .standing-group-switcher:first-child,
.widget--sport-standings .slider-filters .slider-filter-switcher:first-child {
   border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}

.widget--sport-standings .sport-standings-groups .standing-group-switcher:last-child,
.widget--sport-standings .slider-filters .slider-filter-switcher:last-child {
   border-right: none;
   border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}

.widget--sport-standings table {
   position: relative;
   width: 100%;
}

.widget--sport-standings table thead th {
   vertical-align: middle;
   text-transform: capitalize;
   text-align: left;
   padding: 10px 7px;
   color: var(--text-color--alpha, #2D2D2D);
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
}

.widget--sport-standings table tbody tr {
   border-top: 1px solid #F5F5F5
}

.widget--sport-standings table tbody tr.active {
   background-color: #F7F7FA;
}

.widget--sport-standings table tbody tr td {
   vertical-align: middle;
   text-align: left;
   padding: 10px 7px;
   color: var(--text-color--grey-1, #666);
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.widget--sport-standings table thead tr th:first-child,
.widget--sport-standings table tbody tr td:first-child {
   padding-left: 16px;
}

.widget--sport-standings table thead tr th:last-child,
.widget--sport-standings table tbody tr td:last-child {
   padding-right: 16px;
}

.widget--sport-standings .standing-team {
   display: flex;
   gap: 6px;
   align-items: center;
   text-decoration: none;
   color: var(--hyperlink-color, #0B65F0);
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
}

.widget--sport-standings .standing-team .standing-team-logo {
   display: block;
   width: 24px;
   height: 24px;
   object-fit: contain;
}

.widget--sport-standings .standing-team .standing-team-name {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

.widget--sport-standings .standing-text {
   display: flex;
   gap: 0;
   align-items: center;
}

.widget--sport-standings .standing-text.red {
   color: #3a2fd3;
}

.widget--sport-standings .standing-text.green {
   color: #4537c7;
}

.widget--sport-standings .standing-text.green::before {
   content: "+";
   display: block;
}

.team-home .sport-standings-group-table .keeda-data-table .team-name-column {
   --teamNameColumnWidth: auto;
   --teamNameColumnMinWidth: auto;
}

@media (max-width:1024px) {
   .widget--sport-standings .sport-standings-groups {
      gap: 8px;
   }
}

.sport-standings-container .sport-standings-group-table {
   border: 1px solid #999;
   border-radius: 8px;
}

.sport-standings-container .sport-standings-group-table thead tr {
   border-bottom: 1px solid #999;
}

.sport-standings-container .sport-standings-group-table thead th:nth-child(1) {
   min-width: 110px;
}

.sport-standings-container .sport-standings-group-table thead th:nth-child(2) {
   min-width: 60px;
}

.page-seo-content {
   position: relative;
   overflow: hidden;
   padding-bottom: 40px;
}

.page-seo-content .content-overlay-area {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 80px;
   z-index: 0;
}

.page-seo-content .content-overlay-area .content-overlay {
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.49) 0%, #FFFFFF 56.93%);
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 1;
}

.page-seo-content .view-toggle-container {
   height: 100%;
   display: flex;
   align-items: flex-end;
   justify-content: center;
}

.page-seo-content .view-toggle-container.expanded {
   justify-content: flex-end;
}

.page-seo-content .view-toggle-container .view-toggle-content-btn {
   cursor: pointer;
   position: relative;
   z-index: 2;
   display: flex;
   gap: 8px;
   align-items: center;
   justify-content: space-between;
   padding: 4px 10px;
   background-color: var(--bg-color, #fff);
   border: 1px solid var(--border-color--alpha, #666666);
   border-radius: 28px;
}

.page-seo-content .view-toggle-container .view-toggle-content-btn:hover {
   border-color: var(--border-color--beta);
}

.page-seo-content .view-toggle-container .view-toggle-content-btn span {
   color: var(--text-color--alpha, #666666);
   font-size: 12px;
   line-height: 18px;
}

.page-seo-content .view-toggle-container .view-toggle-content-btn img {
   width: 6px;
   height: 10px;
   transform: rotate(90deg);
   background-color: transparent;
}

.page-seo-content .view-toggle-container.expanded .view-toggle-content-btn img {
   transform: rotate(-90deg);
}

.page-seo-content .cms-content {
   overflow: hidden;
   height: 100%;
}

.page-seo-content .cms-content.collapsed {
   max-height: 210px;
}

.page-seo-content .cms-content p {
   margin: 0;
   padding: 0;
   color: var(--text-color--alpha, #2D2D2D);
   font-weight: 400;
   font-size: 16px;
   line-height: 30px;
}

.page-seo-content .cms-content p>* {
   color: inherit !important;
}

.page-seo-content .cms-content pt h2 {
   margin: 10px 0 0 0;
   font-weight: 600;
   font-size: 20px;
   line-height: 30px;
}

.page-seo-content .cms-content ul,
.page-seo-content .cms-content ol {
   margin: 20px 0;
}

.page-seo-content .cms-content li>p {
   display: inline;
}

.page-seo-content .cms-content ul+p {
   margin-left: 20px;
}

.page-seo-content .cms-content p+p {
   margin-top: 20px;
}

.page-seo-content .cms-content figure {
   max-width: 100%;
   max-height: 100%;
   margin: 26px 0;
}

.page-seo-content .cms-content figure img {
   max-height: 100%;
}

.page-seo-content .cms-content>figure:first-of-type {
   margin-top: 0;
}

.page-seo-content .cms-content h2,
.page-seo-content .cms-content h3 {
   margin: 20px 0 12px;
   color: var(--text-color--alpha, #2D2D2D);
}

.page-seo-content .cms-content h2>*,
.page-seo-content .cms-content h3>* {
   color: inherit !important;
}

.page-seo-content .cms-content .vidazoo-player-container {
   margin: 26px 0;
}

.page-seo-content .mobile-ad-negative-space {
   min-height: 250px !important;
   height: unset !important;
   margin: 26px auto;
}

.sidebar-container .sidebar .sidebar-content {
   padding: 0;
}

.page-seo-content .cms-content .ad-wrapper {
   width: 300px !important;
   position: relative;
   min-height: 250px;
   transition: opacity 0.3s ease, visibility 0.3s ease;
   margin: 26px auto;
}

.page-seo-content .cms-content .ad-container {
   height: unset !important;
   margin: 26px auto;
}

div.teads-inread div.teads-ui-components-label {
   margin-top: 0;
}

.page-seo-content .cms-content li {
   margin: 0;
   padding: 0;
   color: var(--text-color--alpha, #2D2D2D);
   font-weight: 400;
   font-size: 16px;
   line-height: 30px;
   list-style-type: disc;
   list-style-position: inside;
}

.page-seo-content .cms-content li>* {
   color: inherit !important;
}

.page-seo-content .cms-content ol.toc-content {
   margin: 0;
}

.page-seo-content .cms-content .toc {
   width: 60%;
   background: #F5F7FD !important;
}

.page-seo-content .cms-content .toc .accordion-title {
   background: #EAECF0 !important;
   font-weight: 600;
   font-size: 15px;
}

.page-seo-content .cms-content .toc.active>.accordion-title::after {
   top: 6px;
}

.page-seo-content .cms-content .toc-content {
   font-size: 14px;
}

.page-seo-content .cms-content .toc-content li {
   word-wrap: break-word;
}

.page-seo-content .cms-content .toc-content li a:hover {
   color: #0b65f0 !important;
}

.page-seo-content .cms-content .toc-content li a {
   color: var(--textColor) !important;
   text-decoration: none;
}

.page-seo-content .cms-content .toc-content li:before {
   color: #666666;
}

.page-seo-content .cms-content .toc-info--holder {
   margin: 26px 0;
}

.page-seo-content .cms-content .toc-info--holder ol {
   counter-reset: my-counter;
   padding-left: 0;
}

.page-seo-content .cms-content .toc-info--holder li {
   display: block;
   padding-left: 0;
}

.page-seo-content .cms-content .toc-info--holder li:before {
   content: counters(my-counter, ".") ". ";
   counter-increment: my-counter;
   display: inline;
   margin-right: 4px;
   vertical-align: top;
   text-align: right;
   white-space: nowrap;
   width: 1.2em;
}

.page-seo-content .cms-content .toc-info--holder ol {
   counter-reset: my-counter;
   padding-left: 12px;
}

.page-seo-content .cms-content .toc-info--holder li a {
   display: inline-block;
   width: 90%;
}

.page-seo-content .cms-content .accordion-wrapper {
   clear: both;
   display: block;
   position: relative;
   background: var(--bg-color) !important;
   border: 1px solid var(--border-color--alpha);
   margin-bottom: 16px;
}

.page-seo-content .cms-content .accordion-wrapper .accordion-title {
   padding: 8px 20px;
   font-weight: 600;
   font-size: 15px;
   line-height: 22px;
   color: var(--textColor);
   margin: 0 !important;
   background: var(--surface-color) !important;
   position: relative;
   width: 100%;
   cursor: pointer;
}

.page-seo-content .cms-content .accordion-wrapper .accordion-title::after {
   content: "";
   display: block;
   position: absolute;
   top: 8px;
   right: 16px;
   background: url("/assets/img/arrow-down.svg") no-repeat;
   width: 24px;
   height: 24px;
   transition: all 0.3s ease-in;
   background-size: cover;
   transform: rotate(180deg);
}

.page-seo-content .cms-content .accordion-wrapper.active .accordion-title::after {
   transform: rotate(0deg);
   bottom: 6px;
}

.page-seo-content .cms-content .accordion-wrapper .accordion-content {
   padding: 0 16px 8px;
   display: none;
}

.page-seo-content .cms-content .accordion-wrapper.active .accordion-content {
   display: block;
}

.page-seo-content .cms-content .toc-info--holder li:before {
   content: counters(my-counter, ".") ". ";
   counter-increment: my-counter;
}

.page-seo-content .cms-content .toc-info--holder li:before {
   content: counters(my-counter, ".") ". ";
   counter-increment: my-counter;
   display: inline;
   margin-right: 4px;
   vertical-align: top;
}

.page-seo-content .cms-content .title-toc {
   font-size: 1.5em;
   font-weight: bold;
}

.page-seo-content .cms-content figcaption {
   position: absolute;
   text-align: left;
   font-style: italic;
   font-size: 12px;
   background: linear-gradient(0deg, black, #00000000);
   text-shadow: 0px 0px 5px #000;
   line-height: 17px;
   padding: 0 6px 6px 14px;
   color: #fff;
   bottom: 0;
   width: 100%;
}

.sportskeeda-embed {
   display: flex;
   justify-content: center;
   align-items: center;
}

@media all and (max-width:1024px) {
   .page-seo-content .cms-content .toc {
      width: 100%;
   }

   .page-seo-content .cms-content .toc .accordion-title {
      height: 33px;
      padding: 7px 0 7px 16px !important;
   }

   .page-seo-content .cms-content .toc-content li {
      word-wrap: break-word;
      margin-top: 8px;
   }

   .page-seo-content .cms-content .toc .accordion-title::after {
      top: 5px;
   }

   .page-seo-content .cms-content .accordion-wrapper {
      margin-bottom: 0;
   }

   .page-seo-content .cms-content .accordion-wrapper>h2 {
      padding: 12px 16px;
      font-weight: 500;
      font-size: 17px;
      line-height: 1.5;
      padding-right: 44px;
      -webkit-tap-highlight-color: transparent;
   }

   .page-seo-content .cms-content .accordion-wrapper .accordion-title::after {
      top: 5px;
      right: 12px;
   }

   .page-seo-content .cms-content p {
      font-size: 14px;
      line-height: 22px;
   }

   .page-seo-content .cms-content h2 {
      font-weight: 600;
      font-size: 20px;
      line-height: 24px;
      margin: 20px 0 12px;
   }

   .page-seo-content .cms-content h3 {
      margin: 20px 0 12px;
   }

   .page-seo-content .cms-content .title-toc {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
   }

   .page-seo-content .cms-content li {
      font-size: 14px;
      line-height: 22px;
   }

   .page-seo-content .mobile-ad-negative-space {
      margin: 20px auto;
   }

   .page-seo-content .cms-content p+p {
      margin-top: 14px;
   }

   .page-seo-content .cms-content figure {
      margin: 20px 0;
   }

   .page-seo-content .cms-content ul,
   .page-seo-content .cms-content ol {
      margin: 14px;
   }

   .page-seo-content .cms-content .ad-wrapper {
      margin: 20px auto;
   }

   .page-seo-content .cms-content .toc-info--holder {
      margin: 20px 0;
   }
}

.faq-container {
   margin: 17px 19px;
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.faq-container .faq {
   border: 1px solid #ffffff;
   border-radius: 4px;
}

.faq-container .faq-question {
   display: flex;
   gap: 10px;
   justify-content: space-between;
   text-align: center;
   align-items: center;
   background: var(--bg-color, #fff);
   color: var(--text-color--alpha, #2D2D2D);
   cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   border-bottom: 1px solid var(--border-color--alpha, #ffffff);
   border-radius: 3px;
}

.faq-container .faq-answer {
   padding-top: 8px;
   display: none;
   overflow: hidden;
   color: var(--text-color--alpha, #666666);
   background: var(--bg-color, #fff);
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   text-align: left;
}

.faq-container .faq-answer p {
   font-weight: 400;
   font-size: 16px !important;
   line-height: 24px;
   color: var(--text-color--alpha, #666666);
   padding: 8px 20px 12px;
}

.faq-container .faq-question span {
   font-size: 30px;
   line-height: 120%;
}

@media (max-width:1024px) {
   .faq-container {
      margin: 0;
   }

   .faq-container .faq-question {
      font-weight: 600;
      font-size: 12px;
      line-height: 150%;
   }

   .faq-container .faq-answer {
      font-weight: 400;
      font-size: 12px;
      line-height: 150%;
   }

   .faq-container .faq-answer p {
      font-weight: 400;
      font-size: 12px !important;
      line-height: 18px;
      color: #666666
   }

   .faq-container .faq-question span {
      font-size: 24px;
      line-height: 120%;
   }
}

.page-meta-info {
   display: flex;
   gap: 6px;
   align-items: center;
   justify-content: center;
   margin: 20px 0 10px;
}

.page-meta-info div {
   text-align: left;
   color: #666666;
   font-weight: 400;
   font-size: 16px;
   line-height: 14px;
}

@media screen and (max-width:1024px) {
   .page-meta-info {
      margin: 10px 16px;
   }

   .page-meta-info div {
      font-size: 12px;
   }
}

.sk-promotional-banner--wrapper {
   position: relative;
   width: 100%;
   display: flex;
   flex-direction: column;
   cursor: pointer;
}

.sk-promotional-banner--wrapper .promotional-banner-separator {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 8px 0;
   font-size: 12px;
   line-height: 14px;
   font-weight: 600;
   color: #2D2D2D;
}

.promotional-banner-separator::before,
.promotional-banner-separator::after {
   content: "";
   width: 140px;
   height: 1px;
   display: block;
   margin: 0 10px;
}

.promotional-banner-separator::before {
   background: linear-gradient(to left, #2D2D2D, #ffffff);
}

.promotional-banner-separator::after {
   background: linear-gradient(to right, #2D2D2D, #ffffff);
}

.sk-promotional-banner {
   position: relative;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 10px;
   align-items: center;
   justify-content: center;
}

.sk-promotional-banner .cta {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 1;
}

.sk-promotional-banner .promotional-content {
   position: relative;
   width: 100%;
}

.sk-promotional-banner .promotional-content img {
   display: flex;
   width: 100%;
   height: auto;
   object-fit: contain;
   border-radius: 12px;
}

@media (max-width:1024px) {
   .sk-promotional-banner--wrapper {
      padding: 8px 16px 0 16px;
   }

   .sk-promotional-banner .promotional-content img {
      width: 100%;
      height: auto;
      border-radius: 5px;
   }

   .promotional-banner-separator::before,
   .promotional-banner-separator::after {
      width: 70px;
      margin: 0 5px;
   }
}

.panel.perspectives-panel {
   border-radius: 12px;
   border: 1px solid #ffffff;
   background: linear-gradient(104deg, #080A3C -0.49%, #173630 102.19%);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.panel.perspectives-panel .panel-header>.panel-heading {
   color: #fff;
}

@media(max-width:1024px) {
   .panel.perspectives-panel {
      border-left: none;
      border-right: none;
      border-radius: 0;
      background: linear-gradient(153deg, #080A3B 0%, #163430 83.33%);
   }
}

.perspectives-feed-container {
   position: relative;
}

.perspectives-linear-feed {
   display: flex;
   gap: 16px;
   flex-wrap: wrap;
}

.perspectives-linear-feed .perspectives-linear-feed-item-wrapper {
   --wrapperWidth: 255px;
   width: var(--wrapperWidth);
   min-width: var(--wrapperWidth);
   max-width: var(--wrapperWidth);
}

.perspectives-linear-feed .perspectives-linear-feed-item {
   position: relative;
   display: flex;
   gap: 10px;
   flex-direction: column;
}

.perspectives-linear-feed .perspectives-linear-feed-item .item-cta {
   cursor: pointer;
   z-index: 1;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
}

.perspectives-linear-feed .perspectives-linear-feed-item-thumbnail img {
   width: 255px;
   height: 134px;
   border: 1px solid #ffffff;
   border-radius: 8px;
   object-fit: cover;
   object-position: top;
}

.perspectives-linear-feed .perspectives-linear-feed-item-content {
   display: flex;
   gap: 2px;
   flex-direction: column;
}

.perspectives-linear-feed .perspectives-linear-feed-item-content>.title {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   color: #fff;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.perspectives-linear-feed .perspectives-linear-feed-item-content>.modified-time {
   color: #ffffff;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.perspectives-grouped-feed .slider-item {
   border-right: 2px solid #555D75;
   padding-right: 10px;
}

.perspectives-grouped-feed .slider-item:last-child {
   border-right: none;
   padding-right: 0;
}

.perspectives-grouped-feed .perspectives-grouped-feed-item-wrapper {
   display: flex;
   flex-direction: column;
   width: 85vw;
}

.perspectives-grouped-feed-item .sports-feed-item-primary-element {
   border: 1px solid #ffffff;
   border-radius: 8px;
}

.perspectives-grouped-feed-item .feed-item-secondary {
   background-color: transparent;
   border-bottom: none;
}

.perspectives-grouped-feed-item .feed-item-secondary .feed-element-img {
   border: 1px solid #ffffff;
}

.perspectives-grouped-feed-item .sports-feed-item-secondary-meta .sports-item-title {
   color: #F5F5F5;
}

.perspectives-grouped-feed-item .sports-feed-item-secondary-meta .sports-feed-item-secondary-modified-time {
   color: #ffffff;
}

.hero-container {
   width: 100%;
   position: relative;
   display: flex;
   min-height: 130px;
   margin-bottom: 15px;
}

.player .hero-container {
   margin-bottom: 0px !important;
}

.hero-container .wrapper-container {
   display: flex;
}

.breadcrumb-section-absolute {
   width: 100%;
   z-index: 99;
   position: absolute;
   left: 0;
}

.breadcrumb-section-absolute .breadcrumb-container {
   background: transparent
}


.breadcrumb-section-absolute .breadcrumb-list li a,
.breadcrumb-section-absolute .breadcrumb-list li span {
   color: #ffffff;
}

.breadcrumb-section-absolute .breadcrumb-list li img,
.breadcrumb-section-absolute .breadcrumb-list li::after {
   filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(767%) hue-rotate(196deg) brightness(115%) contrast(83%);
}

.hero-container {
   padding: 0 16px;
   padding-top: 26px;
   background: radial-gradient(74.2% 1829.54% at 75.03% 50%, #1C116A 0%, #0A004A 100%);
   box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.05);
   border-bottom: 3px solid var(--active-color);
}

:root[data-theme="dark"] .hero-container {
   background: radial-gradient(74.2% 1829.54% at 75.03% 50%, #292929 0%, #000 100%);
}

.hero-container .wrapper-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
}

.hero-container .hero-content {
   width: 100%;
   display: flex;
   gap: 10px;
   justify-content: space-between;
}

.pd-off .hero-container .hero-content .left,
.pd-off .hero-container .hero-content .right {
   padding: 0px 0 0px !important;
}

.hero-container .hero-content .left {
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
   justify-content: center;
   padding: 30px 0 40px;
}

.hero-container .hero-content .right {
   display: flex;
   flex-direction: column;
   width: 640px;
   padding: 30px 0 40px;
}

.hero-container .hero-content .hero-img {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   width: 100%;
   height: 100%;
}

.hero-container .hero-content .hero-img img {
   display: block;
   width: auto;
   max-width: 100%;
   height: 260px;
   object-fit: cover;
}


.hero-container .hero-content .hero-h1-container {
   position: relative;
   display: flex;
}

.hero-container .hero-content .hero-h1-container .hero-h1 {
   position: relative;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   margin: 0 !important;
   color: #fff;
   font-weight: 600;
   font-size: 36px;
   line-height: 44px;
}

.hero-container .hero-content .hash-tagline {
   color: #fff;
   margin-top: 16px;
   font-size: 20px;
   line-height: 30px;
}

.hero-container .hero-content .hero-countdown-container {
   max-width: 210px;
   margin-top: 14px;
}

.hero-container .hero-content .hero-countdown-container .hero-countdown-timer {
   position: relative;
   border: 1px solid #FFFFFF;
   border-radius: 40px;
   border-radius: 48px;
   padding: 5px 10px;
}

.hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values {
   display: flex;
   gap: 15px;
   align-items: center;
   justify-content: center;
}

.hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-width: 30px;
}

.hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component::after {
   content: ":";
   color: #fff;
   font-weight: 600;
   font-size: 22px;
   line-height: 27px;
   position: absolute;
   top: 0;
   left: 35px;
}

.hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component:last-child::after {
   content: "";
}

.hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component .hero-countdown-timer-component--value {
   display: flex;
   gap: 5px;
   color: #fff;
   font-weight: 600;
   font-size: 22px;
   line-height: 27px;
}

.hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component .hero-countdown-timer-component--unit {
   color: #fff;
   font-weight: 600;
   font-size: 12px;
   line-height: 15px;
}

body.us-masters-t10 .hero-container {
   background: radial-gradient(2455.23% 131.01% at 0.94% 14.26%, #501E97 0%, #813AC6 100%);
}

@media (min-width: 1023px) {
   .hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component {
      gap: 2px;
   }
}

@media (max-width:1024px) {
   .hero-container .hero-content {
      flex-direction: column-reverse;
      align-items: center;
      min-height: 150px;
   }

   .hero-container .hero-content.has-banner {
      min-height: auto;
   }

   .hero-container .hero-content .left {
      align-items: center;
      padding: 10px 0 !important;
   }

   .hero-container .hero-content .right {
      width: 100% !important;
   }

   .hero-container .hero-content .hero-img {
      align-items: center !important;
      justify-content: center !important;
   }

   .hero-container .hero-content .hero-img img {
      height: 150px !important;
      object-fit: contain !important;
   }

   .hero-container .hero-content.has-countdown .hero-img img {
      height: 130px;
   }

   .hero-container .hero-content .hero-h1-container {
      align-items: center;
      justify-content: center;
   }

   .hero-container .hero-content .hero-h1-container .hero-h1 {
      display: flex;
      align-items: center;
      gap: 10px;
      text-align: center;
      font-size: 20px !important;
      line-height: 30px !important;
   }

   .hero-container .hero-content .hero-h1-container .hero-h1::after,
   .hero-container .hero-content .hero-h1-container .hero-h1::before {
      content: "";
      display: block;
      background: url("/assets/img/t20-graphic.svg");
      width: 24px;
      height: 35px;
      position: relative;
      top: -5px;
   }

   .hero-container .hero-content .hero-h1-container .hero-h1::after {
      transform: rotateY(180deg);
   }

   .hero-container .hero-content .hash-tagline {
      text-align: center;
      margin-top: auto !important;
      font-size: 12px !important;
      line-height: 18px !important;
   }

   .hero-container .hero-content .hero-countdown-container {
      margin-top: 6px !important;
      margin-bottom: 4px;
      margin-left: auto;
      margin-right: auto;
   }

   .hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component .hero-countdown-timer-component--value {
      font-size: 17px !important;
      line-height: 25px !important;
   }

   .hero-container .hero-content .hero-countdown-container .hero-countdown-timer-values .hero-countdown-timer-component .hero-countdown-timer-component--unit {
      font-size: 9px !important;
      line-height: 12px !important;
   }

   body.us-masters-t10 .hero-container {
      background: linear-gradient(158deg, #501E97 0.01%, #813AC6 100%) !important;
   }
}



.keeda-data-table-wrapper {
   --containerXSpacing: 20px;
   display: block;
}

@media (max-width:1024px) {
   .keeda-data-table-wrapper {
      --containerXSpacing: 16px;
   }
}

.keeda-data-table-wrapper .keeda-data-table-title-container {
   width: 100%;
   padding: 10px var(--containerXSpacing);
   background: var(--bg-color);
}

.keeda-data-table-wrapper .keeda-data-table-title-container .keeda-data-table-title {
   color: #2D2D2D;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.keeda-data-table-wrapper .keeda-data-table-title-container .keeda-data-table-title a {
   text-decoration: none;
   color: #0B65F0;
}

@media (max-width:1024px) {
   .keeda-data-table-wrapper .keeda-data-table-title-container {
      padding-top: 8px;
      padding-bottom: 8px;
   }

   .keeda-data-table-wrapper .keeda-data-table-title-container .keeda-data-table-title {
      font-size: 12px;
      line-height: 18px;
   }
}

.keeda-data-table-container {
   --cellXSpacing: 8px;
   --cellYSpacing: 10px;
   width: 100%;
   position: relative;
   display: block;
   overflow: hidden;
   overflow-x: auto;
}

.keeda-data-table-container::-webkit-scrollbar {
   height: 10px;
   border: 1px solid var(--border-color--alpha);
   background: var(--surface-color);
}

.keeda-data-table-container::-webkit-scrollbar-thumb {
   background: var(--border-color--alpha);
   background-clip: padding-box;
   border: 2px solid transparent;
}

.keeda-data-table-container table.keeda-data-table {
   width: 100%;
   border: none;
   border-collapse: unset;
   border-spacing: 0;
}

.keeda-data-table-container table.keeda-data-table .sticky {
   background-color: var(--surface-color);
   position: sticky;
   left: 0;
}

.keeda-data-table-container table.keeda-data-table .selected {
   /* background: #F7F7FA; */
   background: var(--bcForegroundColor);
}

.keeda-data-table-container table.keeda-data-table .border-left {
   border-left: 1px solid #F5F5F5;
}

.keeda-data-table-container table.keeda-data-table tr {
   background-color: var(--bg-color);
}

.keeda-data-table-container table.keeda-data-table tbody tr td.team-name-column {
   --teamNameColumnWidth: 255px;
   --teamNameColumnMinWidth: 80px;
   width: var(--teamNameColumnWidth);
   min-width: var(--teamNameColumnMinWidth);
}

.keeda-data-table-container table.keeda-data-table tr td.team-name-column>div,
.keeda-data-table-container table.keeda-data-table tr td.team-name-column a {
   display: flex;
   gap: 6px;
   align-items: center;
}

.keeda-data-table-container table.keeda-data-table tr th {
   vertical-align: middle;
   padding: var(--cellYSpacing) var(--cellXSpacing);
   border-bottom: 1px solid var(--border-color--beta);
}

.keeda-data-table-container table.keeda-data-table tr th * {
   text-transform: uppercase;
   white-space: nowrap;
   color: var(--text-color--alpha);
   font-weight: 600;
   font-size: 12px;
   line-height: 20px;
   -webkit-text-size-adjust: 100%
}

.keeda-data-table-container table.keeda-data-table .heading-row th {
   background-color: #ECECFE;
   border-bottom: none;
   padding: 4px;
}

.keeda-data-table-container table.keeda-data-table .heading-row th * {
   color: #474747;
   font-weight: 400;
   font-size: 10px;
   line-height: 14px;
}

.keeda-data-table-container table.keeda-data-table tr th a {
   color: inherit;
}

.keeda-data-table-container table.keeda-data-table tr td {
   vertical-align: middle;
   padding: var(--cellYSpacing) var(--cellXSpacing);
   border-bottom: 1px solid var(--border-color--alpha);
}

.keeda-data-table-container table.keeda-data-table tr:last-child td {
   border-bottom: none;
}

.keeda-data-table-container table.keeda-data-table tr td>* {
   white-space: nowrap;
   color: var(--text-color--grey-1);
   font-weight: 400;
   font-size: 12px;
   line-height: 20px;
   -webkit-text-size-adjust: 100%;
}

.keeda-data-table-container table.keeda-data-table tr td a {
   text-decoration: none;
   color: #0B65F0;
}

.keeda-data-table-container table.keeda-data-table th:first-child,
.keeda-data-table-container table.keeda-data-table td:first-child {
   padding-left: var(--containerXSpacing);
}

.keeda-data-table-container table.keeda-data-table th:last-child,
.keeda-data-table-container table.keeda-data-table td:last-child {
   padding-right: var(--containerXSpacing);
}

.keeda-data-table-container table.keeda-data-table tbody tr:hover td {
   background-color: var(--hover-bg--beta);
}

.page-empty-state {
   display: flex;
   gap: 10px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 10px;
}

.page-empty-state img {
   width: 70px;
   height: 67px;
   object-fit: cover;
   display: block;
}

.page-empty-state .page-empty-state-message {
   text-align: center;
   color: #666;
   font-size: 14px;
   line-height: 21px;
}

.widget--tournament-points-table {
   position: relative;
}

.widget--tournament-points-table .tournament-points-table-container {
   position: relative;
   width: 100%;
   display: flex;
   gap: 16px;
   flex-direction: column;
}

.widget--tournament-points-table .tournament-points-table-groups {
   display: flex;
   gap: 8px;
   padding: var(--panelYSpacingBody) var(--panelXSpacingBody) 2px;
   overflow: hidden;
   overflow-x: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.widget--tournament-points-table .tournament-points-table-groups::-webkit-scrollbar {
   display: none;
}

.widget--tournament-points-table .tournament-points-table-groups .points-table-group-switcher {
   cursor: pointer;
   display: flex;
   white-space: nowrap;
   padding: 8px 12px;
   border: 1px solid #ffffff;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
   border-radius: 28px;
   background: var(--bg-color);
   color: #474747;
   font-size: 12px;
   line-height: 17px;
}

.widget--tournament-points-table .tournament-points-table-groups .points-table-group-switcher.active {
   background: var(--active-color);
   color: #fff;
}

.widget--tournament-points-table .keeda-data-table .selected>* {
   font-weight: 600;
}

.widget--tournament-points-table .keeda-data-table tr th.column-team {
   width: 100%;
}

.widget--tournament-points-table .keeda-data-table tr td .points-table-team {
   display: flex;
   gap: 6px;
   align-items: center;
   font-weight: 600;
}

.widget--tournament-points-table .keeda-data-table tr td .points-table-team img {
   flex: 1;
   display: block;
   max-width: 24px;
   width: 24px;
   height: 24px;
   object-fit: contain;
}

.widget--tournament-points-table .keeda-data-table tr td .points-table-team.qualified::after {
   content: "(Q)";
   position: relative;
   left: -2px;
   color: #999999;
   font-weight: 400;
   font-size: 10px;
   line-height: 14px;
}

@media (max-width:1024px) {
   .widget--tournament-points-table .tournament-points-table-groups {
      padding-top: 0;
   }
}


.widget--tournament-schedule-results {
   position: relative;
}

.widget--tournament-schedule-results .schedule-results-container {
   position: relative;
}

.widget--tournament-schedule-results .schedule-results-controls {
   display: flex;
   gap: 8px;
}

.widget--tournament-schedule-results .schedule-results-controls .schedule-results-controls-tab-switcher {
   cursor: pointer;
   padding: 8px 12px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
   border-radius: 28px;
   border: 1px solid var(--border-color--alpha);
   background: var(--bg-color);
   color: #474747;
   font-size: 12px;
   line-height: 17px;
}

.widget--tournament-schedule-results .schedule-results-controls .schedule-results-controls-tab-switcher.active {
   border-color: var(--border-color--alpha);
   background: var(--active-color);
   color: #fff;
}

.widget--tournament-schedule-results .schedule-results-content {
   margin-top: 16px;
   position: relative;
   display: flex;
   flex-direction: column;
}

.widget--tournament-schedule-results .schedule-results-content .schedule-results-tab-content {
   display: flex;
   gap: 8px;
   flex-direction: column;
}

.widget--tournament-schedule-results .schedule-results-item {
   z-index: 1;
   position: relative;
   display: flex;
   flex-direction: column;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-wrapper {
   position: relative;
   display: flex;
   gap: 10px;
   justify-content: space-between;
   align-items: center;
   padding: 18px 20px;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-cta {
   z-index: 2;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-team-info {
   display: flex;
   gap: 4px;
   flex-direction: column;
   align-items: center;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-team-info img.schedule-results-item-team-flag {
   display: block;
   width: 24px;
   height: 24px;
   object-fit: contain;
}

.schedule-results-item.size--36 .schedule-results-item-team-info img.schedule-results-item-team-flag {
   width: 36px;
   height: 36px;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-team-info .schedule-results-item-team-name {
   text-transform: uppercase;
   color: #474747;
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-content {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-upcoming-content {
   flex: 1;
   display: flex;
   gap: 2px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-results-content {
   flex: 1;
   display: flex;
   gap: 5px;
   align-items: center;
   justify-content: space-between;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-footer {
   margin-top: -5px;
   padding: 8px 10px;
   border-top: 1px solid var(--border-color--alpha);
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-footer .schedule-results-item-footer-content {
   text-align: center;
   color: #666;
   font-size: 12px;
   line-height: 18px;
}

.widget--tournament-schedule-results .schedule-results-item .schedule-results-item-footer .schedule-results-item-footer-content-highlight {
   color: #0B65F0;
   font-weight: 600;
}

.widget--tournament-schedule-results .schedule-results-empty-message {
   display: flex;
   gap: 10px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 10px;
}

.widget--tournament-schedule-results .schedule-results-empty-message img.schedule-results-empty-message--icon {
   width: 70px;
   height: 67px;
   object-fit: cover;
   display: block;
}

.widget--tournament-schedule-results .schedule-results-empty-message .schedule-results-empty-message--text {
   text-align: center;
   color: #666;
   font-size: 14px;
   line-height: 21px;
}

.widget--tournament-schedule-results .cricket-schedule-results-item-match-number {
   color: #999999;
   font-size: 12px;
   line-height: 18px;
}

.widget--tournament-schedule-results .cricket-schedule-results-item-match-time {
   color: #474747;
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
}

.widget--tournament-schedule-results .cricket-schedule-results-item-vs-text {
   flex: 1;
   color: #999999;
   font-size: 12px;
   line-height: 18px;
   display: flex;
   justify-content: center;
}

.widget--tournament-schedule-results .cricket-schedule-results-item-match-score {
   flex: 1;
   display: flex;
   gap: 4px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.widget--tournament-schedule-results .cricket-schedule-results-item-match-score .cricket-schedule-results-item-match-score--runs {
   color: #474747;
   font-weight: 600;
   font-size: 12px;
   line-height: 21px;
   text-align: center;
}

.widget--tournament-schedule-results .cricket-schedule-results-item-match-score .cricket-schedule-results-item-match-score--overs {
   color: #999999;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}


.sk-widget.tournament-tracker .panel {
   --background: #170D62;
   background: var(--background);
   border: 1px solid var(--active-color);
   border-radius: 6px;
   box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.07);
}

.sk-widget.tournament-tracker .panel .panel-header {
   border-bottom-color: transparent;
}

.sk-widget.tournament-tracker .panel .panel-header a,
.sk-widget.tournament-tracker .panel .panel-header .panel-heading {
   color: var(--textColor);
}

.sk-widget.tournament-tracker .panel .panel-header a.view-more-cta::after {
   filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(68%) hue-rotate(95deg) brightness(116%) contrast(100%);
}

.sk-widget.tournament-tracker .panel .panel-header+.panel-body {
   padding-top: 0;
}

@media (max-width:1024px) {
   .sk-widget.tournament-tracker {
      margin-left: 12px;
      margin-right: 12px;
      margin-bottom: 16px;
   }

   .sk-widget.tournament-tracker+.section-separator+.pinned-stories {
      margin-top: 16px;
   }
}

.widget--tournament-tracker {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
}

.widget--tournament-tracker .tournament-tracker-container {
   --itemsInRow: 6;
   --gridGap: 13px;
   --itemWidth: 104px;
   width: 100%;
   position: relative;
   display: grid;
   grid-gap: var(--gridGap);
   grid-template-columns: repeat(var(--itemsInRow), 1fr);
   grid-auto-columns: minmax(var(--itemWidth), auto);
}

.widget--tournament-tracker .tournament-tracker-container .tournament-tracker--item--wrapper {
   width: 100%;
   position: relative;
   display: flex;
}

.widget--tournament-tracker .tournament-tracker-container .tournament-tracker--item {
   width: 100%;
   position: relative;
   display: flex;
   gap: 4px;
   flex-direction: column;
   background-color: #fff;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   padding: 10px;
}

.widget--tournament-tracker .tournament-tracker-container .tournament-tracker--item-cta {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   cursor: pointer;
   opacity: 0;
}

.widget--tournament-tracker .tournament-tracker--item .tournament-tracker--item-stat {
   color: #2D2D2D;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.widget--tournament-tracker .tournament-tracker--item .tournament-tracker--item-label {
   color: #999;
   font-size: 11px;
   line-height: 18px;
}

@media (max-width:1024px) {
   .widget--tournament-tracker .tournament-tracker-container {
      --itemsInRow: 3;
      --gridGap: 8px;
      --itemWidth: 98px;
   }

   .widget--tournament-tracker .tournament-tracker--item .tournament-tracker--item-stat {
      font-size: 14px;
      line-height: 21px;
   }
}


.leaderboard-card-container {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
}

.leaderboard-card-container .item-cta {
   cursor: pointer;
   z-index: 1;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
}

.leaderboard-card-container .leaderboard-card-header {
   width: 100%;
   position: relative;
   display: flex;
   padding: 3px 16px;
   background-color: #2d2d2d;
   border-radius: 4px 4px 0 0;
}

.leaderboard-card-container .leaderboard-card-primary-items {
   width: 100%;
   display: flex;
}

.leaderboard-card-container .leaderboard-card-secondary-items {
   width: 100%;
   display: flex;
   gap: 10px;
   flex-direction: column;
   padding: 12px 3px 0;
}

.leaderboard-card-container .leaderboard-card-footer {
   width: 100%;
   position: relative;
   display: flex;
   justify-content: center;
   padding-top: 12px;
}

.leaderboard-card-header .leaderboard-card-header-heading {
   color: #FFF;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.leaderboard-card-footer .leaderboard-card-footer-cta {
   --ctaOutlineColor: #666;
   cursor: pointer;
   text-decoration: none;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 4px 8px;
   color: var(--ctaOutlineColor);
   background-color: transparent;
   font-size: 12px;
   line-height: 18px;
   border-radius: 20px;
   border: 1px solid var(--ctaOutlineColor);
}

.leaderboard-card-footer .leaderboard-card-footer-cta:hover {
   --ctaOutlineColor: #0B65F0;
}

.leaderboard-card-container .leaderboard-card-item--primary {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   background: var(--bg-color);
   border-radius: 0 0 4px 4px;
   border: 1px solid #DFDFDF;
   border-top: none;
}

.leaderboard-card-item--primary .leaderboard-card-item--primary-content {
   position: relative;
   display: flex;
   gap: 5px;
   justify-content: space-between;
   align-items: center;
   padding: 10px 12px;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-content-left {
   display: flex;
   gap: 4px;
   flex-direction: column;
   flex: 1;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-content-right {
   display: flex;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-player-name {
   color: #2D2D2D;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   min-height: 48px;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-stat {
   color: var(--active-color);
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-team-flag {
   display: block;
   width: 30px;
   height: 20px;
   object-fit: contain;
   object-position: left;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-team-name {
   color: #2D2D2D;
   font-size: 12px;
   line-height: 18px;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-player-thumb {
   position: relative;
}

.leaderboard-card-item--primary-content .leaderboard-card-item--primary-player-thumb img {
   display: block;
   width: 80px;
   height: 80px;
   object-fit: cover;
   object-position: top;
   border: 1px solid #2d2d2d;
   border-radius: 50%;
}

@media (max-width:1024px) {
   .leaderboard-card-item--primary-content .leaderboard-card-item--primary-player-name {
      font-size: 14px;
      line-height: 21px;
   }

   .leaderboard-card-item--primary-content .leaderboard-card-item--primary-stat {
      font-size: 14px;
      line-height: 21px;
   }
}

.leaderboard-card-container .leaderboard-card-item--secondary {
   width: 100%;
   position: relative;
   display: flex;
   gap: 8px;
   align-items: center;
}

.leaderboard-card-item--secondary .leaderboard-card-item--secondary-rank {
   min-width: 10px;
   text-align: center;
   color: #666666;
   font-size: 14px;
   line-height: 21px;
}

.leaderboard-card-item--secondary .leaderboard-card-item--secondary-team-flag {
   display: block;
   width: 30px;
   height: 20px;
   object-fit: contain;
   object-position: center;
}

.leaderboard-card-item--secondary .leaderboard-card-item--secondary-player {
   display: flex;
   flex: 1;
   overflow: hidden;
}

.leaderboard-card-item--secondary .leaderboard-card-item--secondary-player * {
   text-decoration: none;
   color: #666666;
   font-size: 14px;
   line-height: 21px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.leaderboard-card-item--secondary .leaderboard-card-item--secondary-stat {
   color: #666666;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

@media (max-width:1024px) {
   .leaderboard-card-item--secondary .leaderboard-card-item--secondary-rank {
      font-size: 12px;
      line-height: 18px;
   }

   .leaderboard-card-item--secondary .leaderboard-card-item--secondary-team-flag {
      width: 20px;
      height: 20px;
   }

   .leaderboard-card-item--secondary .leaderboard-card-item--secondary-player * {
      font-size: 12px;
      line-height: 18px;
   }

   .leaderboard-card-item--secondary .leaderboard-card-item--secondary-stat {
      font-size: 14px;
      line-height: 21px;
   }
}


.tournament-leaderboard-container {
   position: relative;
}

.tournament-leaderboard-container .tournament-leaderboard-item {
   padding: 12px;
   display: flex;
   gap: 10px;
   flex-direction: column;
   background-color: var(--surface-color);
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   min-width: 312px;
   max-width: 312px;
   height: 100%;
}

.tournament-teams-container {
   position: relative;
}

.tournament-teams-container .tournament-team-item {
   display: flex;
   flex-direction: column;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   min-width: 155px;
   max-width: 155px;
}

.tournament-teams-container .tournament-team-item .team-item-content {
   position: relative;
   display: flex;
   gap: 4px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background-color: #fff;
   padding: 8px 10px;
   border-radius: 3px 3px 0 0;
}

.tournament-teams-container .tournament-team-item .team-item-footer {
   display: flex;
   gap: 10px;
   background-color: var(--bg-color);
   border-top: 1px solid #DFDFDF;
   padding: 8px;
   border-radius: 0 0 3px 3px;
}

.tournament-teams-container .tournament-team-item .team-item-content img.team-logo {
   display: block;
   width: 84px;
   height: 84px;
   border: 2px solid transparent;
   border-radius: 50%;
   margin: 0 auto;
   object-fit: cover;
   object-position: top;
}

.tournament-teams-container .tournament-team-item .team-item-content .team-title {
   text-align: center;
   color: #2D2D2D;
   font-size: 14px;
   line-height: 21px;
}

.tournament-teams-container .tournament-team-item .team-item-footer .team-item-footer-actions {
   display: flex;
   gap: 15px;
}

.tournament-teams-container .tournament-team-item .team-item-footer .team-item-footer-actions .team-item-footer-action-item {
   display: flex;
   gap: 4px;
   align-items: center;
   text-decoration: none;
   color: #999999;
   font-size: 12px;
   line-height: 14px;
}

.tournament-teams-container .tournament-team-item .team-item-footer .team-item-footer-actions .team-item-footer-action-item::after {
   content: "";
   display: block;
   width: 6px;
   height: 11px;
   background-image: url("/assets/img/ic_breadcrumb_chevron-right--fff.svg");
   background-size: cover;
   background-repeat: no-repeat;
}

@media (max-width:1024px) {
   .tournament-teams-container .tournament-team-item .team-item-content .team-title {
      font-size: 12px;
      line-height: 18px;
   }
}

.tournament-teams-container .tournament-team-item .team-item-content {
   background-color: var(--secondary-color);
}

.tournament-teams-container .tournament-team-item .team-item-content img.team-logo {
   border-color: var(--primary-color);
}

.tournament-teams-container .tournament-team-item .team-item-footer {
   background-color: var(--primary-color);
}

.tournament-teams-container .tournament-team-item .team-item-footer .team-item-footer-actions .team-item-footer-action-item {
   color: #fff;
}

@media (max-width:1024px) {
   .sk-widget.tournament-tracker+.section-separator+.pinned-stories {
      margin-top: 16px;
   }

   .panel .panel-body {
      padding: var(--ySpacingBody) var(--xSpacingBody);
   }
}

.panel-header a {
   display: flex;
   gap: 5px;
   align-items: center;
   align-self: center;
   cursor: pointer;
   text-decoration: none;
   white-space: nowrap;
   color: var(--hyperlink-color);
   font-size: 14px;
   line-height: 21px;
}

.data-filter-dropdowns {
   display: flex;
   gap: 12px;
   align-items: center;
}

.cricket-schedule-container .data-filter-dropdowns {
   margin-bottom: 12px;
}

.data-filter-dropdowns .data-filter-dropdown-wrapper {
   width: 100%;
   position: relative;
   display: flex;
   flex: 1;
   align-items: center;
}

.data-filter-dropdowns select.data-filter-dropdown {
   width: 100%;
   display: block;
   cursor: pointer;
   padding: 6px 12px;
   padding-right: 40px;
   background-color: transparent;
   border: 1px solid #ffffff;
   border-radius: 20px;
   color: #2D2D2D;
   font-weight: 600;
   font-size: 12px;
   line-height: 17px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url("/assets/img/ic-chevron-dropdown.svg");
   background-size: 16px 17px;
   background-position: calc(100% - 10px) 50%;
   background-repeat: no-repeat;
}

.cricket-schedule-cta-buttons {
   width: 100%;
   position: relative;
   display: flex;
   gap: 8px;
   align-items: center;
}

.cricket-schedule-cta-buttons .cricket-schedule-cta-button {
   cursor: pointer;
   text-decoration: none;
   display: flex;
   padding: 8px 12px;
   color: #474747;
   background: var(--bg-color);
   border-radius: 28px;
   border: 1px solid #ffffff;
   box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.07);
}

.cricket-schedule-cta-buttons .cricket-schedule-cta-button.active {
   color: #fff;
   background: var(--active-color);
}

.cricket-points-table-container {
   --minCellWidth: 50px;
   --teamNameWidth: 200px;
   width: 100%;
   position: relative;
   display: flex;
   gap: 16px;
   flex-direction: column;
}

@media (max-width:1024px) {
   .cricket-points-table-container {
      padding-bottom: var(--panelYSpacingBody);
   }
}

.cricket-points-table-container .cricket-points-table-panel>.panel-header {
   justify-content: flex-start;
   background-color: var(--bg-color);
}

.cricket-points-table-container .cricket-points-table-panel>.panel-header .panel-heading {
   color: #2D2D2D;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.cricket-points-table-container .cricket-points-table-panel>.panel-body {
   padding: 0;
}

.cricket-points-table-container .keeda-data-table .selected>* {
   font-weight: 600;
}

.cricket-points-table-container .keeda-data-table th {
   min-width: var(--minCellWidth);
}

.cricket-points-table-container .keeda-data-table th.column-team {
   width: 100%;
}

.cricket-points-table-container .keeda-data-table tr td .points-table-team {
   display: flex;
   gap: 6px;
   align-items: center;
}

.cricket-points-table-container .keeda-data-table tr td .points-table-team img {
   flex: 1;
   display: block;
   max-width: 24px;
   width: 24px;
   height: 24px;
   object-fit: contain;
}

.cricket-points-table-container .keeda-data-table tr td .points-table-team.qualified::after {
   content: "(Q)";
   position: relative;
   left: -2px;
   color: #999999;
   font-weight: 400;
   font-size: 10px;
   line-height: 14px;
}

@media (max-width:1024px) {
   .cricket-points-table-container {
      --minCellWidth: 40px;
   }

   .cricket-points-table-container .cricket-points-table-panel>.panel-header {
      padding-top: 8px;
      padding-bottom: 8px;
   }
}

.cricket-stats-container {
   width: 100%;
   position: relative;
}

@media (max-width:1024px) {
   .cricket-stats-container {
      padding-bottom: var(--panelYSpacingBody);
   }
}

.cricket-stats-container .cricket-stats-panel>.panel-header {
   justify-content: flex-start;
}

.cricket-stats-container .cricket-stats-panel>.panel-body {
   padding: 0;
}

.stats-categories {
   width: 100%;
   display: flex;
   gap: 16px;
   flex-direction: row;
}

.stats-categories .stats-category {
   width: 100%;
   position: relative;
   display: flex;
   flex-direction: column;
   background: var(--surface-color);
   border: 1px solid #ffffff;
}

.stats-category .stats-category-header {
   position: relative;
   display: flex;
   flex-direction: column;
   background-color: var(--bg-color);
   padding: 8px 16px;
}

.stats-category .stats-category-header .stats-category-heading {
   color: #2D2D2D;
   font-weight: 600;
   font-size: 12px;
   line-height: 17px;
}

.stats-category .stats-category-items {
   position: relative;
   display: flex;
   gap: 10px;
   flex-direction: column;
   padding: 16px;
}

.stats-category .stats-category-items .stats-item-container {
   padding-bottom: 10px;
   width: 100%;
   height: 100%;
}

.share-bottom-holder {
   display: flex;
   justify-content: space-between;
   padding: 8px 16px 8px 0;
}

.share-container {
   display: flex;
   align-items: center;
   margin: 0 0 10px;
}

.content-holder .post-share,
.content-holder .share-container {
   overflow: visible;
}

.share-bottom-holder .share-container {
   margin: 0;
}

.share-container .share-btn:focus {
   outline: none;
}

.forward-share {
   width: 16px !important;
   height: 16px !important;
   object-fit: contain;
}

.share-btn img {
   display: inline-block;
   background: none;
}

.share-btn span {
   font-size: 16px;
   font-weight: 500;
   color: #474747;
   margin-left: 8px;
}

.share-icon-holder {
   width: 40px;
   height: 40px;
   margin: 0px 4px;
   display: inline-block;
   position: relative;
}

.share-top .share-icon-holder {
   text-decoration: none;
}

.share-icon-holder img {
   width: 100%;
   height: 100%;
   display: inline-block !important;
   background: none !important;
   vertical-align: top;
}

@media (max-width: 360px) {
   .share-icon-holder {
      margin: 5px;
   }
}

.tag-page-header {
   width: 100%;
   clear: both;
   padding: 50px 0;
   margin: 0 auto;
}

.tag-page-header-info {
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: flex-start;
}

.tag-page-header-title {
   display: flex;
   align-items: center;
   gap: 12px;
   text-decoration: none !important;
}

.tag-page-header-title>h1 {
   letter-spacing: 0.5px;
   margin: 0;
   padding: 0;
   margin-bottom: 0 !important;
   text-decoration: none;
   font-weight: 600;
   font-size: 28px !important;
   line-height: 46px;
   color: #FFFFFF;
}

.tag-page-header-title>h1 a,
.tag-page-header-title>h1 span {
   color: #FFD701 !important;
   text-decoration: none;
}

.tag-page-header-title>img {
   width: 20px;
   height: auto;
   object-fit: cover;
}

.tag-page-header-meta {
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #666666;
   text-align: left;
   max-width: 626px;
   display: flex;
   gap: 6px;
   flex-direction: row;
   align-items: center;
}

.tag-page-header-meta a {
   color: var(--active-color);
}

.tag-page-header-meta .tag-author-seperator {
   color: #999;
}

.bar {
   height: 3px;
   width: 100%;
}

.red-bottom-bar {
   background: var(--active-color);
}

.black-bottom-bar {
   background: #2d2d2d;
}

.tag-page-header-meta .taxonomy-share .share-text-holder.share-btn {
   background: #FFF2F2;
}

.tag-page-header-meta .taxonomy-share .share-text-holder.share-btn {
   border: 1px solid #999 !important;
   border-radius: 20px;
   padding: 4px 8px;
}

.tag-page-header-meta .taxonomy-share .share-text-holder.share-btn span {
   color: #666666 !important;
   margin-left: 5px !important;
}

.taxonomy-share .share-container {
   margin: 0;
}

.taxonomy-share .share-text-holder.share-btn {
   background: transparent !important;
   border-radius: 50%;
   width: 24px;
   height: 24px;
   border: 1px solid #A7A7A7 !important;
   padding: 5px !important;
}

.taxonomy-share .share-text-holder.share-btn .forward-share {
   width: 13px !important;
   height: 13px !important;
}

.share-text-holder.share-btn .action-text {
   display: none;
}

.hide-in-custom-pages {
   display: none !important;
}

.tag-page-header .smart-menu-wrapper {
   padding: 18px 0 0;
}

.tag-page-header .smart-menu-wrapper .smart-menu-container {
   --containerHSpacing: 0;
}

.tag-page-header .smart-menu-wrapper .slider-container.s {
   --controlPositionOffset: -16px;
}

.tag-page-header .smart-menu-container .smart-menu-item {
   background: transparent;
   border: 1px solid #fff;
}

.tag-page-header .smart-menu-container .smart-menu-item:hover {
   background-color: transparent;
}

.tag-page-header .smart-menu-container .smart-menu-item a,
.smart-menu-container .smart-menu-item span {
   color: #fff;
}

@media all and (max-width:1024px) {
   .tag-page-header {
      flex-direction: column;
      gap: 8px;
      margin-top: 0;
      width: 100%;
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .tag-page-header .smart-menu-wrapper {
      padding: 16px 0 0 16px;
   }

   .tag-page-header-image {
      width: 70px;
      height: 70px;
   }

   .share-text-holder span {
      display: none;
   }

   .tag-page-header-title>h1 {
      font-size: 20px !important;
      line-height: 30px;
      letter-spacing: 0.5px;
   }

   .tag-page-header-info {
      gap: 8px;
      padding: 0 16px;
   }

   .tag-page-header-title {
      gap: 8px;
   }

   .tag-page-header-meta {
      width: 100%;
      max-width: unset;
      font-size: 12px;
   }

   .tag-page-header-meta .taxonomy-share .share-text-holder.share-btn {
      background: #FFFFFF;
      font-family: 'Poppins';
   }
}

.ipl-teams-wrapper {
   position: sticky;
   position: -webkit-sticky;
   top: 90px;
   z-index: 999;
   background-color: var(--bg-color);
}

.ipl-teams-wrapper .ipl-teams-container {
   display: flex;
   gap: 25px;
   background: var(--surface-color);
   overflow-x: auto;
}

.ipl-teams-wrapper .team-items {
   display: flex;
   flex-direction: column;
   gap: 6px;
   align-items: center;
}

.ipl-teams-wrapper .url-captain-holder {
   border-radius: 50%;
}

.ipl-teams-wrapper .team-items .captain-image {
   width: 80px;
   height: 80px;
   background: none;
   border-radius: 50%;
   object-fit: cover;
   object-position: top;
   max-width: unset;
   border: 1px solid #fafafa;
   background: #fafafa;
}

.ipl-teams-wrapper .team-name {
   font-family: 'Poppins';
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
   color: #999999;
}

.ipl-teams-wrapper .team-items.active {
   border-bottom: 2px solid var(--active-color);
}

.ipl-teams-wrapper .team-items.active .captain-image {
   border-color: var(--active-color);
}

.ipl-teams-wrapper .team-items.active .team-name {
   color: var(--active-color);
}

.ipl-teams-container::-webkit-scrollbar {
   display: none;
}

:target {
   scroll-margin-top: 240px;
}

@media all and (max-width:1024px) {
   .ipl-teams-wrapper .team-items {
      margin-bottom: 10px;
      gap: 0px;
   }

   .ipl-teams-wrapper .ipl-teams-container {
      padding: 0;
      overflow-x: scroll;
      border: none;
      gap: 15px;
      margin: 10px 0px 0px 0px;
   }

   .ipl-teams-wrapper .team-items .captain-image {
      width: 60px;
      height: 60px;
   }

   .ipl-teams-wrapper .team-name {
      font-size: 12px;
   }

   :target {
      scroll-margin-top: 180px;
   }
}

.pagination-container {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   margin: 10px 0;
}

.pagination-numbers {
   text-overflow: ellipsis;
   overflow: hidden;
   overflow-x: auto;
   display: flex;
   -ms-overflow-style: none;
   scrollbar-width: none;
   align-items: center;
}

.pagination-numbers::-webkit-scrollbar {
   display: none;
}

.pagination-container .pagination-number {
   font-weight: 400;
   font-size: 18px;
   line-height: 21px;
   color: #474747;
   padding: 1px 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   min-width: 40px;
   height: 40px;
   min-height: 40px;
}

.pagination-container .pagination-number:hover {
   color: var(--active-color);
}

.pagination-container a.pagination-number {
   text-decoration: none;
}

.pagination-container .pagination-number.disabled {
   color: #999999;
}

.pagination-container .pagination-number.selected {
   color: #ffffff;
   background: var(--active-color);
   border-radius: 50%;
}

.sport-feed-video-item-secondary {
   display: inline-flex;
   flex-direction: row;
   width: 100%;
   position: relative;
   gap: 12px;
   padding: 10px 5px;
   overflow: hidden;
}

.sport-feed-video-item-secondary .sports-feed-video-item-secondary-element {
   background-color: transparent;
   display: block;
   height: 100%;
   width: 100%;
   position: absolute;
   text-decoration: none !important;
   white-space: nowrap;
   z-index: 9;
}

.sport-feed-video-item-secondary .play-icon-container {
   min-height: 130px;
   display: flex;
   align-items: center;
   padding: 5px;
   justify-content: center;
   position: absolute;
   right: -62px;
}

.sports-feed-video-item-secondary-element .play-icon-container .play-icon {
   height: 36px !important;
   width: 36px !important;
   min-height: 36px !important;
   min-width: 36px !important;
   object-fit: unset;
   border-radius: 50% !important;
   background: url("//statico.sportskeeda.com/skm/assets/play-icon.svg") no-repeat center white !important;
   background-color: white;
   margin: 0 !important;
   padding: 10px;
   background-size: 15px 15px;
}

.sport-feed-video-item-secondary .video-img-size {
   width: 220px !important;
   height: 130px !important;
   min-width: 220px;
   min-height: 130px;
   border-radius: 10px !important;
   object-fit: cover;
   display: block;
   max-width: 100%;
}

.sport-feed-video-item-secondary h3 {
   margin: 0;
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
   color: var(--textColor);
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.sport-feed-video-item-secondary .feed-video-meta {
   padding: 5px 0;
}

.sport-feed-video-item-secondary .top_reactions_image {
   display: flex;
   align-items: center;
}

.sport-feed-video-item-secondary .top_reactions_count {
   padding-left: 4px;
}

.sport-feed-video-item-secondary .total_reaction {
   display: flex;
   align-items: center;
   gap: 4px;
}

.sport-feed-video-item-secondary .video-comment {
   display: flex;
   align-items: center;
   gap: 4px;
}

.sport-feed-video-item-secondary .video-duration {
   top: 102px;
   right: -145px;
   background: rgba(0, 0, 0, 0.6);
   color: #FFFFFF;
   opacity: 0.9;
   border-radius: 2px;
   position: absolute;
   font-weight: 600;
   font-size: 10px;
   line-height: 12px;
   padding: 6px 6px 6px 8px;
   width: 34px;
   border-radius: 6px;
}

@media (max-width:1024px) {
   .sport-feed-video-item-secondary {
      display: block;
      flex-direction: row;
      width: auto;
      position: relative;
      gap: 12px;
      padding: 5px;
   }

   .sport-feed-video-item-secondary .video-img-size {
      width: 122px !important;
      height: 80px !important;
      min-width: 122px;
      min-height: 80px;
      border-radius: 10px !important;
      object-fit: cover;
   }

   .sport-feed-video-item-secondary .play-icon-container {
      display: none;
   }

   .sport-feed-video-item-secondary .video-container {
      display: flex;
      gap: 12px;
   }

   .sport-feed-video-item-secondary .video-container .feed-video-meta {
      justify-content: space-between;
      display: flex;
      flex-direction: column;
      gap: 4px;
   }

   .sport-feed-video-item-secondary .video-duration {
      top: 54px;
      left: 80px;
      font-weight: 600;
      font-size: 10px;
      line-height: 12px;
      padding: 6px 6px 6px 8px;
      width: 34px;
      border-radius: 6px;
   }

   .sport-feed-video-item-secondary .feed-video-title {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      color: #2D2D2D;
   }
}

.category-video-holder {
   display: block;
   margin-top: 20px;
}

.category-video-holder .video-items-holder {
   display: flex;
   flex-wrap: wrap;
   border: 1px solid var(--border-color--alpha);
   padding: 15px 15px 10px 15px;
   margin: 0 0 20px 0;
   column-gap: 14px;
}

.category-video-holder .sport-feed-video-item-secondary h3 {
   -webkit-line-clamp: 3;
}

.category-video-holder .video-items-holder .sport-feed-video-item-secondary {
   width: 24%;
   padding: 10px 0;
}

.category-video-holder .video-items-holder .sport-feed-video-item-secondary:hover .video-img-size {
   border: 1px solid #000000;
}

.category-video-holder .sport-feed-video-item-secondary .play-icon-container {
   right: 100px;
}

.category-video-holder .sport-feed-video-item-secondary .video-duration {
   right: 8px;
   padding: 6px;
}

.category-video-holder .video-items-holder .sport-feed-video-item-secondary .video-img-size {
   border-radius: 5px !important;
   width: 450px !important;
}

.category-video-holder .news-feed--footer {
   margin: 12px 0;
   width: 100%;
}

.no-video {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
}

.video-carousel .video-carousel-item {
   width: 100%;
   height: 100%;
   position: absolute;
   bottom: 0;
   background: linear-gradient(180deg, rgba(45, 45, 45, 0) 0%, #02032E 99.09%);
   display: block;
   z-index: 1;
   border-radius: 6px;
}

.video-carousel .video-carousel-item .video-title {
   position: absolute;
   color: #FFFFFF;
   left: 16px;
   right: 12px;
   bottom: 16px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   width: auto;
   font-weight: 500;
   font-size: 14.5778px;
   line-height: 20px;
}

.video-carousel .video-carousel-item-info {
   display: flex;
   position: absolute;
   left: 15px;
   top: 20px;
   gap: 6px;
   align-items: center;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: #FFFFFF;
}

.video-carousel .video-carousel-item-info .video-duration {
   background: black;
   color: #FFFFFF;
   opacity: 0.9;
   position: absolute;
   font-weight: 600;
   font-size: 10px;
   line-height: 12px;
   padding: 6px 6px 6px 4px;
   width: 34px;
   border-radius: 6px;
}

.coverflow-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   border-radius: 6px;
}

.coverflow-image .play-icon-container {
   z-index: 99;
   min-height: 130px;
   display: flex;
   align-items: center;
   padding: 5px;
   justify-content: center;
   position: absolute;
   right: 15px;
   bottom: 150px;
}

.coverflow-image .play-icon-container .play-icon {
   height: 36px !important;
   width: 36px !important;
   min-height: 36px !important;
   min-width: 36px !important;
   object-fit: unset;
   border-radius: 50% !important;
   background: url("/assets/img/play-icon.svg") no-repeat center white !important;
   background-color: white;
   margin: 0 !important;
   padding: 10px;
   background-size: 15px 15px;
}

.video-carousel .coverflow {
   position: relative;
   height: 305px;
   padding: 30px;
   overflow: hidden;
   -webkit-perspective: 1000px;
   perspective: 1000px;
}

.coverflow-image {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 440px;
   height: 250px;
   -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
   transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
   border-radius: 8px;
}

.coverflow-image[data-coverflow-index] {
   position: absolute;
   left: 48%;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
}

.coverflow-image[data-coverflow-index]:before {
   content: " ";
   z-index: 1;
   position: absolute;
   top: 350px;
   width: 100%;
   height: 10%;
}

.coverflow[data-coverflow-position="1"] .coverflow-image[data-coverflow-index="1"] {
   z-index: 10;
   -webkit-transform: translateX(-200px);
   transform: translateX(-200px);
}

.coverflow[data-coverflow-position="1"] .coverflow-image[data-coverflow-index="2"] {
   z-index: 9;
   -webkit-transform: translatex(-20px) scale(0.83) rotateY(0deg);
   transform: translatex(-20px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="1"] .coverflow-image[data-coverflow-index="3"] {
   z-index: 8;
   -webkit-transform: translateX(100px) scale(0.76) rotateY(0deg);
   transform: translateX(100px) scale(0.76) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="1"] .coverflow-image[data-coverflow-index="4"] {
   z-index: 7;
   -webkit-transform: translateX(190px) scale(0.35) rotateY(0deg);
   transform: translateX(190px) scale(0.35) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="1"] .coverflow-image[data-coverflow-index="5"] {
   z-index: 6;
   -webkit-transform: translateX(280px) scale(0.2) rotateY(0deg);
   transform: translateX(280px) scale(0.2) rotateY(0deg);
   opacity: 0;
}

.coverflow[data-coverflow-position="2"] .coverflow-image[data-coverflow-index="1"] {
   z-index: 9;
   -webkit-transform: translatex(-380px) scale(0.83) rotateY(0deg);
   transform: translatex(-380px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="2"] .coverflow-image[data-coverflow-index="2"] {
   z-index: 10;
   -webkit-transform: translateX(-200px);
   transform: translateX(-200px);
}

.coverflow[data-coverflow-position="2"] .coverflow-image[data-coverflow-index="3"] {
   z-index: 9;
   -webkit-transform: translatex(-20px) scale(0.83) rotateY(0deg);
   transform: translatex(-20px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="2"] .coverflow-image[data-coverflow-index="4"] {
   z-index: 8;
   -webkit-transform: translateX(100px) scale(0.76) rotateY(0deg);
   transform: translateX(100px) scale(0.76) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="2"] .coverflow-image[data-coverflow-index="5"] {
   z-index: 7;
   -webkit-transform: translateX(190px) scale(0.35) rotateY(0deg);
   transform: translateX(190px) scale(0.35) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="3"] .coverflow-image[data-coverflow-index="1"] {
   z-index: 8;
   -webkit-transform: translateX(-500px) scale(0.76) rotateY(0deg);
   transform: translateX(-500px) scale(0.76) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="3"] .coverflow-image[data-coverflow-index="2"] {
   z-index: 9;
   -webkit-transform: translatex(-380px) scale(0.83) rotateY(0deg);
   transform: translatex(-380px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="3"] .coverflow-image[data-coverflow-index="3"] {
   z-index: 10;
   -webkit-transform: translateX(-200px);
   transform: translateX(-200px);
}

.coverflow[data-coverflow-position="3"] .coverflow-image[data-coverflow-index="4"] {
   z-index: 9;
   -webkit-transform: translatex(-20px) scale(0.83) rotateY(0deg);
   transform: translatex(-20px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="3"] .coverflow-image[data-coverflow-index="5"] {
   z-index: 8;
   -webkit-transform: translateX(100px) scale(0.76) rotateY(0deg);
   transform: translateX(100px) scale(0.76) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="4"] .coverflow-image[data-coverflow-index="1"] {
   z-index: 7;
   -webkit-transform: translateX(-590px) scale(0.35) rotateY(0deg);
   transform: translateX(-590px) scale(0.35) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="4"] .coverflow-image[data-coverflow-index="2"] {
   z-index: 8;
   -webkit-transform: translateX(-500px) scale(0.76) rotateY(0deg);
   transform: translateX(-500px) scale(0.76) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="4"] .coverflow-image[data-coverflow-index="3"] {
   z-index: 9;
   -webkit-transform: translatex(-380px) scale(0.83) rotateY(0deg);
   transform: translatex(-380px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="4"] .coverflow-image[data-coverflow-index="4"] {
   z-index: 10;
   -webkit-transform: translateX(-200px);
   transform: translateX(-200px);
}

.coverflow[data-coverflow-position="4"] .coverflow-image[data-coverflow-index="5"] {
   z-index: 9;
   -webkit-transform: translatex(-20px) scale(0.83) rotateY(0deg);
   transform: translatex(-20px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="5"] .coverflow-image[data-coverflow-index="1"] {
   z-index: 6;
   -webkit-transform: translateX(-680px) scale(0.2) rotateY(0deg);
   transform: translateX(-680px) scale(0.2) rotateY(0deg);
   opacity: 0;
}

.coverflow[data-coverflow-position="5"] .coverflow-image[data-coverflow-index="2"] {
   z-index: 7;
   -webkit-transform: translateX(-590px) scale(0.35) rotateY(0deg);
   transform: translateX(-590px) scale(0.35) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="5"] .coverflow-image[data-coverflow-index="3"] {
   z-index: 8;
   -webkit-transform: translateX(-500px) scale(0.76) rotateY(0deg);
   transform: translateX(-500px) scale(0.76) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="5"] .coverflow-image[data-coverflow-index="4"] {
   z-index: 9;
   -webkit-transform: translatex(-380px) scale(0.83) rotateY(0deg);
   transform: translatex(-380px) scale(0.83) rotateY(0deg);
   opacity: 0.9;
}

.coverflow[data-coverflow-position="5"] .coverflow-image[data-coverflow-index="5"] {
   z-index: 10;
   -webkit-transform: translateX(-200px);
   transform: translateX(-200px);
}

.coverflow[data-coverflow-position="1"] .coverflow-image[data-coverflow-index="1"]:hover,
.coverflow[data-coverflow-position="2"] .coverflow-image[data-coverflow-index="2"]:hover,
.coverflow[data-coverflow-position="3"] .coverflow-image[data-coverflow-index="3"]:hover,
.coverflow[data-coverflow-position="4"] .coverflow-image[data-coverflow-index="4"]:hover,
.coverflow[data-coverflow-position="5"] .coverflow-image[data-coverflow-index="5"]:hover {
   transform: translatex(-200px) scale(1.1);
}

.prev-arrow,
.next-arrow {
   cursor: pointer;
   text-decoration: none !important;
   z-index: 10;
   position: absolute;
   top: 50%;
   padding: 15px 17px;
   font-size: 3rem;
   line-height: 3rem;
   background: transparent;
   border-radius: 1rem;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}

.prev-arrow:hover,
.next-arrow:hover {
   border: 1px solid #2D2D2D
}

.prev-arrow {
   border: 1px solid #DFDFDF;
   border-radius: 50%;
   left: 2%;
}

.prev-arrow .left-arrow {
   display: block;
   height: auto;
   max-width: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background: none;
   transform: rotate(180deg);
}

.next-arrow {
   border: 1px solid #DFDFDF;
   border-radius: 50%;
   right: 2%;
}

.next-arrow .right-arrow {
   display: block;
   height: auto;
   max-width: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background: none;
}

.video-channels-container {
   display: block;
   border: 1px solid #ffffff;
   margin: 20px 0;
}

.video-channels-container .video-channel-heading {
   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
   text-transform: capitalize;
   color: #474747;
   padding: 15px;
}

.video-channels-container .related-channel-holder {
   padding: 15px;
   border-top: 1px solid #ffffff;
}

.video-channels-container .related-channel-container .related-channel {
   background: none;
   border: 1px solid #ffffff;
}

@media all and (max-width:1024px) {
   .video-channels-container {
      border: none;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      margin: 10px 10px 15px 10px;
   }

   .video-channels-container .related-channel-holder {
      border: none;
   }

   .video-channels-container .video-channel-heading {
      padding: 5px;
      margin: 5px;
      font-size: 14px;
   }

   .video-channels-container .related-channel-holder {
      margin: 10px 10px 15px 10px;
      padding: 0;
   }

   .video-channels-container .related-channel img {
      width: 82px;
      height: 82px;
   }
}

.related-channel-holder {
   display: block;
   position: relative;
}

.related-channel-container {
   position: relative;
   overflow: auto !important;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
}

.related-channel-container .related-channel {
   width: 140px;
   height: 164px;
   margin-right: 20px;
   flex-shrink: 0;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--surface-color);
   border-radius: 5px;
}

.related-channel-container .related-channel:last-child {
   margin-right: 0;
}

.video .related-channel img {
   width: 116px;
   height: 116px;
   border-radius: 50%;
   object-fit: cover;
   background: transparent;
}

.related-channel-anchors>div {
   width: 40px;
   height: 40px;
   position: absolute;
   top: 33%;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   cursor: pointer;
   box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
}

.related-channel-anchors #right {
   right: -15px;
}

.related-channel-anchors #left {
   left: -15px;
   transform: rotate(180deg);
}

.related-channel-anchors img {
   background: transparent !important;
   width: 20px;
   height: 20px;
   filter: invert(70%) sepia(91%) saturate(2020%) hue-rotate(346deg) brightness(90%) contrast(85%) !important;
}

@media all and (max-width:1024px) {

   .related-channel-anchors #right,
   .related-channel-anchors #left {
      display: none !important;
   }

   .related-channel-container .related-channel {
      width: 102px;
      height: 120px;
   }

   .video .related-channel img {
      width: 82px !important;
      height: 82px !important;
   }
}

.channel-video-container {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 20px;
}

.channel-video-container .channel-videos-holder {
   width: 49%;
   border: 1px solid #ffffff;
}

.channel-video-container .videos-heading-holder {
   display: flex;
   align-items: center;
   padding: 10px;
   border-bottom: 1px solid #ffffff;
   gap: 5px;
}

.channel-video-container .video-channel-item-separator {
   border-bottom: 1px solid #ffffff;
   width: 95%;
   margin: 5px 10px;
}

.channel-video-container .channel-image {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   margin: 0;
}

.channel-video-container .channel-heading {
   font-style: normal;
   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
   color: var(--text-color--grey-1);
}

.channel-video-container .channel-view-all {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   color: #0B65F0;
   gap: 3px;
   margin-left: auto;
   text-decoration: none;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
}

.channel-video-container .channel-view-all img {
   height: 10px;
   width: 10px;
   background: none;
}

.channel-video-container .sport-feed-video-item-secondary {
   display: block;
   flex-direction: row;
   width: auto;
   position: relative;
   gap: 12px;
   padding: 10px;
}

.channel-video-container .sport-feed-video-item-secondary:last-child {
   border-bottom: none;
}

.channel-video-container .sport-feed-video-item-secondary .video-img-size {
   width: 122px !important;
   height: 80px !important;
   min-width: 122px;
   min-height: 80px;
   border-radius: 10px !important;
   object-fit: cover;
}

.channel-video-container .sport-feed-video-item-secondary .play-icon-container {
   display: none;
}

.channel-video-container .sport-feed-video-item-secondary .video-container {
   display: flex;
   gap: 12px;
}

.channel-video-container .sport-feed-video-item-secondary .video-container .feed-video-meta {
   justify-content: space-between;
   display: flex;
   flex-direction: column;
   gap: 4px;
}

.channel-video-container .sport-feed-video-item-secondary .video-duration {
   top: 54px;
   left: 80px;
   font-weight: 600;
   font-size: 10px;
   line-height: 12px;
   padding: 6px 6px 6px 8px;
   width: 34px;
   border-radius: 6px;
}

.channel-video-container .sport-feed-video-item-secondary .feed-video-title {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
   color: var(--textColor);
}

.channel-video-container .channel-items .sport-feed-video-item-secondary:hover {
   background: #F0F0F0;
}

.sport-feed-video-item-primary {
   padding: 16px 20px 0px;
}

.sports-feed-video-item-primary-element {
   display: block;
   position: relative;
   height: 186px;
}

.sports-feed-video-item-primary-element img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 8px;
   object-position: top;
   margin: 0 0 0 auto;
}

.sports-feed-video-item-primary-element .sports-feed-video-item-element-meta {
   display: flex;
   flex-direction: column;
   gap: 8px;
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 100%;
   justify-content: space-between;
   padding: 20px;
   background: linear-gradient(272.1deg, rgba(32, 37, 64, 0) 27.55%, rgba(32, 37, 64, 0.99) 56.61%, #02032E 99.26%);
   border-radius: 8px;
}

.sports-primary-title {
   font-weight: 500;
   font-size: 16px;
   line-height: 26px;
   color: #FFFFFF;
   width: 50%;
   margin-top: 7px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}

.sports-feed-video-item-element-meta .sports-feed-video-item-info {
   display: flex;
   position: absolute;
   left: 12px;
   bottom: 12px;
   gap: 6px;
   align-items: center;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: #FFFFFF;
}

.sports-feed-video-item-info .sports-feed-video-comments-count {
   display: flex;
   gap: 4px;
   align-items: center;
}

.sports-feed-video-item-info div {
   display: flex;
   gap: 5px;
   color: #FFFFFF;
   align-items: center;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
}

.sports-feed-video-item-info .sports-feed-video-comments-count img {
   width: 10px;
   height: 10px;
   object-fit: cover;
   margin: 0;
   border-radius: 4px;
   object-position: center;
   background: transparent;
}

.sports-feed-video-item-info .top_reactions_image {
   display: flex;
   align-items: center;
}

.sports-feed-video-item-info img {
   width: 12px !important;
   height: 12px !important;
   min-width: 12px;
   min-height: 12px;
   background: none;
}

.sports-feed-video-item-info .video-duration {
   background: #E5E8E8;
   color: #474747;
   padding: 0 5px;
   border-radius: 2px;
}

.sports-feed-video-item-info .total_reaction {
   display: flex;
   align-items: center;
   gap: 4px;
}

.sports-feed-video-item-info .top_reactions_count {
   padding-left: 4px;
}

.sport-feed-video-item-primary .play-icon-container {
   z-index: 1;
   position: absolute;
   right: 18%;
   top: 50%;
   transform: translateY(-50%);
   background-color: #fff;
   border-radius: 50%;
   padding: 5px;
}

.sport-feed-video-item-primary .play-icon-container .play-icon {
   height: 36px;
   width: 36px;
   background: url("/assets/img/play-icon.svg") no-repeat center !important;
}

@media (max-width:1024px) {
   .sports-feed-video-item-primary-element {
      height: 245px;
   }

   .sport-feed-video-item-primary {
      display: block;
      width: 100%;
      overflow: hidden;
      position: relative;
      padding: 0px;
      margin-bottom: 12px;
   }

   .sports-feed-video-item-primary-element img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 8px;
      object-position: center;
   }

   .sports-feed-video-item-primary-element .sports-feed-video-item-element-meta {
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      background: linear-gradient(180deg, rgba(32, 37, 64, 0) 39.54%, rgba(32, 37, 64, 0.98) 65.58%, #202540 99.09%);
      display: block;
   }

   .sports-primary-title {
      position: absolute;
      color: #FFFFFF;
      left: 12px;
      right: 12px;
      bottom: 35px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      width: auto;
      font-weight: 500;
      font-size: 14.5778px;
      line-height: 20px;
   }

   .sports-feed-video-item-element-meta .sports-feed-video-item-info {
      font-weight: 400;
      font-size: 10.9333px;
      line-height: 16px;
   }

   .sport-feed-video-item-primary .play-icon-container {
      right: 40%;
      top: 40%;
      transform: translateY(-50%);
   }
}


.category-video-holder .render-news-feed .sport-feed-video-item-primary {
   margin-bottom: 10px;
}

.category-video-holder .sport-feed-video-item-primary .play-icon-container {
   right: 45%;
   top: 45%;
}

.category-video-holder .video-channel-item-separator {
   border-bottom: 1px solid #ffffff;
   width: 95%;
   margin: 10px 10px 18px 10px;
}

.category-video-holder .render-news-feed .sports-feed-video-item-primary-element img {
   border-radius: 0;
}

.category-video-holder .sport-feed-video-item-secondary {
   padding: 5px 10px 12px 10px;
}

.category-video-holder .sport-feed-video-item-secondary .video-img-size {
   border-radius: 5px !important;
}

.category-video-holder .render-news-feed .sports-feed-video-item-primary-element .sports-feed-video-item-element-meta {
   border-radius: 0;
}

.category-video-holder .news-feed--footer {
   margin: 10px 0;
}

.no-video {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
}

/* ================================================ */
@media (max-width:1024px) {
   .hero-container {
      margin-bottom: 0px !important;
   }

   .category-video-holder {
      display: block;
      margin-top: 0px;
   }

}

.channel-videos-mobile {
   border-top: 1px solid #ffffff;
   margin: 5px 5px;
}

.channel-videos-mobile .our-channel-heading {
   font-style: normal;
   font-weight: 700;
   font-size: 14px;
   line-height: 21px;
   text-transform: capitalize;
   color: #474747;
   margin: 14px 10px 0px 10px;
}

.channel-videos-mobile .channel-videos-heading-section {
   display: flex;
   gap: 10px;
   padding: 10px 15px 15px 15px;
   overflow-x: scroll;
}

.channel-videos-mobile .videos-heading-holder {
   font-size: 12px;
   height: 35px;
   text-align: center;
   text-transform: capitalize;
   color: #474747;
   cursor: pointer;
   background: var(--bg-color);
   padding: 6px;
   border-radius: 25px;
   font-weight: 600;
}

.channel-videos-mobile .channel-heading {
   margin: 0;
   width: max-content;
   padding: 0 5px;
}

.channel-videos-mobile .videos-heading-holder.active {
   background: var(--active-color);
   color: #FFFFFF;
}

.channel-videos-mobile .channel-videos-item-section {
   display: flex;
   margin: 0 10px;
   overflow-x: scroll;
   gap: 20px;
   scroll-snap-type: x mandatory;
}

.channel-videos-mobile .channel-videos-item-section>* {
   flex: 0 0 92%;
   scroll-snap-align: start;
}

.channel-videos-mobile .video-items-section .sport-feed-video-item-primary {
   margin-bottom: 10px;
}

.channel-videos-mobile .video-items-section .sports-feed-video-item-primary-element {
   height: 235px;
}

.channel-videos-mobile .video-items-section .sport-feed-video-item-secondary {
   padding: 5px;
}

.channel-videos-mobile .sport-feed-video-item-primary .play-icon-container {
   right: 45%;
   top: 40%;
}

.channel-videos-mobile .channel-videos-heading-section::-webkit-scrollbar,
.channel-videos-mobile .channel-videos-item-section::-webkit-scrollbar {
   display: none;
}

.navigation-link {
   width: 100%;
   text-decoration: none !important;
}

.more-stories {
   display: flex;
   height: 40px;
   align-items: center;
   justify-content: center;
   width: 100%;
   text-align: center;
   font-weight: 500;
   font-size: 16px !important;
   line-height: 20px;
   color: #474747;
   background: #FFFFFF;
   border: 1px solid #999999 !important;
   border-radius: 2px;
   margin: 10px 0;
}

.more-stories:hover {
   border: 1px solid #474747 !important;
}

:root {
   --heroBackground: #ececff;
   --taxPageTabsContainerBackground: #ececff;
   --heroLayer1Background: #090a3d;
   --heroLayer2Background: #575a81;
   --heroLayer3Background: #a7a9c5;
}

.team-details {
   display: flex;
   align-items: center;
   gap: 16px;
}

.team-details .team-name {
   font-weight: 600;
   font-size: 28px;
   line-height: 34px;
   letter-spacing: 0.5px;
   color: #474747;
   margin: 0 0 0 0 !important;
}

.team-img img {
   background: #ffffff;
   border-radius: 50%;
   border: 1px solid #2D2D2D;
   height: 134px;
   width: 134px;
}

.team-img img.team-default-img {
   object-fit: contain;
   padding: 8px 0px 0;
}

.hero-container .layers {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   width: 180px;
   height: 100%;
   max-width: 25vw;
}

.hero-container .layer {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);
}

.hero-container .layer.layer1 {
   z-index: 3;
   background-color: var(--heroLayer1Background);
   left: 0;
}

.hero-container .layer.layer2 {
   z-index: 2;
   background-color: var(--heroLayer2Background);
   left: 15px;
}

.hero-container .layer.layer3 {
   z-index: 1;
   background-color: var(--heroLayer3Background);
   left: 30px;
}

.hero-container .hero-content {
   z-index: 1;
}

.share-container .action-text {
   display: none;
}

.hero-container .row {
   display: flex;
   align-items: center;
   gap: 12px;
}

@media (max-width:1024px) {
   .hero-container .layer {
      clip-path: polygon(0 0, 100% 0%, 45% 100%, 0% 100%);
   }

   .hero-container .layer.layer1 {
      left: 0;
   }

   .hero-container .layer.layer2 {
      left: 5px;
   }

   .hero-container .layer.layer3 {
      left: 10px;
   }

   .hero-container .hero-content {
      padding-bottom: 0;
   }

   .hero-container .hero-content .left {
      padding: 43px 18px 20px;
   }

   .team-details {
      gap: 12px;
   }

   .team-details .team-img {
      display: flex;
      flex-shrink: 0;
   }

   .team-img img {
      height: 87px;
      width: 87px;
   }

   .team-details .team-name {
      font-weight: 600;
      font-size: 18px;
      line-height: 140%;
      color: #474747;
   }

   .share-icons-container {
      right: 5px;
   }

   .hero-container .hero-content .right {
      padding: 0;
   }
}


/* ============== Team ============== */

.team .breadcrumb-container {
   background: rgba(255, 255, 255, 0.6);
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
}

.team .breadcrumb-list li img {
   filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(6%) hue-rotate(163deg) brightness(93%) contrast(89%);
}

.team .breadcrumb-list li::after {
   filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(6%) hue-rotate(163deg) brightness(93%) contrast(89%) !important;
}

.team .breadcrumb-list li a,
.team .breadcrumb-list li span {
   color: #474747 !important;
}

.team-page-tabs-section {
   position: sticky;
   top: 0;
   z-index: 1999;
   margin-bottom: 16px;
   border-bottom: 1px solid #ffffff;
}

body.has-top-header .team-page-tabs-section {
   top: var(--topHeaderHeight);
}

body.has-primary-nav .team-page-tabs-section {
   top: var(--primaryNavHeight);
}

body.has-top-header.has-primary-nav .team-page-tabs-section {
   top: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
}

.team-page-tabs-section .tabs-container {
   background: var(--taxPageTabsContainerBackground, #ECECFE);
   box-shadow: 1px -1px 4px 0px rgba(0, 0, 0, 0.07);
}

.team-page-tabs-section .tabs-container .team-page-tabs {
   padding: 10px 0;
   width: 100%;
   display: flex;
   align-items: center;
   gap: 15px;
}

.team-page-tabs-section .tabs-container .team-page-tabs .tab-header a {
   color: var(--textColor);
   padding: 7px 14px;
   cursor: pointer;
   border-bottom: 4px solid transparent;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   text-decoration: none;
}

.team-page-tabs-section .tabs-container .team-page-tabs .tab-header a.hovered {
   border-color: var(--active-color);
   color: var(--active-color);
}

.no-data-available {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   padding: 16px;
}

@media (max-width:1024px) {
   .team-page-tabs-section .tabs-container {
      padding: 0 10px;
   }

   .team-page-tabs-section .tabs-container .team-page-tabs {
      gap: 10px;
      overflow-x: auto;
      padding-top: 8px;
      padding-bottom: 8px;
   }

   .team-page-tabs-section .tabs-container .team-page-tabs .tab-header {
      flex-shrink: 0;
   }

   .team-page-tabs-section .tabs-container .team-page-tabs::-webkit-scrollbar {
      display: none;
   }

   .team-page-tabs-section .tabs-container .team-page-tabs .tab-header a {
      padding: 7px 8px;
      font-size: 12px;
      line-height: 18px;
   }

   .no-data-available {
      padding: 12px;
      font-size: 12px;
   }
}

.team-personal-info-table {
   width: 100%;
}

.team-personal-info-table .main-info-items tr {
   display: flex;
   align-items: center;
}

.team-personal-info-table .main-info-items tr:nth-of-type(odd) {
   border-bottom: none;
   background: var(--surface-color) !important;
}

.team-personal-info-table .main-info-items tr:nth-of-type(even) {
   background: var(--surface-color1);
   border-bottom: none;
}

.team-personal-info-table .item-details .column.left {
   color: #666666;
   width: 30%;
   padding: 8px 20px;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   vertical-align: middle;
   flex: unset;
}

.team-personal-info-table .item-details .column.right {
   color: #2D2D2D;
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   vertical-align: middle;
   width: 70%;
   max-width: unset;
   min-width: unset;
}

.team-personal-info-table .item-details .column.right a {
   text-decoration-line: none;
}

@media (max-width:1024px) {
   .team-personal-info {
      border: none;
      margin-bottom: 0;
   }

   .team-personal-info .team-personal-info-table {
      width: 100%;
      display: table;
      border: 1px solid #ffffff !important;
   }

   .team-personal-info-table .item-details .column.left {
      width: 35%;
      padding: 8px 14px;
   }

   .team-personal-info-table .item-details .column.right {
      padding: 8px 14px;
   }

   .team-personal-info-table .item-details .column.right a {
      text-decoration-line: none;
   }
}

.results-fixtures .results-fixtures-match {
   margin-bottom: 15px;
}

.results-fixtures .results-fixtures-match .sub-head {
   margin-bottom: 12px;
   color: #474747;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
}


.team-squad .team-squads-format-tabs {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   padding: 8px 12px;
   gap: 10px;
   cursor: pointer;
   padding: 0px;
   margin-bottom: 16px;
}

.team-squad .team-squads-tab {
   padding: 8px 12px;
   font-weight: 500;
   border-radius: 28px;
   font-size: 12px;
   border-bottom: unset;
   line-height: 17px;
   color: #474747;
   background: var(--bg-color);
   border: 1px solid #ffffff;
   box-shadow: 1px 1px 4px rgb(0 0 0 / 7%);
   text-transform: capitalize;
}

.team-squad .team-squads-tab.active-tab {
   color: #ffffff;
   font-weight: 700;
   background-color: #d32f2f;
}

.team-squad .team-squads-detail {
   display: flex;
   flex-direction: column;
}

.team-squad .players-section {
   display: flex;
   flex-wrap: wrap;
   gap: 0 10px;
}

.team-squad .squad-captain-vc-div {
   display: flex;
   gap: 20px;
}

.team-squad .squad-captain-div,
.team-full-squad .squad-captain-div {
   display: flex;
   align-items: center;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
   border-radius: 8px;
   width: calc(50% - 10px);
   padding: 6px 16px;
   flex-shrink: 0;
}

.team-squad .squad-captain-div .squad-players {
   width: 100%;
   padding: 0px;
   display: flex;
   align-items: center;
   border: none;
}

.team-squad .captain-title {
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   color: #474747;
   flex-shrink: 0;
}

@media (max-width:1024px) {
   .team-squad .squad-captain-vc-div {
      flex-direction: column;
      gap: 8px;
      margin-bottom: 6px;
   }

   .team-squad .squad-captain-div {
      width: 100%;
      padding: 6px 12px;
   }
}

.squad-players {
   width: calc(33% - 5px);
   padding: 12px 0px;
   border-bottom: 1px solid var(--border-color--alpha);
   position: relative;
}

.team-player-link {
   position: absolute;
   inset: 0;
   z-index: 5;
}

.team-squad-player {
   display: flex;
   gap: 12px;
   align-items: center;
   width: 100%;
}

.squad-players.no-border {
   border: none;
}

.team-player-img {
   display: flex;
}

.player-img {
   height: 40px;
   width: 40px;
   border: 1px solid #ffffff;
   border-radius: 50%;
   object-fit: cover;
   object-position: top;
}

.squad-player-info {
   display: flex;
   flex-direction: column;
   width: calc(100% - 50px);
}

.team-squad-player-name {
   display: flex;
   align-items: center;
   gap: 4px;
}

.team-squad-player .team-squad-player--name {
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   color: #0B65F0;
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.team-squad-info {
   flex-shrink: 0;
   flex-grow: 0;
   display: flex;
   align-items: center;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   color: gray;
   gap: 2px;
}

.team-squad-player .team-squad-player--batting-style {
   font-weight: 400;
   font-size: 10px;
   line-height: 18px;
   color: #999999;
   display: flex;
   align-items: center;
   gap: 4px;
}

.stats-dots {
   height: 2px;
   width: 2px;
   border-radius: 100%;
   background: currentColor;
   font-size: 0px !important;
   align-items: center;
   display: inline-block;
}

@media (max-width:1024px) {
   .squad-players {
      width: calc(50% - 5px);
      padding: 6px 0px;
      border-bottom: none;
   }

   .squad-players:nth-child(odd) {
      padding-right: 8px;
   }

   .squad-players:nth-child(even) {
      padding-left: 8px;
   }

   .team-squad-player {
      gap: 4px;
   }

   .player-img {
      height: 36px;
      width: 36px;
   }

   .squad-player-info {
      width: calc(100% - 40px);
   }

   .team-squad-player .team-squad-player--name {
      font-size: 12px;
      line-height: 18px;
   }

   .team-squad-info {
      font-size: 12px;
      line-height: 18px;
   }

   .team-squad-player .team-squad-player--batting-style {
      line-height: 15px;
      font-size: 10px;
   }
}

.team-full-schedule .team-schedule-tabs {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   padding: 16px 20px;
   gap: 10px;
   cursor: pointer;
   gap: 10px;
}

.team-full-schedule .team-schedule-tab {
   padding: 8px 12px;
   font-weight: 500;
   border-radius: 28px;
   font-size: 12px;
   border-bottom: unset;
   line-height: 17px;
   color: #474747;
   background: var(--bg-color);
   border: 1px solid #ffffff;
   box-shadow: 1px 1px 4px rgb(0 0 0 / 7%);
   text-transform: capitalize;
}

.team-full-schedule .team-schedule-tab.active-tab {
   color: #ffffff;
   font-weight: 600;
   background-color: #d32f2f;
}

.team-full-schedule .team-schedule-detail {
   display: flex;
   gap: 12px;
   flex-direction: column;
   padding: 0 20px 16px;
}

.team-full-schedule .tournament-anchor {
   text-decoration: none;
   color: #0B65F0;
   font-size: 14px;
   font-weight: 600;
   line-height: normal;
   margin-top: 8px;
}

.team-full-schedule .tournament-detail {
   display: flex;
   align-items: center;
   gap: 6px;
}

.team-full-schedule .tournament-matches {
   padding: 16px;
   border: 1px solid #ffffff;
}

.team-full-schedule .match-container {
   display: flex;
   gap: 16px;
}

.team-full-schedule .match-container .left-sec,
.team-full-schedule .match-container .right-sec {
   color: #666;
   font-size: 14px;
   font-weight: 400;
   line-height: 24px;
}

.team-full-schedule .right-sec {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.team-full-schedule .right-sec .team-flag {
   display: flex;
   align-items: center;
   vertical-align: middle;
   color: #474747;
   font-size: 16px;
   font-weight: 600;
   line-height: normal;
}

.team-full-schedule .tournament-icon {
   height: 12px;
   width: 7px;
}

.team-full-schedule .match-container .left {
   width: 20%;
}

.team-full-schedule .match-container .left {
   width: 80%;
}

.team-full-schedule .match-container img {
   width: 26px;
   height: 26px;
   border: 1px solid #ffffff;
   border-radius: 50%;
   margin-right: 8px;
   overflow: hidden;
   vertical-align: middle;
}

.team-full-schedule .day {
   white-space: nowrap;
}

.team-full-schedule .schedule-match-link {
   text-decoration: none;
}

.team-full-schedule .result-sec .right-sec {
   width: 100%;
}

.team-full-schedule .result-sec .right-sec .team-flag {
   display: flex;
   justify-content: space-between;
   width: 100%;
}

@media (max-width:1024px) {
   .team-full-schedule .team-schedule-tabs {
      padding: 8px 16px;
   }

   .team-full-schedule .team-schedule-detail {
      padding: 0 16px 16px;
      gap: 8px;
   }

   .team-full-schedule .match-container {
      flex-direction: column;
      gap: 6px;
   }

   .team-full-schedule .match-container .left-sec {
      display: flex;
      gap: 6px;
      color: #474747;
      font-size: 12px;
      font-weight: 600;
      line-height: 16px;
   }

   .team-full-schedule .match-container .right-sec {
      gap: 6px;
      font-size: 12px;
   }

   .team-full-schedule .right-sec .team-flag {
      font-size: 12px;
   }

   .team-full-schedule .match-container img {
      height: 20px;
      width: 20px;
   }

   .team-full-schedule .tournament-matches {
      padding: 12px;
   }
}

/* --------------------------------------------- */
.team-full-squad .team-squad-players {
   padding: 10px 20px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 10px 0;
   flex-direction: column;
}

.team-full-squad .team-full-squads-format-tabs {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   padding: 8px 12px;
   gap: 10px;
   cursor: pointer;
   padding: 0px;
   gap: 10px;
   margin-bottom: 10px;
}

.team-full-squad .team-full-squads-tab {
   padding: 8px 12px;
   font-weight: 500;
   border-radius: 28px;
   font-size: 12px;
   border-bottom: unset;
   line-height: 17px;
   color: #474747;
   background: var(--bg-color);
   border: 1px solid #ffffff;
   box-shadow: 1px 1px 4px rgb(0 0 0 / 7%);
   text-transform: capitalize;
}

.team-full-squad .team-full-squads-tab.active-tab {
   color: #ffffff;
   font-weight: 600;
   background-color: #d32f2f;
}

.team-full-squad .team-full-squads-detail {
   display: flex;
   flex-direction: column;
}

.team-full-squad .team-role-player-section {
   display: flex;
   flex-wrap: wrap;
   gap: 0px 10px;
   margin-bottom: 10px;
}

.team-full-squad .role-title {
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   color: #474747;
}

.team-full-squad .players-section {
   display: flex;
   flex-direction: column;
}

.team-full-squad .squad-captain-vc-div {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}

.team-full-squad .squad-captain-div .squad-players {
   width: 100%;
   padding: 0px;
   display: flex;
   align-items: center;
   border: none;
}

.team-full-squad .captain-title {
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   color: #474747;
   flex-shrink: 0;
}

@media (max-width:1024px) {
   .team-full-squad .team-squad-players {
      padding: 0 16px 16px;
      gap: 2px;
   }

   .team-full-squad .role-title {
      font-size: 12px;
      line-height: 18px;
   }

   .team-full-squad .squad-captain-vc-div {
      flex-direction: column;
      gap: 8px;
      margin-bottom: 16px;
   }

   .team-full-squad .squad-captain-div {
      width: 100%;
      padding: 6px 12px;
   }
}

@media (max-width:1024px) {

   .squad-players:nth-child(odd) {
      padding-right: 8px;
   }

   .squad-players:nth-child(even) {
      padding-left: 8px;
   }

   .team-squad-player {
      gap: 4px;
   }
}

.team-coach-staff-section {
   margin: 16px 0;
}

.team-coach-staff-section .team-coach-staff-div {
   padding: 10px 20px;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}

.team-coach-staff-section .team-staff {
   width: calc(33% - 5px);
   padding: 0px 0px 12px;
   border-bottom: 1px solid #F5F5F5;
   display: flex;
   flex-direction: column;
}

.team-coach-staff-section .staff-name {
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   color: #0B65F0;
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.team-coach-staff-section .staff-role {
   font-weight: 400;
   font-size: 10px;
   line-height: 18px;
   color: #999999;
}

.team-coach-staff-section .team-staff.no-border {
   border-bottom: none;
}

@media (max-width:1024px) {
   .team-coach-staff-section .team-coach-staff-div {
      padding: 0 16px;
   }

   .team-coach-staff-section {
      margin: 0;
      border-top: 8px solid #F5F5F5;
      margin-bottom: 16px;
   }

   .team-coach-staff-section .team-staff {
      border-bottom: none;
   }

   .team-coach-staff-section .team-staff {
      width: calc(50% - 5px);
      padding: 0px;
   }

   .team-coach-staff-section .staff-name {
      font-size: 12px;
   }
}

/* ========== Player Page ==================*/

.player-details {
   display: flex;
   align-items: center;
   gap: 16px;
}

.player-details .player-img {
   height: auto !important;
   width: auto !important;
   border: unset !important;
   border-radius: unset;
   object-fit: unset;
   object-position: unset;
}

.player-details .player-name {
   font-weight: 600;
   font-size: 28px;
   line-height: 34px;
   letter-spacing: 0.5px;
   color: #474747;
   text-decoration: none;
   margin: 0 0 0 0 !important;
}

.player-img img {
   background: #ffffff;
   border-radius: 50%;
   border: 1px solid #2D2D2D;
   height: 134px;
   width: 134px;
   object-fit: cover;
   object-position: top;
}

.player-img img.player-default-img {
   object-fit: contain;
   padding: 8px 0px 0;
}

.hero-container .player-info {
   display: flex;
   flex-direction: column;
   gap: 6px;
}

@media (max-width:1024px) {
   .player-details {
      gap: 12px;
   }

   .player-details .player-img {
      display: flex;
      flex-shrink: 0;
   }

   .player-img img {
      height: 87px;
      width: 87px;
   }

   .player-details .player-name {
      font-weight: 600;
      font-size: 18px;
      line-height: 140%;
      color: #474747;
   }
}

.tournament-info {
   border: 1px solid #999;
   border-radius: 8px;
   width: 380px;
   height: auto;
}

.tournament-info .tournament-heading {
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   text-align: center;
   text-transform: uppercase;
   color: #474747;
   padding: 4px;
   border-bottom: 1px solid #999;
}

.tournament-info .tournament-stats {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.tournament-stats .single-stats {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 16px;
}

.tournament-stats .single-stats.left-border {
   border-left: 1px solid #999;
}

.tournament-stats .single-stats .value {
   font-weight: 600;
   font-size: 18px;
   line-height: 27px;
   color: #474747;
}

.tournament-stats .single-stats .text {
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: #999;
}

.all-time-stats .tournament-heading {
   border: none;
   text-align: unset;
}

.all-time-stats .heading-match-format-holder {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px;
   border-bottom: 1px solid #999;
}

.all-time-stats .tournament-stats {
   display: block;
}

.all-time-stats .match-format-dropdown-element {
   border: 1px solid #999;
   border-radius: 20px;
   padding: 5px 10px;
   -webkit-appearance: none;
   appearance: none;
   background-image: url("/assets/img/arrrowdown.svg");
   background-size: 10px;
   background-repeat: no-repeat;
   background-position: calc(100% - 10px) center;
   min-width: 95px;
   cursor: pointer;
}

.all-time-stats .format-stats-holder {
   display: flex;
   align-items: center;
   justify-content: space-around;
}

@media (max-width:1024px) {
   .tournament-info {
      margin: 24px 16px 0 16px;
      border: 1px solid #ffffff;
      border-radius: 8px;
      text-align: center;
      width: auto;
      height: auto;
   }

   .tournament-info .tournament-heading {
      font-weight: 600;
      font-size: 12px;
      line-height: 18px;
      text-align: center;
      text-transform: capitalize;
      color: #2D2D2D;
      background: var(--bg-color);
      border-bottom: 1px solid #ffffff;
      padding: 4px;
   }

   .tournament-info .tournament-stats {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
   }

   .tournament-stats .single-stats {
      padding: 12px;
   }

   .tournament-stats .single-stats .value {
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      color: #2D2D2D;
   }

   .tournament-stats .single-stats.left-border {
      border-left: 1px solid #ffffff;
   }

   .tournament-stats .single-stats .text {
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
      color: #999;
   }

   .all-time-stats .heading-match-format-holder {
      background: var(--bg-color);
      border-bottom: 1px solid #ffffff;
   }

   .all-time-stats .tournament-heading {
      background: none;
      border: none;
      text-transform: uppercase;
   }

   .all-time-stats .tournament-stats {
      display: block;
   }
}

.personal-info-container {
   position: relative;
   margin: 0;
   max-height: 270px;
   overflow-y: hidden;
}

.personal-info-container h2 {
   margin: 10px 20px;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   color: #2d2d2d;
}

.personal-info-table {
   width: 100%;
   border: none;
   border-top: 1px solid var(--border-color--alpha);
}

.personal-info-table .main-info-items tr:nth-of-type(odd) {
   border-bottom: none;
   background: var(--surface-color);
}

.personal-info-table .main-info-items tr:nth-of-type(even) {
   background: var(--surface-color1);
   border-bottom: none;
}

.item-details .column-left {
   color: var(--textColor);
   width: 30%;
   padding: 8px 20px;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   vertical-align: middle;
}

.item-details .column-right {
   color: var(--bcForegroundColor);
   font-weight: 600;
   padding-left: 10px;
   font-size: 12px;
   line-height: 18px;
   vertical-align: middle;
}

.item-details .column-right a {
   text-decoration-line: none;
}

.item-details .column-right .team-image {
   margin: 0;
   width: 35px;
   height: 35px;
   border-radius: 50%;
}

.team-name-flag {
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 5px 0;
   gap: 5px;
}

.personal-info-container .gradient-overlay {
   background: linear-gradient(180deg, rgba(255, 255, 255, .49) 0, #fff 56.93%);
   position: absolute;
   text-align: center;
   left: 0;
   width: 100%;
   height: 80px;
   bottom: 0;
   margin: 0;
}

.gradient-overlay .view-more {
   position: relative;
   bottom: -30px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #666;
   margin: 0 auto;
   width: fit-content;
   padding: 4px 10px;
   gap: 10px;
   border-radius: 20px;
}

.view-more span {
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   color: #666;
}

.view-more img {
   width: 6px;
   height: 10px;
   background: 0 0;
   margin: 0;
   display: inline-block;
   background: 0 0;
   transform: rotate(90deg);
}

@media (max-width:1024px) {
   .personal-info-container h2 {
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      color: #2d2d2d;
      margin: 0 0 12px;
   }

   .personal-info-table {
      border: 1px solid #ffffff;
   }

   .item-details .column-left {
      width: 35%;
      padding: 8px 14px;
   }

   .item-details .column-right {
      padding: 8px 14px;
   }

   .item-details .column-right a {
      text-decoration-line: none;
   }

   .personal-info-container .gradient-overlay {
      width: calc(100% - 2px);
      height: 70px;
      left: 1px;
      bottom: 0;
      text-align: center;
   }
}


table.stats-table {
   border: none;
   border-collapse: collapse;
   border-spacing: 0;
   overflow-x: auto;
   display: block;
}

table.stats-table tbody tr:last-child {
   border-bottom: none;
}

table.stats-table td {
   text-align: center;
   padding: 10px;
   color: #666;
   background: var(--bg-color);
   white-space: nowrap;
   font-weight: 400;
   width: 100%;
}

table.stats-table th {
   text-align: center;
   padding: 10px;
   background: var(--bg-color);
   white-space: nowrap;
   width: 100%;
   color: #999;
   font-weight: 600;
}

table.stats-table td:first-child,
table.stats-table th:first-child {
   padding-left: 20px;
}

table.stats-table td:last-child,
table.stats-table th:last-child {
   padding-right: 20px;
}

table.stats-table tr {
   border-bottom: 1px solid var(--border-color--alpha);
}

table.stats-table tbody tr:last-child {
   border-bottom: none;
}

table.stats-table .headcol,
table.stats-table .headcol,
table.stats-table a {
   color: #0B65F0;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   text-decoration: none;
   text-align: left;
}

table.stats-table td:first-child,
table.stats-table th:first-child {
   position: sticky;
   left: 0;
}

table.stats-table th.headcol.headcol {
   color: #999999;
   font-weight: 600;
}

.stats-table .highlight-column {
   color: black;
   font-weight: 600;
}

@media (max-width:1024px) {
   .stats-table tr th {
      font-weight: 600;
      font-size: 12px;
      line-height: 18px;
   }

   .stats-table tr td,
   .stats-table tr td a {
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
   }

   .stats-table .headcol {
      font-weight: 500;
      font-size: 12px;
      line-height: 18px;
   }

   .stats-table td.headcol {
      font-weight: 500;
      font-size: 12px;
      line-height: 18px;
   }

   .stats-table th.headcol {
      font-weight: 600;
      font-size: 12px;
      line-height: 18px;
   }
}

.stats-table .batting-bowling-separator-over {
   border-left: 1px solid #ffffff;
}

.popular-players-panel .panel-header>.panel-heading {
   display: flex;
   gap: 10px;
   align-items: center;
}

.team-dropdown-container {
   display: flex;
   align-items: center;
   padding: 4px 12px;
   border: 1px solid #ffffff;
   border-radius: 20px;
   width: 150px;
}

.team-dropdown {
   outline: none;
   cursor: pointer;
   width: 100%;
   display: block;
   border: none;
   background: transparent;
   font-family: Poppins;
   color: #2D2D2D;
   font-weight: 400;
   font-size: 12px;
   line-height: 17px;
}

.popular-players-label-container {
   display: flex;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   align-items: center;
   color: #474747;
}

.team-selector-container {
   display: flex;
   width: 100%;
   gap: 8px;
}

.popular-player-card {
   height: 100%;
   display: flex;
   flex-direction: column;
   text-align: center;
   border: 1px solid #DFDFDF;
   border-radius: 6px;
   width: auto;
   min-width: 120px;
   max-width: min-content;
}

.popular-player-container {
   padding: 12px;
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.popular-player-image {
   display: flex;
   align-items: center;
   justify-content: center;
}

.popular-player-image img {
   display: block;
   width: 90px;
   height: 90px;
   object-fit: cover;
   object-position: top;
   border-radius: 50%;
}

.popular-player-name {
   word-spacing: 100vw;
   color: #2D2D2D;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
}

.popular-player-playing-role {
   color: #999999;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
}

.popular-player-info {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
}

.popular-player-cta {
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
   z-index: 1;
   opacity: 0;
}

@media screen and (max-width:1024px) {
   .popular-players-panel .panel-header>.panel-heading {
      flex-direction: column;
      align-items: flex-start;
   }

   .popular-players-panel .panel-header a {
      align-self: flex-start;
   }

   .popular-player-card {
      min-width: 100px;
   }

   .popular-player-name {
      font-size: 12px;
      line-height: 18px;
   }

   .popular-player-image img {
      width: 70px;
      height: 70px;
   }

   .popular-player-info {
      gap: 2px;
   }
}


.player-stats-main-heading {
   border: 1px solid #ffffff;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   color: #474747;
   text-transform: capitalize;
   margin: 0;
   float: none;
   padding: 10px;
}

.player-stats-detail-holder {
   margin-bottom: 30px;
}

.player-stats-detail-holder .player-stats-menu-holder {
   background-image: url("/assets/img/team-bg.png");
   background-color: #170D62;
}

.player-stats-detail-holder .last-five-match,
.player-stats-detail-holder .tournament-stats {
   background-size: contain;
}

.player-stats-detail-holder .player-stats-section-holder {
   border: 1px solid var(--border-color--alpha);
   background: var(--bg-color);
   margin-bottom: 25px;
}

.player-stats-detail-holder .player-section-main-heading-holder {
   padding: 10px;
   border-bottom: 1px solid #2C1E91;
}

.player-stats-detail-holder .player-section-main-heading-holder .player-section-main-heading {
   color: #FFFFFF;
   font-size: 16px;
   line-height: 24px;
   margin: 0;
}

.player-stats-detail-holder .player-stats-menu-items {
   display: flex;
   gap: 20px;
   padding: 15px;
}

.player-stats-detail-holder .player-match-type-items {
   font-size: 12px;
   width: 50px;
   height: 30px;
   text-align: center;
   text-transform: capitalize;
   color: #474747;
   cursor: pointer;
   background: #FFFFFF;
   padding: 4px;
   border-radius: 25px;
}

.player-stats-detail-holder .player-match-type-items.active {
   background: #D32F2F;
   color: #FFFFFF;
}

.player-stats-detail-holder .detail-stats-heading-holder,
.player-stats-detail-holder .detail-stats-heading-holder {
   padding: 10px;
   background: var(--surface-color);
}

.player-stats-detail-holder .detail-stats-heading-holder h3,
.player-stats-detail-holder .detail-stats-heading-holder h3 {
   font-size: 16px;
   line-height: 24px;
}

.player-stats-detail-holder table {
   border: none !important;
   border-collapse: collapse;
   border-spacing: 0;
   overflow-x: auto;
   white-space: nowrap;
   display: block;
}

.player-stats-detail-holder table tr {
   border-bottom: 1px solid var(--border-color--alpha);
}

.player-stats-detail-holder table tbody tr:last-child {
   border-bottom: none;
}

.player-stats-detail-holder table th,
.player-stats-detail-holder table td {
   text-align: center;
   padding: 10px;
   color: #666666;
   background: var(--bg-color);
   white-space: nowrap;
   width: 100%;
}

.player-stats-detail-holder .batting-team-stats-head-items,
.player-stats-detail-holder .bowling-team-stats-head-items {
   border-bottom: 1px solid #999999;
}

.player-stats-detail-holder .batting-team-stats-head-items th,
.player-stats-detail-holder .bowling-team-stats-head-items th {
   background: #E1EBFF;
   color: #2D2D2D;
}

.player-stats-detail-holder .total-team-stats td {
   background: #E1EBFF;
}

.player-stats-detail-holder table tbody td {
   font-weight: 400;
}

.player-stats-detail-holder .total-team-stats .cric-headcol {
   color: #2D2D2D;
   font-weight: 600;
}

.player-stats-detail-holder .team-stats-table .detailed-team-stats .cric-headcol {
   display: flex;
   gap: 10px;
}

.player-stats-detail-holder .team-stats-table .team-image {
   margin: 0;
   width: 25px;
   height: 25px;
   object-fit: contain;
}

.player-stats-detail-holder table tr:nth-of-type(odd) {
   background: none;
}

.player-stats-detail-holder table td:first-child,
.player-stats-detail-holder table th:first-child {
   position: sticky;
   left: 0;
}

.player-stats-detail-holder table .cric-headcol,
.player-stats-detail-holder table .cric-headcol,
.player-stats-detail-holder table a {
   color: #0B65F0;
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
   text-decoration: none;
   text-align: left;
}

.player-stats-detail-holder .tournament-stats-table thead th,
.player-stats-detail-holder .last-five-match-table thead th {
   color: #999999;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
}

.player-stats-detail-holder table .batting-bowling-separator-row {
   border-left: 1px solid #ffffff;
}

.player-stats-detail-holder table .highlight-column {
   color: black !important;
   font-weight: 600 !important;
}

.player-stats-detail-holder .team-stats-flag-text {
   color: #666666;
}

.player-stats-detail-holder table::-webkit-scrollbar {
   width: 5px;
   height: 5px;
}

.player-stats-detail-holder table::-webkit-scrollbar-thumb {
   background: #c1c1c1;
   border-radius: 10px;
}

@media (max-width:480px) {
   .player-stats-main-heading {
      border: none;
   }

   .player-stats-detail-holder .player-section-main-heading-holder .player-section-main-heading {
      font-size: 14px;
   }

   .player-stats-detail-holder .detail-stats-heading-holder h3,
   .player-stats-detail-holder .detail-stats-heading-holder h3 {
      font-size: 14px;
   }

   .player-stats-detail-holder .player-stats-section-holder {
      border: none;
   }

   .player-stats-detail-holder table .cric-headcol,
   .player-stats-detail-holder table .cric-headcol,
   .player-stats-detail-holder table a {
      font-size: 12px;
      line-height: 20px;
   }
}


/* ===============   video pages ============= css ============== */
.video .desktop-bc-container {
   overflow: hidden;
   top: 0;
   line-height: 32px;
}

.video .container {
   max-width: 1300px;
   margin: 0 auto;
   overflow: hidden;
   line-height: 24px;
   clear: both;
}

.video .keeda-breadcrumb {
   display: inline-flex;
   width: 100%;
}

.video .keeda-breadcrumb li {
   display: inline-block;
   flex-shrink: 0;
   vertical-align: top;
   white-space: nowrap;
}

.video .keeda-breadcrumb li a::after {
   content: '\203A';
   padding: 0 5px;
   color: #868686;
}

.video .keeda-breadcrumb li:last-child {
   flex: 1;
   content: '';
   overflow: hidden;
   text-overflow: ellipsis;
   text-transform: capitalize;
}

.video .keeda-breadcrumb li a,
.video .keeda-breadcrumb li span {
   color: #757575;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   display: inline;
   font-weight: 400;
}

.video .editor-width-100-pc .right-sidebar {
   width: 30%;
}

.video .editor-width-100-pc .right-sidebar {
   border: 1px solid var(--border-color--alpha);
   margin-top: 0px !important;
}

.video .editor-width-100-pc .fragments-container {
   width: 68%;
   border: 1px solid var(--border-color--alpha);
   margin-right: 2%;
}

.video .editor-width-100-pc {
   margin-top: 10px;
}

.video .content-holder {
   display: block;
   overflow: hidden;
   position: relative;
}

.video .feed-header {
   clear: both;
   background: #fff;
   border-radius: 1px;
}

.video .user-story {
   margin: 16px 0;
   display: flex;
   overflow: visible !important;
}

.channel-container {
   float: left;
   display: block;
   width: 100%;
}

.channel-container>div {
   width: 100%;
   border-radius: 3px;
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
   background: var(--bg-color);
   margin-bottom: 20px;
   padding: 16px 24px;
}

.channel-header {
   display: flex;
   align-items: flex-start;
   position: relative;
   width: 100%;
   border-radius: 3px;
}

.channel-image {
   margin-right: 24px;
}

.channel-image img {
   max-width: 96px !important;
   width: 96px;
   height: 96px;
   object-fit: cover;
   background: transparent !important;
   border-radius: 50%;
}

.channel-content-holder {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.channel-header-title h1 {
   font-size: 24px !important;
   font-weight: 700;
   color: var(--textColor);
   margin: 0;
   line-height: normal;
}

.channel-header-title p {
   font-size: 14px !important;
   font-weight: normal;
   padding: 0 !important;
   margin: 0 !important;
   line-height: normal;
}

.video .content-holder p {
   clear: both;
   width: 100%;
   padding: 0 24px;
   font-size: 18px;
   line-height: 35px;
   color: #222;
   background: transparent !important;
}

.video .container p {
   line-height: 24px;
   margin-bottom: 11px;
   font-size: 16px;
   float: left;
   width: 100%;
}

.expandable-content {
   position: relative;
   overflow: hidden !important;
}

.channel-content {
   font-size: 14px;
   font-weight: normal;
   line-height: 20px;
   color: #999999;
   margin-top: 4px;
   height: 60px;
   overflow: hidden !important;
   position: relative;
   width: 100%;
}

.three-dot-expand-overlay {
   display: block;
   position: absolute;
   right: 0;
   bottom: 0;
   background: var(--bg-color);
   height: 16px;
   padding-left: 8px;
   cursor: pointer;
}

.three-dot-expand {
   display: flex;
   padding: 4px;
   gap: 4px;
   background: rgba(211, 47, 47, 0.1);
   border-radius: 40px;
}

.three-dot-expand span {
   width: 4px;
   height: 4px;
   background: var(--active-color);
   border-radius: 2px;
}

.keeda-video-container {
   border-radius: 4px;
}

.video-info {
   overflow: visible !important;
}

.video-info .title {
   margin-top: 20px;
   font-size: 18px;
   font-weight: 500;
}

.comments-like-div,
.timeago-social-info {
   display: flex;
}

.timeago-social-info {
   justify-content: space-between;
   align-items: center;
   padding: 16px 0 12px;
   border-bottom: 1px solid #E9E9E9;
}

.timeago-social-info a {
   text-decoration: none;
   display: flex !important;
   align-items: center;
}

.timeago {
   display: flex;
   align-items: center;
}

.timeago img {
   width: 16px;
   height: 16px;
   object-fit: cover;
   background: transparent !important;
   margin: 0 4px 0 0 !important;
}

.comments-total-container a {
   display: flex;
}

.timeago span,
.video-content-holder {
   font-size: 14px;
   font-weight: normal;
   color: #999999;
}

.video-content-holder {
   margin: 12px 0 8px;
   line-height: 20px;
}

.comments-like-div>div {
   margin-left: 32px !important;
   display: inline-flex;
   align-items: center;
}

.comments-like-div .comments-total-container {
   min-width: auto !important;
   min-height: auto !important;
}

.share-text-holder button {
   padding: 4px 0 !important;
}

.video-channel-info {
   display: flex;
   padding: 12px 0 0;
   text-decoration: none !important;
}

.video-channel-img img {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   object-fit: cover;
   margin-right: 8px;
}

.video-channel-content .video-channel-title {
   font-weight: bold;
   font-size: 14px;
   color: var(--textColor);
}

.related-container,
.related-channel-container {
   overflow: auto;
   scrollbar-width: none;
   -ms-overflow-style: none;
}

.related-container::-webkit-scrollbar,
.related-channel-container::-webkit-scrollbar {
   display: none;
}


@media all and (max-width:1024px) {
   .video-info .title {
      margin-top: 12px;
      font-size: 16px;
   }

   .timeago {
      font-size: 12px;
   }

   .comments-like-div>div {
      margin-left: 16px !important;
   }
}

@media (max-width:1024px) {
   .video .bc-holder {
      background: var(--surface-color);
      box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
      width: 100%;
      float: left;
   }

   .video .container {
      margin: 0;
      padding: 0 0px;
      overflow: hidden;
      line-height: 24px;
      max-width: 100%;
      clear: both;
   }

   .video ul.keeda-breadcrumb {
      overflow-x: auto;
      display: flex;
      flex-wrap: nowrap;
   }

   .video .keeda-breadcrumb {
      padding-left: 10px;
      margin: 0px;
   }

   .video .keeda-breadcrumb li a,
   .keeda-breadcrumb li span {
      color: #757575;
      font-size: 13px;
      font-weight: 400;
      text-decoration: none;
      display: inline;
      line-height: 30px;
   }

   .channel-container>div {
      padding: 16px 5px;
      margin-bottom: 12px;
   }

   .channel-image {
      margin-right: 12px;
   }

   .channel-image img {
      max-width: 72px !important;
      width: 72px;
      height: 72px;
   }

   .channel-header-title h1 {
      font-size: 20px !important;
   }

   .channel-header-title h1 {
      font-size: 24px;
      font-weight: 500;
      color: var(--textColor);
      background: var(--bg-color);
      line-height: 24px;
      margin-bottom: 0 !important;
   }

   .video .editor-width-100-pc .right-sidebar {
      width: 100%;
      margin-top: 40px;
   }

   .video .editor-width-100-pc .fragments-container {
      width: 100%;
   }
}

.video .comments-count-container {
   margin-inline-start: unset !important;
   min-width: auto !important;
   min-height: auto !important;
   width: auto !important;
   padding: 0 !important;
}

.video .comments-count-container a {
   text-decoration: none !important;
}

.video .comments-count-container span.comments-count {
   font-weight: 500;
   font-size: 12px !important;
   line-height: 28px !important;
   color: #999999 !important;
   vertical-align: middle;
}

.video .action-counts {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   flex-shrink: 0;
   justify-content: flex-start;
}

.video .action-counts .comments-count-container span.comments-count {
   line-height: initial !important;
   vertical-align: 2px;
}

.video .comments-like-div {
   display: flex;
}


.video .comment-action {
   text-decoration: none !important;
}

.video .comment-action img {
   background: transparent !important;
}

.video .content-holder div {
   overflow: visible;
}

.video .post-profile {
   overflow: visible;
}

.video .share-text-holder button {
   display: inline-flex;
   padding: 4px 0;
   background: none;
   border: 1px solid transparent;
   box-sizing: border-box;
   border-radius: 40px;
   cursor: pointer;
}

.video .forward-share {
   width: 16px !important;
   height: 16px !important;
   display: inline-block !important;
   background: none !important;
}

.video .share-text-holder span {
   font-size: 14px;
   font-weight: 500;
   color: #A7A7A7;
   padding-left: 2px;
}

.video .share-icon-holder {
   width: 40px;
   height: 40px;
   margin: 0px 4px;
}

.video .share-top {
   float: right;
   position: relative;
}

.video .event-info-div .share-top {
   position: absolute;
   top: 20px;
   right: 20px;
}

.video .share-top .share-icon-holder {
   margin: 0px 4px;
   text-decoration: none;
}

.video .share-icon-holder img {
   width: 40px;
   height: 40px;
   display: inline-block !important;
   background: none !important;
   vertical-align: top;
   object-fit: contain;
}

.video .share-text-holder.share-btn .action-text {
   display: unset !important;
}

.related-videos-holder {
   display: block;
   position: relative;
}

.related-container {
   position: relative;
   overflow: scroll !important;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   padding-bottom: 16px;
}

.related-container .related-video {
   width: 220px;
   margin-right: 20px;
   flex-shrink: 0;
   position: relative;
   display: block;
}

.related-container .related-video:last-child {
   margin-right: 0;
}

.related-video>a {
   position: absolute;
   width: 100%;
   height: 100%;
   display: block;
   top: 0;
   left: 0;
}

.related-video-thumb {
   width: 220px;
   height: 130px;
   object-fit: cover;
   border-radius: 4px;
   margin-bottom: 8px !important;
}

.related-video-footer h4 {
   font-weight: 500;
   font-size: 14px;
   color: var(--textColor);
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 6px;
}

.related-video-footer span {
   display: block;
   font-size: 12px;
   line-height: normal;
}

.related-video-duration {
   position: absolute;
   display: block;
   right: 6%;
   top: 44%;
   font-weight: bold;
   font-size: 10px;
   color: #ffffff;
   padding: 6px 8px;
   border-radius: 4px;
   background: rgba(0, 0, 0, 0.6);
   line-height: normal;
}

.channel-section>h3 {
   font-size: 14px;
   font-weight: 700;
   color: var(--textColor);
   line-height: normal;
   margin-bottom: 20px;
   text-transform: uppercase;
}

.playback-icon {
   width: 28px;
   height: 28px;
   position: absolute;
   top: calc(60px - 14px);
   left: calc(50% - 14px);
   background-size: cover;
   background-image: url("/assets/img/video-play-button.svg");
}

.related-video-anchors>div {
   width: 40px;
   height: 40px;
   position: absolute;
   top: 20%;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   cursor: pointer;
   box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
}

.related-video-anchors #right {
   right: -15px;
}

.related-video-anchors #left {
   left: -15px;
   transform: rotate(180deg);
}

.video .related-video-anchors img {
   background: transparent !important;
   width: 20px;
   height: 20px;
   filter: invert(70%) sepia(91%) saturate(2020%) hue-rotate(346deg) brightness(90%) contrast(85%) !important;
}

.video .story-user-actions .user-action-element span.comments--badge {
   position: absolute;
   font-size: 10px !important;
   line-height: 14px;
   font-weight: 500;
   background: var(--active-color);
   color: #fff !important;
   padding: 2px;
   border-radius: 50%;
   width: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 16px;
   top: 1px;
   left: 16px;
}

@media all and (max-width:1024px) {

   .related-video-anchors #right,
   .related-video-anchors #left {
      display: none !important;
   }

   .video .story-user-actions .user-action-element span.comments--badge {
      left: 18px;
      top: 2px;
   }

   .video .story-user-actions .user-action-element {
      width: unset !important;
      margin-right: 0;
   }

   .auto .one-related-video {
      padding: 8px 6px !important;
   }
}

/* auto play */
.auto .related-videos-holder {
   display: block;
   position: relative;
   padding: 16px 0;
   background: var(--surface-color);
   box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.07);
   border-radius: 8px;
   float: left;
   clear: both;
   margin: 12px 0;
}

.auto .related-videos-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding: 0 16px;
   margin-bottom: 8px;
}

.auto .related-videos-header label.autoplay,
.auto .up-next-text {
   font-weight: bold;
   font-size: 14px;
   color: var(--textColor);
   flex-shrink: 0;
}

.auto .related-videos-header label.autoplay {
   margin-right: 12px;
}

.auto .up-next-text {
   text-transform: uppercase;
   flex: 1;
}

.auto .related-videos-container {
   display: block;
   position: relative;
   max-height: 505px;
   overflow: auto !important;
}

.auto .one-related-video-info {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.auto .switch {
   position: relative;
   display: inline-block;
   width: 30px;
   height: 18px;
}

.auto .switch input {
   display: none;
}

.auto .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
}

.auto .slider:before {
   position: absolute;
   content: "";
   height: 16px;
   width: 16px;
   left: 1px;
   top: 1px;
   background-color: #FFFFFF;
   -webkit-transition: .4s;
   transition: .4s;
}

.auto input:focus+.slider {
   box-shadow: 0 0 1px #2196F3;
}

.auto input:checked+.slider {
   background-color: #d32f2f;
}

.auto input:checked+.slider:before {
   -webkit-transform: translateX(12px);
   -ms-transform: translateX(12px);
   transform: translateX(12px);
}

.auto .one-related-video-link {
   position: relative;
   margin-right: 8px;
   display: inline-flex;
}

.auto .slider.round {
   border-radius: 34px;
}

.auto .slider.round:before {
   border-radius: 50%;
}

.auto .one-related-video {
   padding: 8px 16px;
   display: flex;
   align-items: flex-start;
   text-decoration: none;
   position: relative;
}

.auto .one-related-video a {
   text-decoration: none;
   color: var(--textColor);
}

.auto .one-related-video-link:hover::before {
   background-color: rgba(255, 255, 255, 0.45);
}

.auto img.related-video-thumbnail {
   width: 130px;
   height: 85px;
   border-radius: 4px;
   object-fit: cover;
}

.auto .related-video-title {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.2;
   color: #2D2D2D;
   display: block;
}

.auto .video-meta-info {
   line-height: 1;
}

.auto .video-meta-info .timeago {
   margin-top: 6px;
}

.auto .video-meta-info .timeago img {
   width: 12px;
   height: 12px;
}

.auto .video-meta-info .keeda-time-since {
   display: block;
   font-size: 12px;
   line-height: 1.33;
   color: #808080;
}

.auto .related-video-duration {
   bottom: 8px;
   right: 8px;
   background: rgba(0, 0, 0, 0.6);
   color: #fff;
   opacity: 0.8;
   padding: 0 5px;
   border-radius: 2px;
   font-size: 12px;
   position: absolute;
}

.auto .related-videos-container .one-related-video.currently-playing {
   background: rgba(211, 47, 47, 0.1);
}

.auto .one-related-video.currently-playing .one-related-video-link::before {
   content: "";
   position: absolute;
   background: url("//staticgf.sportskeeda.com/skm/assets/images/video/music-animation.gif?width=75&height=75") no-repeat;
   background-size: cover;
   background-position: center;
   width: 30px;
   height: 30px;
   top: calc(50% - 15px);
   left: calc(50% - 15px);
}

.auto .related-videos-container .one-related-video.currently-playing::before {
   content: "";
   position: absolute;
   top: 46.5px;
   left: 4px;
   width: 0;
   height: 0;
   border-top: 4px solid transparent;
   border-right: 8px solid #D32F2F;
   border-bottom: 4px solid transparent;
}


/* ============= match score =================== */
.cricket-block {
   float: left;
   width: 100%;
}

.cricket-block.score-strip-holder {
   position: sticky;
   top: 50px;
   z-index: 1000;
}

.cricket-block.score-strip-holder .row {
   margin-top: 0px;
}

.matchScore td {
   padding: 4px 10px;
   font-size: 14px;
}

.matchScore table {
   width: 600px;
   border-spacing: 0;
   border: 0 !important;
   float: left;
   display: table !important;
}

.matchScore .link {
   cursor: pointer;
   border: solid 1px #B6B6B6;
   color: #646464;
   display: block;
}

.score {
   font-weight: bold;
   margin-right: 10px;
   margin-left: auto;
}

.matchScore h6 {
   margin: 6px 0 6px 0;
   font-size: 11px;
   float: left;
   width: 100%;
}

.small-info {
   font-size: 12px;
}

.matchScore h4 {
   font-size: 16px;
   margin: 6px 0;
   clear: both;
}

.matchScore h2 {
   font-size: 22px;
   margin: 6px 0;
   float: left;
   clear: both;
}

.one-ball {
   font-size: 12px;
   padding: 0 5px;
}

.over-mini {
   margin: 0 8px;
   padding-right: 8px;
   font-size: 11px;
   background: #ECECEC;
   padding: 3px;
   border-radius: 3px;
}

.matchScore tr.highlight-this {
   font-weight: bold;
   background: #E3E3E3 !important;
}

.timestamp {
   font-size: 11px;
   color: #4A4A4A;
}

.matchScore hr {
   border-color: #000;
   display: block;
   clear: both;
}

.cricket-menu {
   margin: 0;
   float: left;
   width: 100%;
   background-color: #fff;
}

.cricket-menu a,
.cricket-menu a:focus,
.cricket-menu a:hover {
   color: #000;
   margin: 0 25px 0 0;
   padding-bottom: 5px;
   text-decoration: none;
   display: block;
   float: left;
   border-bottom: solid 3px transparent;
   font-size: 14px;
}

.cricket-menu a.active {
   border-bottom: solid 3px #d32f2f;
   color: #d32f2f;
}

.matchScore .highlight {
   background: #F5F5F5;
   padding: 8px;
}

.score-now-playing {
   display: flex;
   align-items: center;
}

.score-strip {
   color: #555555;
   display: flex;
   align-items: center;
}

.desktop-footer {
   background: #292929
}

#match-content {
   padding-bottom: 40px;
   float: left;
   width: 100%;
}

#sidebar-ad {
   width: 350px;
   background: #eee;
   float: left;
   padding-bottom: 25px;
   text-align: center;
   margin-top: 100px;
}

.holder {
   float: left;
   width: 100%;
   clear: both;
}

.flag-country {
   flex: 0 0 40%;
   max-width: 40%;
   display: flex;
   align-items: center;
}

.matchScore footer {
   padding: 10px;
   background: #2d2d2d;
   color: #ccc;
   clear: both;
}

.matchScore footer a {
   color: #fff;
}

.matchScore .footer-links {
   padding-left: 17px;
}

.matchScore .cricket-nav {
   background: #b22222;
   width: 100%;
   height: 57px;
   min-width: 1120px;
}

.matchScore .nav-holder {
   width: 1120px;
   margin: 0 auto;
}

.matchScore .left-float {
   float: left;
}

.matchScore ul {
   list-style: none;
}

.cricket-header {
   font-weight: bold;
   color: #fff;
   font-size: 24px;
   margin-top: 18px;
}

.matchScore ul.cricket-top-menu {
   float: left;
   padding-left: 10px;
   display: inline-block;
   margin: 0px;
   margin-top: 16px;
}

.matchScore ul.cricket-top-menu li {
   float: left;
   font-weight: bold;
   text-transform: uppercase;
   position: relative;
   float: left;
   margin: 0;
   padding-right: 20px;
   font-size: 15px;
   line-height: 2.8;
}

.matchScore ul.cricket-top-menu li a {
   color: #fff;
   display: block;
   float: left;
   text-align: left;
}

.triangle:after {
   content: '';
   position: absolute;
   top: 48%;
   right: 10px;
   left: auto;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 4px 4px 0 4px;
   border-color: #fff transparent transparent transparent;
}

.match-info {
   display: inline-block;
   margin: 0 5px 0px 0;
   line-height: 1.5;
}

.match-info.match-result {
   padding: 0px 16px;
}

.match-info.preview-status-start-time {
   padding: 10px 16px 0;
}

.secondary-info {
   font-size: 13px;
}

.match-venue-etc {
   float: left;
   font-size: 14px;
   color: #606061;
   margin-right: 25px;
}

.matchScore .news-title {
   font-size: 19px;
   font-weight: bold;
}

.matchScore .news-date {
   float: left;
   color: #737373;
   padding-left: 3%;
   position: absolute;
   bottom: 2%;
   left: 30%;
   font-size: 15px;
}

.matchScore .smaller {
   font-size: 11px;
   border-bottom: 1px solid lightgrey;
}

.matchScore .content-holder table tr {
   border-bottom: none !important;
}

.matchScore .country {
   font-size: 16px;
   font-weight: 550;
}

.matchScore .score-strip-holder {
   width: 100%;
   overflow: hidden;
   border-radius: 8px;
   border: 1px solid #E9E9E9;
}

.matchScore .score-header {
   display: block;
   float: left;
   width: 100%;
   height: 24px;
   box-shadow: 0 1px 0 0 #e8e8e8;
   padding-left: 15px;
   background-color: #fff;
}

.matchScore .score-header h1,
.matchScore .score-header span {
   font-size: 14px;
   font-weight: 550;
   line-height: 24px;
   margin: 0;
}

.matchScore .score-strip .country,
.matchScore .score-strip .score {
   font-size: 16px;
   font-weight: initial;
   vertical-align: middle;
   display: inline-block;
   line-height: normal;
}

.matchScore .score-primary-partition {
   float: left;
   width: 60%;
   padding-top: 10px;
}

.matchScore .unset-box-shadow {
   box-shadow: none;
}

.matchScore .score-secondary-partition {
   float: left;
   width: 40%;
   padding: 8px 10px;
   box-shadow: -10px 0 1px -10px #666666;
}

.matchScore .match_info.cricket-block {
   padding: 0px;
}

.matchScore .flag {
   display: inline-block;
   width: 26px;
   height: 26px;
   margin: 0 8px 0 0;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 12px;
}

.matchScore .run-rate-div {
   padding: 0 16px;
}

.recent-overs-label {
   font-size: 12px;
   color: #808080;
}

.recent-overs-heading {
   font-weight: 700;
}

.recent-overs-marker {
   width: 0px;
   height: 0px;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 8px solid #555555;
   display: inline-block;
   flex: auto;
   flex: 0.7;
}

.run-rate-value,
.bold-text {
   font-size: 13px;
   color: #666666;
   font-weight: 400;
}

#last-wkt-info {
   margin-left: 10px;
   width: 98% !important;
}

.player-of-match {
   width: 98% !important;
   padding-top: 5px !important;
}

.player-of-match .mom-info {
   margin-left: 6px;
   color: #555555;
}

.full-width {
   width: 100%;
}

.clearfix:after {
   content: " ";
   /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.one-over-div {
   background-color: #d9d9d9;
   display: inline-block;
   padding: 5px 2px;
   border-right: 2px solid #fff;
}

.one-ball-div {
   display: inline-block;
   width: 24px;
   height: 24px;
   background-color: #ffffff;
   border: solid 0.8px #555555;
   border-radius: 50%;
   font-size: 9px;
   text-align: center;
   vertical-align: middle;
   margin: 0 2px;
}

.mobile-ad-holder {
   text-align: center;
}

.tabs-container {
   border-bottom: none !important;
   border: none;
   padding: 0;
   display: flex;
   justify-content: space-evenly;
}

.match-details-heading {
   font-size: 14px;
   font-weight: 550;
   color: #555555;
   margin-top: 20px;
   float: left;
   width: 100%;
   background-color: #FFF;
   padding-left: 20px;
   padding-top: 1.44%;
   padding-bottom: 1.44%;
}

.match-details-div {
   width: 740px;
   border-radius: 3px;
   background-color: #ffffff;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   float: left;
}

.match-details-row {
   display: flex;
   padding: 0 20px;
   min-height: 36px;
   align-items: center;
   box-shadow: inset 0 -1px 0 0 #e8e8e8;
   font-size: 14px;
}

.match-details-table :last-child.match-details-row {
   box-shadow: none;
}

.match-details-label {
   width: 30%;
}

.match-details-value {
   width: 70%;
   float: left;
}

.playing-11-div {
   padding: 15px 20px;
   border-top: 1px solid #ababab;
   line-height: 1.5;
}

.playing-11-heading {
   font-size: 13px;
   font-weight: 500;
   color: #808080;
   line-height: 24px;
   text-transform: uppercase;
}

.playing-11-one-player {
   display: inline-block;
   font-size: 14px;
}

.score-now-playing {
   margin-bottom: 8px;
   padding-left: 15px;
}

.ticker {
   color: #317DCA;
   font-weight: bold;
   font-size: 14px;
}

.match_info {
   padding-left: 15px;
   margin-bottom: 5px;
}

.padding-fix {
   padding-left: 15px;
   padding-top: 5px;
}

.heading-highlight {
   color: #242424;
}

.squad-table a {
   color: #0277BD !important;
   text-decoration: underline !important;
}

.cmc-infinite-ads {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 10px 0px;
   clear: both;
   width: 100%;
   min-height: 50px;
}

.ad-wrapper .ad-placeholder.default-variant {
   /* height: 50px; */
}

.score-section a,
.innings-table-row a,
span.country.bind a {
   text-decoration: none !important;
}

.fb-widget {
   width: 100%;
   clear: both;
   padding-top: 10px;
}

.horizontal-divider-small {
   margin-top: 10px;
   color: #666666;
}

.score-over {
   margin-left: auto;
   flex: 0 0 56%;
   max-width: 56%;
   text-align: right;
}

.overs-info {
   margin-top: 3px;
   font-size: 16px;
   font-weight: 400;
   color: #666666;
   float: right;
}

.matchScore .p-l-0 {
   padding-left: 0px !important;
}

.matchScore .current-run-rate-div,
.matchScore .required-run-rate-div,
.matchScore .over-left-today-div {
   font-size: 13px !important;
}

.matchScore .score-strip-holder {
   border-radius: 0;
}

.home-team {
   width: 50%;
   flex: 1;
}

.away-team {
   width: 50%;
   flex: 1;
}

.all-teams {
   width: 50%;
   flex: 1;
}

.bench-span {
   font-weight: bold;
   font-size: 12px;
}

.matchScore .team-name {
   font-weight: bold;
}

.preview-content-span {
   margin: 5px 5px;
   padding-right: 10px;
}

.preview-content-span span {
   font-size: 18px;
   font-weight: bold;
}

.preview-content-span .preview-content-span-text {
   display: inline-block;
}

.unlock-11-cmc {
   font-size: 14px !important;
   font-weight: 100 !important;
   text-decoration: underline;
   clear: both;
   padding: 5px;
}

.unlock-11-cmc a {
   color: #008200 !important;
}

.preview-data {
   margin: 0;
   width: 100%;
}

.injury-data,
.preview-point {
   width: 99% !important;
}

.expert-comment-text {
   width: 98% !important;
}

.expert-img img {
   background: none !important;
}

.probable-team,
.bench-players,
.injury-data,
.key-players,
.preview-points {
   width: 98%;
}

.probable-team li {
   list-style: none;
   background: white;
   padding: 2px 5px;
   font-size: 12px;
}

.bench-players li {
   list-style: none;
   background: white;
   padding: 2px 5px;
   font-size: 12px;
}

.probable-team li:nth-child(odd) {
   list-style: none;
   background: #f6f6f6;
   padding: 2px 5px;
   font-size: 12px;
}

.bench-players li:nth-child(odd) {
   list-style: none;
   background: #f6f6f6;
   padding: 2px 5px;
   font-size: 12px;
}

.injury-data li {
   list-style: none;
   background: white;
   padding: 2px 5px;
   font-size: 12px;
}

.injury-data li:nth-child(odd) {
   list-style: none;
   background: #e8e8e8;
   padding: 2px 5px;
   font-size: 12px;
}

.preview-points li {
   list-style: none;
   background: white;
   padding: 2px 5px;
   font-size: 12px;
}

.preview-points li:nth-child(odd) {
   list-style: none;
   background: #e8e8e8;
   padding: 2px 5px;
   font-size: 12px;
}

.key-players li {
   list-style: none;
   background: white;
   padding: 2px 5px;
   font-size: 12px;
}

.key-players li:nth-child(odd) {
   list-style: none;
   background: #e8e8e8;
   padding: 2px 5px;
   font-size: 12px;
}

.player-form-up {
   color: green;
   float: right;
   transform: translateY(4px);
   font-size: 14px;
}

.player-form-down {
   color: red;
   float: right;
   transform: translateY(4px);
   font-size: 14px;
}

.player-role {
   display: inline-block;
}

.player-role img {
   height: 20px !important;
   width: 20px !important;
   background-color: inherit !important;
   transform: translateY(4px);
}

.expert-content {
   margin-bottom: 15px;
}

.expert-profile {
   text-align: left;
}

.expert-img {
   display: inline-block;
}

.expert-img a {
   display: block;
}

.expert-img img {
   height: 50px;
   width: 50px;
   border-radius: 50%;
   padding: 5px;
   margin: 0 5px;
}

.expert-name {
   display: inline-block;
   transform: translateY(-25px);
   font-size: 12px;
}

.expert-comment-text {
   width: 97%;
   padding: 0 5px;
   margin-left: 5px;
   font-size: 12px;
   font-weight: 600;
}

.facts-container {
   padding: 0 5px;
   display: block;
   position: relative;
   margin-bottom: 10px;
}

.facts-info {
   padding: 0 5px;
   margin: 5px 0;
   display: flex;
   position: relative;
}

.facts-info label {
   font-size: 13px;
   font-weight: 600;
   display: inline-block;
   width: 26%;
}

.facts-info span {
   font-size: 13px;
   display: inline-block;
   width: 74%;
}

.facts-info:nth-child(odd) {
   background: #f6f6f6;
}

.venue-stat .facts-info {
   width: 49%;
   display: inline-block;
   background: #ffffff;
}

.venue-stat .facts-info label {
   width: 100%;
}

.preview-fantasy-tips .preview-fantasy-heading {
   font-size: 18px;
   font-weight: bold;
   line-height: 3;
}

.preview-fantasy-tips .fantasy-tips-div {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 15px;
   justify-content: space-between;
   padding-right: 10px;
}

.preview-fantasy-header-row {
   display: flex;
   background-color: #fff;
   font-size: 12px;
}

.cmc-section-tab {
   padding: 10px 10px 8px;
   font-size: 13px;
   font-weight: 550;
   color: #555555;
   cursor: pointer;
   border-bottom: 2px solid transparent;
}

.cmc-section-tab:hover,
.header-hovered {
   color: #D32F2F !important;
   border-bottom-color: #D32F2F;
}

.cmc-section-tab.flicks-tab img {
   background: unset;
   width: auto;
   height: 24px;
   margin: 0;
}

.empty-state-holder {
   display: flex;
   flex-direction: row;
   margin-top: 16px;
   margin-bottom: 16px;
}

.all-innings-parent-div {
   float: left;
   border-radius: 4px;
   width: 100%;
   margin-top: 16px;
}

.playing-11-tab-content .empty-state-holder {
   margin-top: 28px;
}

.empty-state-holder img {
   height: 80px;
   width: auto;
   margin: 0 12px;
}

.empty-state-holder .empty-state-msg {
   background: #E1EBFF;
   padding: 14px 16px;
   border: 1px solid #0B65F0;
   flex: 1;
   border-radius: 12px 0px 0px 12px;
   border-right: 0;
}

.empty-state-msg .empty-state-msg-title {
   margin: 0;
   font-size: 12px;
   line-height: 15px;
   font-weight: bold;
   text-transform: uppercase;
   color: #0B65F0;
   margin-bottom: 8px;
   text-align: center;
}

.empty-state-msg .empty-state-msg-desc {
   padding: 0;
   margin: 0;
   font-weight: normal;
   font-size: 12px;
   line-height: 124%;
   color: #2D2D2D;
}

.empty-state-msg-desc span {
   color: #D32F2F;
   font-weight: bold;
}

.fantasy-header {
   position: relative;
}

.related-articles-section {
   float: left;
   width: 100%;
   clear: both;
   background-color: #fff;
   padding-bottom: 10px;
   overflow: hidden;
}

.related-articles-section .related-articles-header {
   margin: 0;
   font-weight: 700;
   font-size: 14px;
   padding: 12px 16px;
   border-bottom: 1px solid #F5F5F5;
}

.related-articles-header img {
   height: 18.33px;
   width: 15px;
   margin-right: 8px;
   background: none;
   vertical-align: sub;
   display: inline-block;
}

.related-articles-section #stories-list {
   background: #fff;
}

#bet365-widget {
   transition: height 1s ease-in-out 0s;
   height: 0px;
}

@media (min-width: 480px) {
   .preview-fantasy-heading {
      display: inline-block;
   }

   .fantasy-toggle {
      display: inline-block;
      margin-left: 36px !important;
   }
}

@media (max-width:1024px) {

   .facts-info label,
   .venue-stat .facts-info label,
   .facts-info span {
      width: 50%;
   }

   .venue-stat .facts-info {
      width: 100%;
      display: flex;
   }

   .venue-stat .facts-info:nth-child(odd) {
      background: #f6f6f6;
   }
}

@media (max-width: 540px) {
   .fantasy-tips-div .single-fantasy-tip {
      flex: 0 100%;
   }
}

@media (max-width: 420px) {

   .probable-team li,
   .bench-players li {
      display: flex;
      font-size: 11px !important;
      align-items: center;
   }

   .player-role {
      width: 26px;
   }

   .player-name {
      display: inline-block;
      width: 80%;
   }

   .player-form-up,
   .player-form-down {
      transform: none !important;
      float: none !important;
   }
}

.empty-state-holder img {
   height: 120px;
   width: auto;
   margin-left: 0;
   margin-right: 64px;
   background: none;
}

.empty-state-holder .empty-state-msg {
   padding: 20px 28px;
   border-radius: 12px;
   border-right: 1px solid #0B65F0;
}

.empty-state-msg .empty-state-msg-title {
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 16px;
}

.empty-state-msg .empty-state-msg-desc {
   font-size: 20px;
   line-height: 124%;
}

.cmc-inside-tabs .cmc-scrollable-tab {
   position: relative;
}

.cmc-inside-tabs {
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
}

.predictor-tab-header .new-predict-tab {
   font-weight: 700;
   font-size: 8px;
   line-height: 12px;
   text-align: center;
   color: #FFFFFF;
   background: #37C77A;
   border-radius: 2px;
   width: 26px;
   position: absolute;
   top: 2px;
   right: 0;
}

#match-content .panel {
   border: 1px solid #E9E9E9;
   border-radius: 12px;
   overflow: hidden;
   margin-top: 16px;
   width: 100%;
   margin-bottom: 0;
   box-shadow: 0px 4px 4px 0px #E9F2FA;
   display: inline-flex;
   flex-direction: column;
}

#match-content .panel-heading {
   background: #E5E8E8;
   padding: 6px 20px;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   color: #474747;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

#match-content .panel>.panel-body {
   width: 100%;
   display: inline-flex;
   padding: 16px 20px;
}

#match-content .panel>.panel-body.no-padding {
   padding: 0;
}

#match-content .panel>.panel-heading>.panel-heading-text {
   display: flex;
   gap: 8px;
   align-items: center;
}

#match-content .panel>.panel-heading>.panel-heading-text .lineups-text {
   border-radius: 2px;
   border: 1px solid #2E7D32;
   background: #E9F7F2;
   padding: 2px 4px;
   color: #2E7D32;
   font-size: 10px;
   font-weight: 600;
   line-height: 15px;
}

#match-content .panel.squad>.panel-heading>.panel-heading-text .lineups-text {
   border: 1px solid #DF9035;
   background: #FFF0E0;
   color: #DF9035;
}

#match-content .panel .panel-heading img.playing-eleven-icon {
   top: 0px;
   background: transparent;
   right: 5px;
   position: relative;
   height: 8px;
   width: 14px;
   cursor: pointer;
   margin: 0;
}

#match-content .panel>.panel-heading>.panel-heading-text .last-five {
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
   color: #ADADAD;
}

#match-content .panel>.panel-heading>.panel-heading-text .stat-match-format {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   color: #ADADAD;
}

.stat-match-format:after {
   content: ")"
}

.stat-match-format:before {
   content: "("
}

#match-content .panel>.panel-heading .point-table {
   display: flex;
   align-items: center;
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
}

#match-content .panel>.panel-heading .point-table button {
   color: #0B65F0;
   text-decoration: none;
   background: transparent;
   gap: 6px;
   align-items: center;
   border: none;
   display: flex;
   cursor: pointer;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
   font-size: 12px;
   line-height: 18px;
}

#match-content .panel>.panel-heading .point-table img {
   background: transparent;
   width: auto;
}

@media (max-width: 767px) {
   #match-content .panel {
      border: unset;
      border-radius: unset;
      overflow: hidden;
      box-shadow: unset;
   }

   #match-content .panel-heading {
      background: #F5F5F5;
      padding: 5px 16px;
   }

   #match-content .feedback-parent-container .feedback-cta-container {
      margin: 12px 0 0;
   }

   #match-content .panel>.panel-body {
      padding: 12px 16px 0;
   }
}


.prediction-poll-v2 .poll-question {
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   color: #474747;
}

.prediction-poll-v2 {
   border: 1px solid #E9E9E9;
   margin-top: 16px;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}

.prediction-poll-v2 .info-main-sub-headings {
   width: 100%;
   background: #E5E8E8;
   padding: 5px 16px;
}

.prediction-poll-v2 .prediction-poll-content {
   width: 100%;
}

.prediction-poll-v2.poll-card-content .poll-question,
.commentary .poll-question {
   font-weight: bold;
   font-size: 14px !important;
   line-height: 20px;
   color: #D32F2F;
   margin: 16px 0;
   padding: 0;
   margin-top: 0;
}

.commentary .question-ans {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.prediction-poll-v2 .poll-card-content .poll-option,
.commentary .poll-option {
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   box-sizing: border-box;
   border-radius: 20px;
   padding: 8px 16px;
   margin-bottom: 0px;
   cursor: pointer;
   position: relative;
   min-height: 42px;
   overflow: hidden;
   display: flex;
   align-items: center;
}

.prediction-poll-v2 .poll-card-content .poll-option-answered,
.commentary .poll-option-answered {
   text-align: left;
   cursor: initial;
}

.prediction-poll-v2 .poll-option .poll-option-color,
.commentary .poll-option .poll-option-color {
   position: absolute;
   background: #E1EBFF;
   height: 100%;
   top: 0;
   left: 0;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   transition: all 1s;
}

.prediction-poll-v2 .poll-option-selected .poll-option-color,
.commentary .poll-option-selected .poll-option-color {
   background: #2196F3;
}

.prediction-poll-v2 .poll-card-content .poll-option-text,
.commentary .poll-option-text {
   padding: 0;
   margin: 0;
   font-style: normal;
   font-weight: 500;
   font-size: 16px !important;
   line-height: 24px;
   color: #474747;
   position: relative;
}

.poll-option-text.polls-text {
   padding-right: 30px;
}

.prediction-poll-v2 .poll-option-answered .poll-option-text,
.commentary .poll-option-answered .poll-option-text {
   max-width: 80%;
}

.prediction-poll-v2 .poll-card-content .poll-option-percent,
.commentary .poll-option-percent {
   position: absolute;
   top: 10px;
   right: 10px;
   width: auto;
   color: #000000;
}

.commentary-poll-section .commentary.poll-content {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.commentary .poll-count {
   font-size: 14px !important;
   font-weight: 400;
   text-align: right;
   padding: 0;
   margin-bottom: 4px;
}

.commentary .poll-question {
   margin: 0px;
}

.prediction-poll-v2 .winning-team {
   font-size: 16px;
   color: #2D2D2D;
   font-weight: 500;
}

.prediction-poll-v2 .survey-poll-content .poll-option:hover {
   border: 1px solid #0B65F0;
}

.prediction-poll-v2 .cmc-survey-question,
.prediction-poll-v2 .cmc-survey-question span {
   background: #0B65F0;
   color: #FFFFFF;
}

.prediction-poll-v2 .survey-poll-content {
   background: #E1EBFF;
}

.prediction-poll-v2 .prediction-poll {
   border-radius: 0;
}

.prediction-poll-v2 .poll-card-content .poll-count {
   font-weight: 400;
   color: #999999;
   font-size: 14px !important;
   line-height: 21px;
   margin-bottom: 0px;
   text-align: right;
}

.prediction-poll-v2 .preview-card-content.poll-card-content {
   padding: 20px 20px 12px !important;
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.prediction-poll-v2 .poll-card-content .poll-question {
   margin-top: 16px;
}

@media (max-width:1024px) {
   .prediction-poll-v2 .info-main-sub-headings {
      background: #F5F5F5;
   }

   .prediction-poll-v2 .preview-card-content.poll-card-content {
      padding: 16px !important;
   }

   .prediction-poll-v2 .poll-card-content .poll-count {
      font-weight: 400;
      font-size: 12px !important;
      line-height: 14px;
   }

   .prediction-poll-v2 .poll-card-content .poll-option-text,
   .commentary .poll-option-text {
      font-weight: 500;
      font-size: 14px !important;
      line-height: 21px;
      padding: 0;
      margin: 0;
   }

   .prediction-poll-v2 .poll-card-content .poll-option {
      padding: 6px 16px;
   }
}

/**** updated info tab CSS****/
.info-cmc .arrow-up {
   transform: rotate(0deg);
}

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

.info-cmc .preview-sections {
   border: 1px solid #E9E9E9;
   margin-bottom: 16px;
   width: 100%;
   float: left;
   display: flex;
   flex-wrap: wrap;
}

.info-cmc .info-main-sub-headings {
   width: 100%;
   background: #E5E8E8;
   padding: 5px 16px;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   color: #474747;
   float: left;
}

.info-cmc img.playing-eleven-icon {
   float: right;
   top: 7px;
   background: transparent;
   right: 5px;
   position: relative;
   height: 8px;
   width: 14px;
   cursor: pointer;
}

.info-cmc #preview-team-card-holder {
   width: 100%;
}

.info-cmc .team-card .team-holder {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.info-cmc .team-holder span {
   color: #999999;
   text-align: center;
   font-size: 12px;
   line-height: 14px;
   text-transform: uppercase;
   font-weight: normal;
   margin-bottom: 16px;
}

.info-cmc .team-holder span:first-child,
.info-cmc .team-holder span:last-child {
   font-size: 16px;
   color: #474747;
   font-weight: bold;
   line-height: 20px;
   display: inline-flex;
   align-items: center;
   width: 47%;
}

.info-cmc a.team-flag-anchor {
   text-decoration: none;
   color: #474747;
   align-items: center;
   display: flex;
}

.info-cmc .team-holder span:first-child {
   text-align: left;
}

.info-cmc .team-holder span:last-child {
   text-align: right;
   justify-content: end;
}

.info-cmc .team-holder .team-flag {
   height: 22px;
   width: 33px;
   object-fit: cover;
}

.info-cmc .team-holder img[src=""].team-flag {
   opacity: 0;
}

.info-cmc .team-holder img.team-flag {
   border: none;
   background: none;
   object-fit: contain;
}

.team-holder span:first-child .team-flag {
   margin-left: 12px;
   margin-right: 10px;
}

.team-holder span:last-child .team-flag {
   margin-left: 10px;
   margin-right: 12px;
}

.info-cmc .preview-card-content .squads-holder {
   display: flex;
   padding: 0 12px;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 16px;
   gap: 10px;
}

.info-cmc .squads-holder .team-squad {
   padding: 10px 10px 4px;
   color: #2D2D2D;
   font-size: 16px;
   line-height: 20px;
   font-weight: 500;
}

.info-cmc .squads-holder .team-squad.team-squad-left {
   width: 100%;
   text-align: left;
   padding: 0;
   flex: 1;
}

.info-cmc .squads-holder .team-squad.team-squad-right {
   width: 100%;
   text-align: right;
   padding: 0;
   flex: 1;
}

.info-cmc .squads-holder .team-squad.team-squad-left .player-role-info:last-child .player-role,
.info-cmc .squads-holder .team-squad.team-squad-right .player-role-info:last-child .player-role {
   margin-bottom: 0px !important;
}

.info-cmc .squads-holder .bench-players .team-squad.team-squad-right,
.info-cmc .squads-holder .bench-players .team-squad.team-squad-left {
   flex: 0.48 1 1%;
}

.info-cmc .team-squad.team-squad-border {
   width: 10px;
   padding: 0px;
}

.info-cmc .team-squad.team-squad-border hr {
   border: none;
   border-right: 1px solid #F5F5F5;
   width: 1px;
   height: 100%;
   margin: 0px auto;
}

.info-cmc .team-squad .squad-player {
   align-items: center;
   color: #2D2D2D;
   text-decoration: none;
   display: flex;
}

.info-cmc .team-squad a.squad-player {
   color: #0B65F0;
}

.info-cmc .team-squad .player-role {
   color: #999999;
   padding: 0;
   margin-bottom: 0px;
   font-size: 16px !important;
   line-height: 19px;
   text-transform: capitalize;
   font-weight: normal;
}

.info-cmc .team-squad.team-squad-left .squad-player .role-icon {
   margin-left: 2px;
}

.info-cmc .team-squad.team-squad-right .squad-player {
   justify-content: flex-end;
}

.info-cmc .team-squad.team-squad-right .squad-player img {
   margin-right: 2px;
}

.info-cmc .preview-card-content .squads-holder .bench-players {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.info-cmc .bench-players .bench-title {
   width: 100%;
   background: #FAFAFA;
   color: #2D2D2D;
   font-size: 14px;
   text-align: center;
   margin: 16px 0;
   font-weight: 500;
}

.info-cmc .toggle-btn {
   border-radius: 4px;
   color: #474747;
   font-size: 14px;
   line-height: 16px;
   background: #E9E9E9;
   font-weight: 500;
   cursor: pointer;
   border: none;
   outline: none;
   padding: 4px 12px;
}

.info-cmc .squad-player .role-icon {
   vertical-align: text-bottom;
   width: 20px !important;
   height: 20px !important;
   object-fit: cover;
   filter: invert(70%) sepia(91%) saturate(2020%) hue-rotate(346deg) brightness(90%) contrast(85%);
   display: inline-block;
   background: none;
   border-radius: 0;
}

.info-cmc .preview-sections .preview-card-holder {
   width: 100%;
}

.info-cmc .team-squad .squad-player span {
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 2px;
   display: inline-block;
   text-transform: capitalize;
}

.info-cmc .team-card .bench-players {
   width: 100%;
}

.info-cmc span.announced {
   font-size: 15px;
   font-weight: 500;
}

.info-cmc .player-role-info {
   display: block;
   min-height: 52px;
}

.info-cmc .info-main-sub-headings.info-playingxi {
   cursor: pointer;
}

.team-squad .player-role-info .tip-role-div {
   display: flex;
   align-items: center;
   margin-bottom: 12px;
   gap: 12px;
   margin-top: 1px;
}

.team-squad .player-role-info .tip-role-div p.player-role {
   width: auto;
}

.team-squad .player-role-info .tip-role-div .player-tip-tag {
   padding: 1px 6px;
   background: #FBEBEB;
   border-radius: 19px;
   font-size: 12px;
   color: #D32F2F;
   cursor: pointer;
   font-weight: 500;
   line-height: 15px;
   border: 1px solid transparent;
}

.team-squad.team-squad-right .tip-role-div {
   flex-direction: row-reverse;
}

/**** updated info tab CSS****/
.cricket-top-section-v2 {
   border: 1px solid #E9E9E9;
   box-shadow: none;
   background: #FFFFFF;
   width: 100%;
   border-bottom: none;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.cricket-top-section-v2 .top-score-section-v2 {
   display: flex;
   flex-wrap: wrap;
   position: relative;
}

.cricket-top-section-v2 .top-score-title {
   padding: 8px 20px;
   font-weight: 400;
   font-size: 12px;
   line-height: 16px;
   color: #999999;
   width: 100%;
   border-bottom: 1px solid #F5F5F5;
}

.cricket-top-section-v2 .score-primary-partition {
   padding: 10px 20px 0;
   width: 100%;
}

.cricket-top-section-v2 .score-primary-partition.unset-box-shadow {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.cricket-top-section-v2 .unset-box-shadow .match-teams {
   width: 80%;
}

.cricket-top-section-v2 .unset-box-shadow .match-scorecard-time {
   flex-direction: column;
   display: flex;
   align-items: center;
   justify-content: center;
}

.cricket-top-section-v2 .unset-box-shadow .match-date {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #666666;
}

.cricket-top-section-v2 .unset-box-shadow .match-time {
   font-weight: 600;
   font-size: 20px;
   line-height: 30px;
   color: #474747;
}

.cricket-top-section-v2 .match-info.preview-status-start-time {
   padding: 0px 20px;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
}

.cricket-top-section-v2 .score-secondary-partition {
   width: 100%;
   padding: 0px;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
   padding-bottom: 8px;
}

.cricket-top-section-v2 .score-strip {
   margin-bottom: 16px;
   display: flex;
   align-items: center;
}

.cricket-top-section-v2 .flag-country {
   flex: 0 0 60%;
   max-width: 60%;
   display: flex;
   align-items: center;
}

.cricket-top-section-v2 .flag-country.pre-match-team-info {
   flex: 0 0 100%;
   max-width: 100%;
}

.cricket-top-section-v2 .score-over {
   flex: 0 0 40%;
   max-width: 40%;
   text-align: right;
}

.cricket-top-section-v2 .country {
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   color: #2D2D2D;
   width: 80%;
}

.cricket-top-section-v2 .country a {
   color: #0B65F0;
}

.cricket-top-section-v2 .flag {
   display: inline-block;
   width: 33px;
   height: 22px;
   margin: 0 8px 0 0;
   background: none;
   border-radius: 0px;
   object-fit: contain;
}

.cricket-top-section-v2 .score-strip .score {
   font-size: 18px;
   font-weight: 500;
   line-height: 27px;
   color: #2D2D2D;
   margin-right: 3px;
}

.cricket-top-section-v2 .score-strip .overs-info {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   color: #666666;
}

.cricket-top-section-v2 #last-wkt-info {
   margin: 0;
}

.cricket-top-section-v2 .run-rate-div {
   font-size: 14px;
   padding: 4px 0 0px 0;
}

.top-score-section-v2 .match_info,
.top-score-section-v2 .run-rate-label {
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   color: #474747;
   margin-bottom: 0px;
}

.top-score-section-v2 .required-run-rate-div .run-rate-label,
.top-score-section-v2 .overs-left-today-div .run-rate-label {
   padding-left: 12px;
   border-left: 1px solid #ADADAD;
}

.cricket-top-section-v2 .run-rate-value {
   font-size: 12px;
   color: #474747;
   font-weight: 600;
}

.top-score-section-v2 .run-rate-div {
   padding-right: 12px;
}

.cricket-top-section-v2 .run-rate-div .match-info.mom-info {
   padding: 0px;
   margin: 0px;
}

.cricket-top-section-v2 .run-rate-div .match-info,
.cricket-top-section-v2 .match-info.match-result {
   padding-left: 20px;
}

.cricket-top-section-v2 .match-info.match-result.win {
   color: #2E7D32;
   font-weight: 500;
}

.cricket-top-section-v2 .match-info .win-margin {
   font-weight: 600;
}

.cricket-top-section-v2 .match-info .highlight-target {
   font-weight: 600;
}

.cricket-top-section-v2 .vertical-partition {
   display: inline-flex;
   align-items: center;
   padding-left: 20px;
}

.cricket-top-section-v2 .score-strip.sticky {
   top: 50px;
   position: fixed;
   background: #fff;
   z-index: 10000;
   padding: 10px 20px;
   width: 730px;
   border: 1px solid #E9E9E9;
   box-shadow: none;
}

/* countdown timer */
.cricket-top-section-v2 #scorecard-countdown-timer {
   flex-direction: column;
   display: flex;
   align-items: center;
   padding: 0px;
   justify-content: unset;
   width: auto;
   overflow: hidden;
   flex-shrink: 0;
   min-width: 100px;
   min-height: 48px;
   gap: 4px;
}

.cricket-top-section-v2 .line-ups {
   font-size: 12px;
   font-weight: 500;
   color: #2E7D32;
   border-radius: 2px;
   background: #E9F7F2;
   padding: 2px 4px;
   line-height: 18px;
   display: none;
}

.cricket-top-section-v2 .toss-info .line-ups {
   display: block;
}

.cricket-top-section-v2 .pointer {
   cursor: pointer;
}

.cricket-top-section-v2 .countdown-timer-title {
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   text-align: center;
   color: #666666;
   white-space: nowrap;
}

.cricket-top-section-v2 .toss-info .countdown-timer-title {
   color: #474747;
   font-weight: 500;
}

.cricket-top-section-v2 .toss-decision {
   text-transform: lowercase;
   display: inline-block;
}

.cricket-top-section-v2 .toss-decision:first-letter {
   text-transform: uppercase;
}

.cricket-top-section-v2 .countdown-timer-section {
   display: flex;
   justify-content: center;
   gap: 8px;
   flex-direction: row;
   font-weight: 600;
   font-size: 18px;
   line-height: 27px;
   color: #474747;
   width: 100%;
   align-items: center;
}

.cricket-top-section-v2 .toss-info .countdown-timer-section {
   font-size: 12px;
   font-weight: 400;
   color: #666666;
   gap: 5px;
   line-height: 18px;
}

.cricket-top-section-v2 .double-dot-wrapper {
   display: flex;
   flex-direction: column;
   color: #999999;
   align-items: center;
   padding: 0;
}

.cricket-top-section-v2 .dot {
   height: 4px;
   width: 4px;
   background-color: #2D2D2D;
   border-radius: 50%;
   display: inline-block;
   margin: 2px 0px;
}

.cricket-top-section-v2 .toss-info .dot {
   background-color: #666666;
   height: 2px;
   width: 2px;
}

.countdown-timer-section .min-timer,
.countdown-timer-section .sec-timer {
   text-align: center;
   flex-shrink: 0;
   display: flex;
}

.cricket-top-section-v2 .scorecard-timer-content {
   min-width: 25px;
}

.cricket-top-section-v2 .toss-info .scorecard-timer-content {
   min-width: 15px;
}

.cricket-top-section-v2 .remove-pipeline {
   border-left: none !important;
   padding-left: 0px !important;
}

.live-pin-icon {
   float: right;
   display: flex;
}

.live-pin-icon img {
   width: 16px;
   height: 16px;
}

.delayed-message-wrapper {
   background: #FFF5D9;
   padding: 2px 12px;
   border-radius: 2px;
}

.delayed-message {
   color: #B78700;
   font-size: 14px;
   line-height: 21px;
}

@media (max-width:1024px) {
   .cricket-top-section-v2 {
      border: none;
   }

   .cricket-top-section-v2 .top-score-title {
      padding: 8px 16px 0px;
      font-size: 10px;
      border-bottom: none;
      border-top: 1px solid #F5F5F5;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
   }

   .cricket-top-section-v2 .score-primary-partition {
      padding: 8px 16px 0;
   }

   .cricket-top-section-v2 .score-secondary-partition {
      padding-bottom: 10px;
   }

   .cricket-top-section-v2 .score-strip {
      padding: 0px;
      justify-content: space-between;
   }

   .cricket-top-section-v2 .score-strip.sticky {
      left: 0;
      padding: 10px 16px;
      top: calc(var(--vidazooPlayerHeight) + 50px);
      position: fixed;
      background: #fff;
      z-index: 10000;
      width: 100%;
      height: 46px;
      border-bottom: 1px solid #E9E9E9;
   }

   .cricket-top-section-v2 .flag {
      width: 31px;
      height: 24px;
   }

   .cricket-top-section-v2 .country,
   .cricket-top-section-v2 .country a {
      text-decoration: none;
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
   }

   .cricket-top-section-v2 .score-strip .score {
      font-weight: 500;
      font-size: 14px;
      line-height: 21px;
      color: #474747;
      flex-shrink: 0;
   }

   .cricket-top-section-v2 .score-strip .overs-info {
      font-size: 12px;
      line-height: 18px;
      color: #666666;
   }

   .cricket-top-section-v2 .score-over {
      flex: 0 0 50%;
      display: flex;
      align-items: center;
      justify-content: end;
   }

   .cricket-top-section-v2 .flag-country {
      flex: 0 0 50%;
   }

   .cricket-top-section-v2 .run-rate-div .match-info,
   .cricket-top-section-v2 .match-info.match-result {
      padding-left: 16px;
   }

   .cricket-top-section-v2 .run-rate-div .match-info,
   .cricket-top-section-v2 .match-info.match-result {
      padding-left: 0px;
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
      color: #474747;
   }

   .cricket-top-section-v2 .vertical-partition {
      padding-left: 16px;
   }

   .cricket-top-section-v2 .unset-box-shadow .match-date {
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
   }

   .cricket-top-section-v2 .unset-box-shadow .match-time {
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      color: #474747;
   }

   .cricket-top-section-v2 .match-info.preview-status-start-time {
      padding: 0px;
   }

   .cricket-top-section-v2 .line-ups {
      font-size: 10px;
      line-height: 15px;
   }

   .cricket-top-section-v2 #scorecard-countdown-timer {
      min-width: 82px;
      min-height: 39px;
      gap: 2px;
   }

   /* countdown timer*/
   .cricket-top-section-v2 .countdown-timer-title {
      font-size: 12px;
      line-height: 18px;
   }

   .cricket-top-section-v2 .toss-info .countdown-timer-title {
      font-size: 14px;
      line-height: 21px;
   }

   .cricket-top-section-v2 .scorecard-timer-content {
      min-width: 19px;
   }

   .cricket-top-section-v2 .countdown-timer-section {
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      gap: 5px;
   }

   .cricket-top-section-v2 .dot {
      height: 3px;
      width: 3px;
   }

   .live-pin-icon.team-1,
   .live-pin-icon.team-2 {
      display: flex;
      margin-right: -15px;
      background: rgba(243, 243, 243, 1);
      padding: 8px;
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%;
   }

   .delayed-message-wrapper {
      padding: 2px 4px;
   }

   .delayed-message {
      font-size: 11px;
      line-height: 17px;
      white-space: nowrap;
   }
}


/* The Modal (background) */
.cmc-predict-rule-modal {
   display: none;
   position: fixed;
   z-index: 999999;
   padding-top: 50px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto !important;
   background-color: rgb(0, 0, 0);
   background-color: rgb(0 0 0 / 75%);
}

/* Modal Content */
.cmc-predict-rule-modal .modal-content {
   position: relative;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   border: 1px solid #E9E9E9;
   border-radius: 6px;
   width: 100%;
   max-width: 630px;
   border-radius: 8px;
   border: 1px solid #FF1600;
}

/* The Close Button */
.cmc-predict-rule-modal .close-modal {
   padding: 0;
   margin-top: -5px;
   color: #666666;
   font-size: 30px;
   line-height: 18px;
   border: none;
   background: transparent;
}

.cmc-predict-rule-modal .header {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 16px 20px;
}

.cmc-predict-rule-modal .header span {
   padding: 0;
   flex: 1;
   color: #2D2D2D;
   font-weight: 600;
   font-size: 14px;
   line-height: 30px;
   line-height: normal;
   text-transform: capitalize;
   text-align: center;
}

.rule-modal-body .tab-content {
   padding: 16px 20px;
   min-height: 580px;
}

.rule-modal-body .modal-leaderboard-section {
   background-color: #FFE7E4;
   padding: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.rule-modal-body .leaderboard-pending-section {
   background: #FFFFFF;
   border-radius: 12px;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   gap: 12px;
   padding: 16px;
   width: 100%;
}

.rule-modal-body .leaderboard-pending-section .pending-leaderboard-img {
   background: none;
}

.cmc-predict-rule-modal .close-modal:hover,
.cmc-predict-rule-modal .close-modal:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
}

.cmc-predictor-rule-modal .modal-tabs {
   padding: 0;
   width: 100%;
   display: flex;
   align-items: flex-start;
}

.cmc-predictor-rule-modal .rule-modal-tabs {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   background: #FFFFFF;
   width: 100%;
   box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.07);
}

.cmc-predictor-rule-modal .rule-modal-tabs .rule-tab {
   padding: 10px 44px;
   font-weight: 600;
   font-size: 14px;
   border-bottom: unset;
   line-height: normal;
   color: #666;
   width: 33.3%;
   text-align: center;
}

.cmc-predictor-rule-modal .rule-modal-tabs .rule-tab.active {
   color: #d32f2f;
   font-weight: 700;
   border-bottom: 2px solid #d32f2f;
}

@media (max-width:1024px) {
   .cmc-predict-rule-modal {
      padding: 0;
   }

   .rule-modal-body .tab-content {
      padding: 16px;
      min-height: 660px;
   }

   .cmc-predict-rule-modal .modal-content {
      width: calc(100% - 32px);
      border-top-width: 2px;
      border-radius: unset;
   }

   .cmc-predictor-rule-modal .rule-modal-tabs .rule-tab {
      padding: 10px 0px;
   }

   .cmc-predict-rule-modal .header {
      justify-content: center;
      margin-bottom: 0;
   }
}


.sk-game-rule-section-div {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   flex-direction: column;
}

.predictor-data .sk-game-rule-section-div {
   margin: 0 20px;
   display: block;
}

.sk-game-rule-section-div .predictor-game-rule-top-heading {
   display: flex;
   flex-direction: column;
   gap: 1px;
}

.cmc-predict-rule-modal .sk-game-rule-section-div .predictor-game-rule-top-heading {
   display: none;
}

.sk-game-rule-section-div .predictor-game-rule-top-heading .predictor-game-rule-top-title {
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   border-radius: 10px;
   background: #5B0138;
   padding: 8px 15px;
   transform: rotate(-1.81deg);
   display: flex;
   width: fit-content;
   gap: 5px;
   align-items: center;
}

.sk-game-rule-section-div .predictor-game-rule-top-heading .rewards-gift-img {
   margin: 0px;
   height: 20px;
   width: 20px;
   object-fit: contain;
   background: none;
}

.sk-game-rule-section-div .banner-image-container {
   padding-bottom: 16px;
}

.predictor-data .sk-game-rule-section-div .banner-image-container {
   padding-top: 16px;
}

.sk-game-rule-section-div .banner-image-container img {
   background-color: transparent;
}

.sk-game-rule-section-div .game-rule-details {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.sk-game-rule-section-div .rule-right {
   width: 40%;
}

.sk-game-rule-section-div .game-rule-img {
   height: 113px;
   width: 236px;
   background: transparent;
}

.sk-game-rule-section-div .game-rule-div {
   display: flex;
   gap: 12px;
   align-items: center;
}

.sk-game-rule-section-div .rule-number {
   background: #EFE6EC;
   height: 50px;
   width: 50px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-right: 5px;
   flex-shrink: 0;
}

.sk-game-rule-section-div .number {
   font-style: italic;
   font-weight: 600;
   font-size: 34px;
   line-height: 42px;
   color: #5B0138;
}

.sk-game-rule-section-div .rule-content {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #666666;
}

.sk-game-rule-section-div .game-rule-section {
   display: flex;
   align-items: center;
}

.sk-game-rule-section-div .rule-content-bold {
   font-weight: 600;
}

.sk-game-rule-section-div .rule-content-bold .rule-content-bold-login {
   color: #0B65F0;
}

.sk-game-rule-section-div .rule-price {
   vertical-align: middle;
   display: inline-block;
   background: transparent;
   height: 14px;
   width: 14px;
}

.sk-game-rule-section-div .game-rule-img {
   height: 113px;
   width: 236px;
   background: transparent;
}

.sk-game-rule-section-div .rule-content-green {
   color: #1A9F0B;
   font-weight: 600;
}

.sk-game-rule-section-div .rule-button {
   background: #D32F2F;
   border: none;
   border-radius: 74px;
   padding: 10px 24px;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   color: #FFFFFF;
   cursor: pointer;
   text-decoration: none;
}

.sk-game-rule-section-div .rule-button-icon {
   margin: 0;
   background: transparent;
   height: 18px;
   width: 20px;
}

.sk-game-rule-section-div .rule-login {
   display: inline-flex;
   gap: 10px;
   align-items: center;
}

.sk-game-rule-section-div .game-rule-terms {
   padding: 20px 0 0;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #666666;
   font-style: italic;
}

.sk-game-rule-section-div .game-rule-terms .term-condition {
   text-decoration: none;
   color: #0B65F0;
}

.sk-game-rule-section-div .footer {
   display: flex;
   justify-content: center;
   gap: 10px;
   align-items: center;
   padding-top: 10px;
}

.sk-game-rule-section-div .share-icon {
   background: #FFFFFF;
   border: 1px solid #474747;
   border-radius: 25px;
   display: flex;
   gap: 12px;
   align-items: center;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   text-transform: uppercase;
   color: #2D2D2D;
   margin: 0 auto;
   padding: 8px 14px;
   cursor: pointer;
}

.sk-game-rule-section-div .share-img {
   width: 15px;
   height: 14px;
   background: none;
   margin: 0px;
   margin-bottom: 2px;
}

@media (max-width:1024px) {
   .sk-game-rule-section-div .game-rule-img {
      height: 94px;
      width: 197px;
   }

   .sk-game-rule-section-div .game-rule-section {
      flex-direction: column-reverse;
   }

   .sk-game-rule-section-div .rule-right,
   .sk-game-rule-section-div .rule-left {
      width: 100%;
   }

   .sk-game-rule-section-div .rule-right {
      text-align: center;
   }

   .sk-game-rule-section-div .rule-content {
      font-size: 12px;
      line-height: 18px;
   }

   .sk-game-rule-section-div .game-rule-button-section {
      padding: 0px;
   }

   .sk-game-rule-section-div .banner-image-container {
      height: auto;
   }

   .sk-game-rule-section-div .game-rule-terms {
      padding: 16px 0 0;
      font-size: 12px;
      line-height: 18px;
   }

   .sk-game-rule-section-div .rule-button {
      font-size: 12px;
      line-height: 20px;
   }

   .sk-game-rule-section-div .share-icon {
      font-size: 12px;
   }

   .sk-game-rule-section-div .footer {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto;
      gap: 16px;
   }
}


.cmc-predictor-rewards-section {
   display: inline-flex;
   flex-direction: column;
}

.cmc-predictor-rewards-section .cmc-predictor-rewards-heading {
   display: flex;
   flex-direction: column;
   gap: 1px;
   padding-left: 16px;
}

.cmc-predictor-rewards-section .cmc-predictor-rewards-heading .cmc-predictor-rewards-top-title {
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   border-radius: 10px;
   background: #5B0138;
   padding: 8px 15px;
   transform: rotate(-1.81deg);
   display: flex;
   width: fit-content;
   gap: 5px;
   align-items: center;
}

.cmc-predictor-rewards-section .cmc-predictor-rewards-heading .rewards-gift-img {
   margin: 0px;
   height: 20px;
   width: 20px;
   object-fit: contain;
   background: none;
}

.cmc-predictor-rewards-section .cmc-rewards-section {
   margin-top: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.cmc-predictor-rewards-section .cmc-rewards-section .predictor-rewards-img {
   background: transparent;
   width: 707px;
   object-fit: cover;
}

.cmc-predictor-rewards-section .cmc-rewards-section .predictor-rewards-img.rewards-img {
   cursor: pointer;
}

.cmc-predictor-rewards-section.predict-reward-modal .cmc-rewards-section .predictor-rewards-img {
   height: 297px;
   width: auto;
   object-fit: contain;
   background-color: transparent;
}

/*Modal rewards*/
.cmc-predictor-rewards-section.predict-reward-modal {
   width: 100%;
}

.cmc-predictor-rewards-section.predict-reward-modal .cmc-predictor-rewards-heading {
   align-items: center;
   transform: scale(0.8);
}

@media (max-width:1024px) {
   .cmc-predictor-rewards-section .cmc-rewards-section {
      flex-direction: column;
      padding: 10px;
   }

   .cmc-predictor-rewards-section .cmc-rewards-section .predictor-rewards-img {
      width: 100%;
      height: 100%;
   }

   .cmc-predictor-rewards-section.predict-reward-modal .cmc-rewards-section .predictor-rewards-img {
      height: 267px;
      width: 100%;
   }
}

.sk-predictor-daily-rewards-section {
   padding: 20px 20px 0;
   overflow: hidden;
}

.sk-predictor-daily-rewards-section .predictor-daily-rewards-heading {
   display: flex;
   flex-direction: column;
   gap: 1px;
}

.sk-predictor-daily-rewards-section .predictor-daily-rewards-title {
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   border-radius: 10px;
   background: #5B0138;
   padding: 8px 15px;
   transform: rotate(-1.81deg);
   display: flex;
   width: fit-content;
   gap: 5px;
   align-items: center;
}

.sk-predictor-daily-rewards-section .rewards-gift-img {
   margin: 0px;
   height: 20px;
   width: 20px;
   object-fit: contain;
   background: none;
}

.sk-predictor-daily-rewards-section .predictor-daily-rewards-section {
   margin-top: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.sk-predictor-daily-rewards-section .predictor-daily-rewards-section .daily-rewards-img {
   width: 694px;
   background: transparent;
}

.sk-predictor-daily-rewards-section .predictor-daily-rewards-section .daily-rewards-bottom-image {
   width: 694px;
   background: transparent;
   cursor: pointer;
}

/* Modal Rewards*/
.sk-predictor-daily-rewards-section.predict-daily-reward-modal .predictor-daily-rewards-heading {
   align-items: center;
   transform: scale(0.8);
}

.sk-predictor-daily-rewards-section.predict-daily-reward-modal .predictor-daily-rewards-section .daily-rewards-img {
   height: 197px;
   width: auto;
   object-fit: contain;
   background-color: transparent;
}

@media (max-width:1024px) {
   .sk-predictor-daily-rewards-section {
      padding: 16px 16px 0;
   }

   .sk-predictor-daily-rewards-section .predictor-daily-rewards-section {
      margin-top: 12px;
   }

   .sk-predictor-daily-rewards-section .predictor-daily-rewards-section .daily-rewards-img {
      height: auto;
      width: 100%;
   }

   .sk-predictor-daily-rewards-section.predict-daily-reward-modal .predictor-daily-rewards-section .daily-rewards-img {
      height: 224px;
      width: 100%;
   }
}


.sk-predictor-leaderboard-section {
   margin: 0 20px;
   background: #FFE7E4;
   border-radius: 8px;
   margin-top: 16px;
}

.sk-predictor-leaderboard-section.is-modal {
   margin: 0;
   padding: 1px 0;
}

.sk-predictor-leaderboard-section .predictor-leaderboard-heading {
   background: linear-gradient(90.22deg, #FC5640 0.08%, #8E4C9F 100%);
   padding: 12px 20px;
   border-radius: 8px 8px 0px 0px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.sk-predictor-leaderboard-section.is-modal .predictor-leaderboard-heading {
   display: none;
}

.sk-predictor-leaderboard-section .predictor-leaderboard-weeks {
   display: flex;
   align-items: center;
   gap: 8px;
}

.sk-predictor-leaderboard-section .leaderboard-ic {
   background: none;
   height: 10px;
   width: 6px;
   cursor: pointer;
}

.sk-predictor-leaderboard-section .week-title {
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   color: #FFFFFF;
   min-width: 118px;
   text-align: center;
}

.sk-predictor-leaderboard-section .predictor-leaderboard-title {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   text-transform: capitalize;
   color: #FFFFFF;
}

.sk-predictor-leaderboard-section .top-section {
   display: flex;
   gap: 30px;
   align-items: center;
   justify-content: center;
   padding-top: 12px;
   min-height: 190px;
}

.sk-predictor-leaderboard-section .top-section .leaderboard-user-img {
   height: 104px;
   max-width: 68px;
   width: 100%;
   background: none;
   object-fit: contain;
   margin: 0;
}

.sk-predictor-leaderboard-section .top-section .first-rank .leaderboard-user-img {
   height: 134px;
   max-width: 94px;
   width: 100%;
}

.sk-predictor-leaderboard-section .top-section .top-leaderboard {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
}

.top-leaderboard .rank-number {
   position: absolute;
   top: -8px;
}

.top-leaderboard .rank-number.second-position,
.top-leaderboard .rank-number.third-position {
   color: #C9C9C9;
}

.top-leaderboard .rank-number.first-position {
   color: #FFB42A;
}

.sk-predictor-leaderboard-section .user-name {
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   width: 116px;
   color: #0B65F0;
   text-align: center;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.sk-predictor-leaderboard-section .user-points {
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #666666;
   display: flex;
   gap: 4px;
   align-items: center;
}

.sk-predictor-leaderboard-section .price-img {
   height: 14px;
   width: 14px;
   background: none;
   margin: 0px;
}

.sk-predictor-leaderboard-section .predictor-leaderboard-section {
   padding: 12px 16px 20px;
}

.sk-predictor-leaderboard-section .bottom-section {
   background: #FFFFFF;
   border: 1px solid #FF1600;
   border-radius: 8px;
   padding: 16px;
}

.sk-predictor-leaderboard-section .bottom-rank-user.left-rank {
   display: flex;
   flex-direction: column;
   max-height: 197px;
   flex-wrap: wrap;
   gap: 0 30px;
}

.sk-predictor-leaderboard-section.is-modal .bottom-rank-user.left-rank {
   gap: 0 15px;
}

.sk-predictor-leaderboard-section .rank-user-div {
   display: flex;
   align-items: center;
   border-bottom: 1px solid #F5F5F5;
   padding: 8px 0;
   width: 293px;
   gap: 15px;
   position: relative;
   z-index: 5;
   justify-content: space-between;
}

.sk-predictor-leaderboard-section.is-modal .rank-user-div {
   width: 252px;
   gap: 5px;
}

.sk-predictor-leaderboard-section .top-leaderboard.login-user-top-rank-div {
   background: #D7FFEA;
   border: 1px solid #37C77A;
   border-radius: 8px;
   padding: 12px 10px 0;
}

.sk-predictor-leaderboard-section .top-leaderboard.login-user-top-rank-div .rank-number {
   top: 0;
}

.sk-predictor-leaderboard-section .user-rank-number {
   font-weight: 700;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
}

.sk-predictor-leaderboard-section .user-rank-img-div {
   flex: 0.7;
   display: flex;
   gap: 4px;
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   color: #0B65F0;
   align-items: center;
}

.user-rank-img-div .leaderboard-user-name {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 190px;
}

.sk-predictor-leaderboard-section .user-rank-coins {
   flex: 0.2;
   display: flex;
   align-items: center;
   gap: 4px;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   text-align: right;
   color: #666666;
   justify-content: end;
   margin-left: auto;
}

.sk-predictor-leaderboard-section .user-img {
   height: 24px;
   width: 24px;
   background: #F5F5F5;
   border: 1px solid #E9E9E9;
   border-radius: 50%;
   margin: 0px;
}

.sk-predictor-leaderboard-section .bottom-rank-user .rank-user-div:last-child {
   border-bottom: none;
}

.sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div:after {
   content: '';
   position: absolute;
   left: -30px;
   width: calc(100% + 40px);
   background: #37C77A;
   height: 100%;
   z-index: -1;
   top: 0;
   border: 1px solid #37C77A;
   border-radius: 8px;
   box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

.sk-predictor-leaderboard-section.is-modal .rank-user-div.login-user-rank-div:after {
   width: calc(100% + 30px);
}

.sk-predictor-leaderboard-section.is-modal .rank-user-div.login-user-rank-div:after {
   left: -27px;
}

.sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div.guest-user-rank-div:after {
   background: #D32F2F;
   border: none;
   color: #FFFFFF;
   text-align: center;
}

.sk-predictor-leaderboard-section .guest-user-rank {
   text-align: center;
   width: 100%;
   cursor: pointer;
   color: #FFFFFF;
   text-decoration: none;
}

.sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div:nth-child(1n + 4):after {
   left: unset;
   right: -30px;
}

.sk-predictor-leaderboard-section.is-modal .rank-user-div.login-user-rank-div:nth-child(1n + 4):after {
   left: unset;
   right: -27px;
}

.sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div .user-rank-number,
.sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div .user-rank-img-div,
.sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div .user-rank-coins {
   color: #FFFFFF;
}

.sk-predictor-leaderboard-section .predictor-leaderboard-pending-section {
   padding: 16px 20px;
}

.sk-predictor-leaderboard-section .predictor-leaderboard-pending-container {
   background: #FFFFFF;
   border-radius: 12px;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   padding: 26px 0 38px;
   gap: 12px;
}

.sk-predictor-leaderboard-section .predictor-leaderboard-pending-section .pending-poll-img {
   background: none;
}

.sk-predictor-leaderboard-section .pending-leaderboard-img {
   background: transparent;
}

.sk-predictor-leaderboard-section .top-leaderboard .first-user-won-image {
   position: absolute;
   border-radius: 100%;
   object-fit: cover;
   background: transparent;
   width: 70px;
   height: 70px;
   top: 15px;
   left: 0;
   right: 0;
   margin: 0 auto;
}

.sk-predictor-leaderboard-section .top-leaderboard .second-user-won-image {
   position: absolute;
   border-radius: 100%;
   object-fit: cover;
   background: transparent;
   width: 50px;
   height: 50px;
   top: 15px;
   left: 0;
   right: 0;
   margin: 0 auto;
}

.sk-predictor-leaderboard-section .top-leaderboard .top-rank-images {
   position: relative;
   display: inline-block;
}

.leaderboard-last-refresh-info {
   margin: 16px 20px 0px;
   font-style: italic;
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   text-align: right;
   color: #666666;
}

@media (max-width:1024px) {
   .sk-predictor-leaderboard-section {
      margin: 12px 8px 0;
   }

   .sk-predictor-leaderboard-section.is-modal {
      border-radius: unset;
   }

   .sk-predictor-leaderboard-section .top-section {
      gap: 15px;
      padding: 12px 10px 0;
   }

   .sk-predictor-leaderboard-section .top-leaderboard .user-name {
      width: 94px;
   }

   .sk-predictor-leaderboard-section .bottom-section {
      margin: 16px 8px 8px;
      padding: 12px;
      flex-direction: column;
      gap: 0px;
   }

   .sk-predictor-leaderboard-section .bottom-rank-user .rank-user-div:last-child {
      border-bottom: none;
   }

   .sk-predictor-leaderboard-section .user-rank-section {
      margin-left: 0px;
   }

   .sk-predictor-leaderboard-section .predictor-leaderboard-pending-container {
      margin: 8px
   }

   .sk-predictor-leaderboard-section .bottom-rank-user.left-rank {
      max-height: unset;
   }

   .sk-predictor-leaderboard-section .rank-user-div {
      width: 100%;
   }

   .sk-predictor-leaderboard-section.is-modal .rank-user-div {
      width: 100%;
      gap: 5px;
   }

   .sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div:after,
   .sk-predictor-leaderboard-section.is-modal .rank-user-div.login-user-rank-div:after {
      left: -18px;
      width: calc(100% + 36px);
   }

   .sk-predictor-leaderboard-section .rank-user-div.login-user-rank-div:nth-child(1n + 4):after,
   .sk-predictor-leaderboard-section.is-modal .rank-user-div.login-user-rank-div:nth-child(1n + 4):after {
      left: -18px;
      right: unset;
   }

   .user-rank-img-div .leaderboard-user-name {
      width: 170px;
   }

   .sk-predictor-leaderboard-section .top-section .top-leaderboard {
      width: calc(33% - 12px);
   }
}

@media (max-width: 360px) {
   .user-rank-img-div .leaderboard-user-name {
      width: 150px;
   }
}

/* The Modal (background) */
.sk-login-modal {
   display: none;
   position: fixed;
   z-index: 10000;
   padding-top: 50px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0, 0, 0);
   background-color: rgb(0 0 0 / 75%);
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

/* Modal Content */
.sk-login-modal .modal-content {
   position: relative;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   width: 100%;
   max-width: 404px;
}

/* The Close Button */
.sk-login-modal .close-modal {
   padding: 0;
   color: #ffffff;
   font-size: 42px;
   line-height: 24px;
   border: none;
   background: transparent;
}

.sk-login-modal .modal-header {
   position: relative;
}

.sk-login-modal .modal-header img {
   background-color: transparent;
}

.sk-login-modal .header {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   position: absolute;
   top: 20px;
   right: 27px;
}

.login-modal-body .box {
   position: relative;
   padding: 10px 38px;
   text-align: center;
}

.login-modal-body .heading {
   font-size: 16px;
   font-weight: 500;
   color: #474747;
   margin-bottom: 16px;
   line-height: 20px;
}

.login-modal-body .sub-text {
   display: none;
   line-height: 20px;
   font-size: 16px;
   font-weight: 400;
   color: #999999;
   margin-bottom: 16px;
}

.login-modal-body .mobile-input-div {
   width: 100%;
   border: solid 1px #999999;
   height: 40px;
   border-radius: 4px;
}

.login-modal-body .form-input {
   box-shadow: none;
   width: 100%;
   border: none;
   height: 38px !important;
   border-radius: 3px;
}

.login-modal-body .form-input::placeholder {
   font-size: 14px;
   color: #808080;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.login-modal-body img.input-icon {
   background: none;
   display: inline-block;
   vertical-align: middle;
   margin: 0 0 3px 0;
}

.login-modal-body img.sso-icon {
   margin: 0;
   width: 24px;
   height: 24px;
}

.login-modal-body .send-otp {
   font-size: 14px;
   font-weight: bold;
   border: none;
   color: #fff;
   padding: 6px 18px;
   margin-top: 20px;
   background-color: #474747;
   cursor: not-allowed;
   width: 100%;
   height: 40px;
   margin: 20px auto;
   border-radius: 40px;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.login-modal-body .send-otp.active {
   background-color: #D32F2F;
}

.login-modal-body .or {
   position: relative;
   display: inline-flex;
   justify-content: center;
   line-height: 14px;
   width: 100%;
   margin: 20px auto;
}

.login-modal-body .or:before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   margin-top: -1px;
   background: #E9E9E9;
   height: 1px;
}

.login-modal-body .or .orText {
   padding: 0 8px;
   background: #FFF;
   font-size: 14px;
   color: #666;
   position: relative;
}

.login-modal-body .sso-google-button {
   margin-top: 0;
}

.login-modal-body .sso-google-button,
.login-modal-body .sso-fb-button {
   text-decoration: none !important;
   height: 55px;
   border-radius: 80px;
   margin-top: 12px;
   font-weight: 400;
   cursor: not-allowed;
   background-color: #f5f5f5;
   border: solid 1px #999999;
   color: #666666 !important;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0.6;
}

.login-modal-body .sso-fb-button {
   border-color: #E9E9E9;
}

.login-modal-body .sso-google-button:hover,
.login-modal-body .sso-fb-button:hover {
   text-decoration: none !important;
   border: 1px solid hsl(0, 0%, 60%);
}

.login-modal-body button.active {
   background-color: #d32f2f;
   cursor: pointer;
}

.login-modal-body .sso-google-button.active {
   background-color: #fff;
   cursor: pointer;
   opacity: 1;
}

.login-modal-body .sso-fb-button.active {
   background-color: #fff;
   cursor: pointer;
   opacity: 1;
}

.login-modal-body .login-footer {
   padding: 12px 0px 13px;
}

.login-modal-body .i-agree {
   font-size: 12px;
   color: #999999;
   line-height: 16px;
   display: inline-block;
}

.login-modal-body a.policies {
   color: #d52d28;
   cursor: pointer;
}

.login-modal-body a.policies:hover {
   text-decoration: underline;
}

.login-modal-body .us-email-mobile-login-holder {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   margin: auto;
}

.login-modal-body .sso-username-button,
.login-modal-body .sso-phone-button {
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-decoration: none !important;
   border-radius: 0px;
   font-size: 14px;
   border-radius: 6px;
   border: 1px solid #E9E9E9;
   background: #FFF;
   color: #666666 !important;
   width: 70px;
   height: 65px;
}

.login-modal-body .sso-username-button:hover,
.login-modal-body .sso-phone-button:hover,
.login-modal-body .sso-fb-button:hover {
   border-color: hsl(0, 0%, 60%);
}

.sk-login-modal .close-modal:hover,
.sk-login-modal .close-modal:focus {
   text-decoration: none;
   cursor: pointer;
}

@media (max-width:1024px) {
   .sk-login-modal {
      padding: 0;
   }

   .sk-login-modal .modal-content {
      width: 90%;
   }

   .sk-login-modal .header {
      top: 16px;
      right: 13px;
   }

   .login-modal-body .box {
      padding: 10px 16px;
      height: auto;
   }

   .login-modal-body .login-footer {
      position: relative;
      padding: 12px 0px 10px;
      line-height: 18px;
   }
}

.preview-data-v2 {
   width: 100%;
   border-radius: 4px;
   padding-top: 43px;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.preview-data-v2.pre-preview-data {
   padding: 0;
   padding-top: 43px;
}

.preview-data-v2 .preview-card-holder {
   background: #fff;
}

#info-tab-squad-data .players-data .team-card {
   border: none;
   padding: 0 !important;
}

#info-tab-squad-data .playing-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 1s ease-out;
}

#info-tab-squad-data .playing-content.playing-content-open {
   max-height: 2300px;
   height: auto;
   transition: max-height 1s ease-in;
}

.info-feed-loading {
   text-align: center;
   display: block;
   clear: both;
   padding-top: 28px;
   color: #555555;
   font-size: 18px;
}

.info-cmc .team-squad .role-icon {
   margin-right: 10px;
}

#pinned-preview-section {
   display: inline-flex;
   width: 100%;
}

#pinned-preview-section .pinned-video-sections {
   margin-top: 0px;
   border: unset;
}

.info-cmc .feedback-parent-container .feedback-cta-container {
   margin: 16px 0 0;
}

.feedback-parent-container .feedback-cta-container .feedback-cta-button {
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

#info-tab-squad-data.playing-xi {
   min-height: 1200px;
}

#info-tab-squad-data.squad {
   min-height: 380px;
}

.panel-heading .panel-heading-logo {
   background: none;
   margin: 0;
   height: 21px;
   width: auto;
}

.panel-heading.weather-update {
   background: linear-gradient(90deg, #DAECFF 0%, #F4FAFF 100%) !important;
}

@media (max-width:1024px) {
   #info-tab-squad-data.squad {
      min-height: 326px;
   }
}

.pinned-video-sections .pinned-main-sub-headings {
   flex: 1;
   background: #E5E8E8;
   padding: 5px 16px;
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   color: #474747;
}

.info-cmc .pinned-video-sections .pinned-main-sub-headings {
   display: none;
}

.pinned-video-sections {
   border: 1px solid #E9E9E9;
   margin-bottom: 0px;
   margin-top: 16px;
   width: 100%;
   display: inline-flex;
   flex-wrap: wrap;
}

.pinned-video-sections .pinned-video-link,
.pinned-video-frame {
   width: 100%;
}

.pinned-video-sections .pinned-video-link {
   padding: 16px 20px 10px;
}

.info-cmc .pinned-video-sections .pinned-video-link {
   display: inline-flex;
   padding: 0;
}

.pinned-video-sections .pinned-video-frame {
   border: 2px solid #001855;
   border-radius: 4px;
}

@media (max-width:1024px) {
   .pinned-video-sections {
      border: none;
      margin-bottom: 8px;
   }

   .info-cmc .pinned-video-sections {
      margin-bottom: 0;
   }

   .pinned-video-sections .pinned-main-sub-headings {
      background: #F5F5F5
   }

   .pinned-video-sections .pinned-video-link {
      padding: 16px 16px 0px;
   }
}

.preview-card-holder-v2 {
   width: 100%;
}

.match-info-v2 .match-detail-row {
   display: flex;
}

.match-info-v2 .match-detail-title {
   flex: 0.20;
   padding: 8px 0 8px 20px;
   border-right: 1px solid #e9e9e9;
   border-bottom: 1px solid #e9e9e9;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #666666;
}

.match-info-v2 .match-detail-info {
   flex: 0.80;
   padding: 8px 20px 8px 16px;
   border-bottom: 1px solid #e9e9e9;
   color: #2D2D2D;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
}

.match-info-v2 .match-detail-info a {
   color: #2D2D2D;
}

.match-info-v2 .match-detail-info .match-links {
   display: flex;
   gap: 16px;
   margin-top: 4px;
}

.match-info-v2 .match-detail-info .match-link {
   text-decoration: none;
   color: #0B65F0;
   font-size: 12px;
   line-height: 18px;
   font-weight: 500;
}

.match-info-v2 .match-detail-info .link-item {
   display: flex;
   align-items: center;
   gap: 4px;
}

.match-info-v2 .match-detail-info .link-item img {
   height: 8px;
   width: 6px;
   background: transparent;
}

.scorecard-cmc .match-info-v2 .match-detail-title {
   flex: 0.15;
   font-size: 12px;
   line-height: 18px;
}

.scorecard-cmc .match-info-v2 .match-detail-info {
   flex: 0.85;
   font-size: 12px;
   line-height: 18px;
}

.info-cmc .match-info-v2 .match-detail-row:last-child .match-detail-title,
.info-cmc .match-info-v2 .match-detail-row:last-child .match-detail-info,
.scorecard-cmc .match-info-v2 .match-detail-row:last-child .match-detail-title,
.scorecard-cmc .match-info-v2 .match-detail-row:last-child .match-detail-info {
   border-bottom: unset;
}

@media (max-width:1024px) {
   .match-info-v2 .preview-card-holder-v2 {
      border: 1px solid #E9E9E9;
      border-bottom: unset;
      margin: 16px 20px 0px;
   }

   .info-cmc .match-info-v2 .preview-card-holder-v2 {
      border: 1px solid #DFDFDF;
      border-bottom: 1px solid #DFDFDF;
      margin: 0px 16px;
      border-radius: 4px;
   }

   .match-info-v2 .match-detail-title {
      flex: 0.30;
      font-size: 12px;
      line-height: 18px;
      padding: 8px 0 8px 16px;
   }

   .match-info-v2 .match-detail-info {
      flex: 0.70;
      font-size: 12px;
      line-height: 18px;
      padding: 8px 16px 8px 12px;
   }

   .match-info-v2 .match-detail-info .match-links {
      gap: 14px;
   }

   .scorecard-cmc .match-info-v2 .preview-card-holder-v2 {
      border: unset;
      margin: 0;
   }

   .scorecard-cmc .match-info-v2 .match-detail-title {
      padding: 8px 0 8px;
      margin-left: 16px;
      flex: 0.25;
   }

   .scorecard-cmc .match-info-v2 .match-detail-info {
      padding: 8px 0px 8px 12px;
      margin-right: 16px;
      flex: 0.75;
   }
}

.pitch-report-container {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.pitch-report-container .report-text-wrapper {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.pitch-report-container .report-text {
   font-size: 14px;
   font-weight: 400;
   line-height: 19.6px;
   overflow: hidden;
   color: #666666;
   width: 100%;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.pitch-report-container .report-text.collapsed {
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

.pitch-report-container .read-more-button {
   background: #FFFFFF;
   border: none;
   font-size: 12px;
   font-weight: 500;
   line-height: 18px;
   color: #0B65F0;
   cursor: pointer;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.pitch-report-container .report-wrapper {
   display: flex;
   justify-content: space-between;
   font-size: 12px;
   line-height: 18px;
   font-weight: 400;
   color: #666666;
   width: 100%;
   flex-wrap: wrap;
   gap: 0 18px;
}

.pitch-report-container .report-details {
   display: flex;
   justify-content: space-between;
   padding: 8px 12px 6px;
   width: calc(50% - 9px);
   border: 1px solid #E9E9E9;
   border-radius: 4px;
}

.pitch-report-container .report-details.remove-border-radius {
   border-bottom-left-radius: unset;
   border-bottom-right-radius: unset;
}

.pitch-report-container .report-details:nth-child(3),
.pitch-report-container .report-details:nth-child(4) {
   padding: 6px 12px 8px;
   border-top: unset;
   border-top-left-radius: unset;
   border-top-right-radius: unset;
}

.pitch-report-container .detail-value {
   color: #2D2D2D;
   font-weight: 600;
}

.pitch-report-container .stats-header-wrapper {
   display: flex;
   margin: 14px 0 9px;
   justify-content: center;
}

.pitch-report-container .stats-header {
   text-align: center;
   color: #999999;
   font-size: 10px;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   position: relative;
}

.pitch-report-container .stats-header::before,
.pitch-report-container .stats-header::after {
   content: "";
   background: #e9e9e9;
   width: 48px;
   height: 1px;
   display: inline-flex;
   position: absolute;
   top: 8px;
   left: -54px;
}

.pitch-report-container .stats-header::after {
   right: -54px;
   left: unset;
}

.pitch-report-container .stats-wrapper {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   justify-content: space-between;
   gap: 18px;
   font-size: 10px;
   line-height: 16px;
   color: #2d2d2d;
}

.pitch-report-container .stats-info {
   width: calc(50% - 9px);
   display: flex;
   align-items: center;
   border-radius: 4px;
   border: 1px solid #E9E9E9;
   overflow: hidden;
}

.pitch-report-container .inning-label {
   line-height: 15px;
   padding: 11px 33px 10px 20px;
   text-align: center;
   width: 90px;
   position: relative;
   z-index: 0;
}

.pitch-report-container .inning-bg {
   transform-origin: top left;
   transform: skew(345deg, 0);
   background-color: #F7F7FA;
   border-right: 1px solid #E9E9E9;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}

.pitch-report-container .stat-details {
   display: flex;
   width: calc(100% - 90px);
   padding: 6px 0;
   justify-content: space-evenly;
}

.pitch-report-container .stat-detail {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2px;
}

.pitch-report-container .value {
   font-size: 14px;
   font-weight: 600;
   line-height: 21px;
   letter-spacing: 0.1px;
   height: 21px;
}

.pitch-report-container .label {
   color: #666;
   text-align: center;
   letter-spacing: 0.5px;
}

.pitch-report-container .stats-projection-container {
   display: flex;
   flex-direction: column;
   font-size: 13px;
   line-height: 16px;
   color: #666666;
   font-weight: 500;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   padding: 12px;
   margin-top: 12px;
   gap: 16px;
}

.pitch-report-container .projection-stats {
   display: flex;
   gap: 10px;
   flex-direction: column;
}

.pitch-report-container .projection-stats-result {
   display: flex;
   justify-content: space-between;
   font-size: 11px;
}

.pitch-report-container .result-wrapper {
   display: flex;
   gap: 3px;
}

.pitch-report-container .result-percentage {
   color: #2D2D2D;
}

.pitch-report-container .projection-bar-container {
   height: 7px;
   background: #F5F5F5;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
}

.pitch-report-container .projection-bar {
   background: #29BA20;
   height: 7px;
   position: absolute;
   left: 0;
}

@media (max-width:1024px) {
   .pitch-report-container .report-text {
      font-size: 12px;
      line-height: 18px;
   }

   .pitch-report-container .report-wrapper {
      flex-direction: column;
      gap: 0;
      border: 1px solid #E9E9E9;
      border-radius: 4px;
   }

   .pitch-report-container .report-details {
      width: 100%;
      border: unset;
      border-radius: unset;
      padding: 6px 12px;
      border-bottom: 1px solid #E9E9E9;
   }

   .pitch-report-container .report-details:last-child {
      border: unset;
   }

   .pitch-report-container .stats-header-wrapper {
      margin: 12px 0 6px;
   }

   .pitch-report-container .stats-header::before,
   .pitch-report-container .stats-header::after {
      content: unset;
   }

   .pitch-report-container .stats-wrapper {
      flex-direction: column;
      gap: 8px;
   }

   .pitch-report-container .stats-info {
      width: 100%;
   }
}


.weather-widget-anchor {
   width: 100%;
}

.weather-update-section {
   display: inline-flex;
   flex-direction: column;
   width: 100%;
}

.weather-update-section .weather-update {
   background: linear-gradient(180deg, #0C529B -3.24%, #4E82B4 103.24%);
}

.weather-update-section#weather-live-tab {
   margin-top: 16px;
   margin-bottom: 0;
   border: 1px solid #E9E9E9;
   width: 100%;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0px 4px 4px 0px #E9F2FA;
}

.weather-update-section#weather-info-tab .weather-update-heading,
.weather-update-section#weather-fantasy-tab .weather-update-heading {
   display: none;
}

.weather-update-section .weather-update-heading {
   background: #E5E8E8;
   padding: 6px 20px;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   color: #474747;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.weather-update-section .heading-title {
   display: flex;
   align-items: center;
   gap: 8px;
}

.weather-update-heading .heading-logo {
   background: none;
   margin: 0;
   height: 21px;
   width: auto;
}

.weather-update-heading {
   background: linear-gradient(90deg, #DAECFF 0%, #F4FAFF 100%) !important;
}

.weather-update-section .heading-title .last-five {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   color: #ADADAD;
}

.weather-update-section .weather-update .weather-update-detail {
   display: flex;
   flex-direction: row;
   align-items: center;
   border: none;
   margin: 0px;
   padding: 20px 20px 10px;
}

.weather-update-section .weather-update .weather-update-action {
   margin: 0;
   padding: 5px 20px 5px;
   color: #FFFFFF;
   font-weight: 500;
   font-size: 13px;
   display: flex;
   gap: 5px;
   align-items: center;
}

.weather-update-action img {
   background: none;
   margin: 0;
   display: unset;
   color: #FFFFFF;
   height: 1em;
   width: auto;
}

.weather-update-section .weather-update-detail .detail-card {
   padding: 0 20px;
   border-right: 1px solid #DFDFDF29;
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-grow: 1;
}

.weather-update-section .weather-update-detail .detail-card:first-child {
   padding-left: 0;
   align-items: flex-start;
}

.weather-update-section .weather-location-box .detail-card:nth-child(2) {
   flex-direction: row;
   align-items: flex-start;
}

.weather-update-section .weather-location-box {
   display: flex;
   align-items: center;
   padding-right: 20px;
   border-right: 1px solid #DFDFDF29;
}

.weather-update-section .weather-update-detail .detail-card:last-child {
   padding-right: 0;
   border: none;
}

.weather-update-section .detail-card .location {
   font-size: 14px;
   line-height: 21px;
   text-transform: capitalize;
   color: #F5F5F5B2;
   font-weight: 400;
   max-width: 160px;
   overflow: hidden;
}

.weather-update-section .marquee-container {
   position: relative;
   overflow: hidden;
   width: 100%;
}

.weather-update-section .marquee-container .marquee-strip {
   position: relative;
   display: flex;
   align-items: center;
   width: max-content;
   height: 100%;
   animation: marquee 8s linear infinite;
}

.weather-update-section .marquee-strip {
   display: inline-flex;
   gap: 3px;
   white-space: nowrap;
}

@keyframes marquee {
   0% {
      transform: translateX(100%);
   }

   100% {
      transform: translateX(-100%);
   }
}

.weather-update-section .detail-card .location .city {
   font-weight: 600;
   color: #FFFFFF;
   line-height: 21px;
}

.weather-update-section .detail-card .last-updated {
   color: #F5F5F5B2;
   font-size: 12px;
   font-weight: 400;
   line-height: 13px;
   text-transform: capitalize;
   text-align: right;
}

.weather-update-section .detail-card .weather-img {
   width: 25px;
   height: 25px;
   margin-right: 7px;
   background-repeat: no-repeat;
   background-size: contain;
}

.weather-update-section .detail-card .weather-img.clouds {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/clouds.png");
}

.weather-update-section .detail-card .weather-img.ash {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/ash.png");
}

.weather-update-section .detail-card .weather-img.clear {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/clear.png");
}

.weather-update-section .detail-card .weather-img.drizzle {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/drizzle.png");
}

.weather-update-section .detail-card .weather-img.dust {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/dust.png");
}

.weather-update-section .detail-card .weather-img.fog {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/fog.png");
}

.weather-update-section .detail-card .weather-img.haze {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/haze.png");
}

.weather-update-section .detail-card .weather-img.mist {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/mist.png");
}

.weather-update-section .detail-card .weather-img.snow {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/snow.png");
}

.weather-update-section .detail-card .weather-img.rain {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/rain.png");
}

.weather-update-section .detail-card .weather-img.sand {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/sand.png");
}

.weather-update-section .detail-card .weather-img.smoke {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/smoke.png");
}

.weather-update-section .detail-card .weather-img.squall {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/squall.png");
}

.weather-update-section .detail-card .weather-img.thunderstorm {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/thunder-storm.png");
}

.weather-update-section .detail-card .weather-img.tornado {
   background-image: url("//staticg.sportskeeda.com/cmc/weather/tornado.png");
}

.weather-update-section .detail-card .weather-detail {
   color: #FFFFFF;
   font-size: 14px;
   font-weight: 500;
   line-height: 21px;
   text-transform: capitalize;
   display: flex;
   align-items: center;
}

.weather-update-section .detail-card .temperature {
   font-weight: 600;
   line-height: 21px;
   font-size: 16px;
}

.weather-update-section .detail-card .temperature-scale {
   position: relative;
   top: -2px;
   margin-left: 2px;
}

.weather-update-section .detail-card .separator-dot {
   width: 3px;
   height: 3px;
   background-color: #FFFFFF;
   display: inline-flex;
   border-radius: 50%;
   margin: 0 4px;
}

.weather-update-section .detail-card .weather-description {
   color: #999;
   font-size: 12px;
   font-weight: 400;
   line-height: 13px;
   text-transform: capitalize;
}

.weather-update-section .detail-card .clouds,
.weather-update-section .detail-card .rain,
.weather-update-section .detail-card .humidity,
.weather-update-section .detail-card .wind {
   color: #F5F5F5CC;
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   text-transform: capitalize;
}

.weather-update-section .detail-card .clouds-percentage,
.weather-update-section .detail-card .rain-percentage,
.weather-update-section .detail-card .humidity-percentage,
.weather-update-section .detail-card .wind-details {
   color: #F5F5F5B2;
   font-size: 14px;
   font-weight: 600;
   line-height: 24px;
}

.weather-update-section .detail-card .clouds-percentage,
.weather-update-section .detail-card .rain-percentage,
.weather-update-section .detail-card .humidity-percentage,
.weather-update-section .detail-card .wind-value {
   color: #FFFFFF;
   font-weight: 600;
   font-size: 16px;
}

.weather-update-section .detail-card.weather-info {
   display: flex !important;
   align-items: center !important;
}

@media (max-width:1024px) {
   .weather-update-section {
      border: none;
      margin-bottom: 0px;
   }

   .weather-update-section .weather-update {
      border: 1px solid #DFDFDF;
      margin: 12px 16px 0;
      border-radius: 4px;
   }

   .weather-update-section#weather-live-tab {
      border-radius: unset;
      overflow: unset;
      box-shadow: unset;
   }

   .weather-update-section .weather-update-heading {
      background: #F5F5F5;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      padding: 8px 16px;
   }

   .weather-update-section .weather-update .weather-update-detail {
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0;
      margin: 10px 16px 0;
   }

   .weather-update-section .weather-update .weather-update-action {
      font-size: 11px;
      padding: 5px 12px 5px;
   }

   .info-cmc .weather-update-section .weather-update .weather-update-detail,
   .fantasy-tips-tab .weather-update-section .weather-update .weather-update-detail {
      margin: 10px 12px 0;
   }

   .weather-update-detail .weather-location-box {
      padding: 0px;
      border-right: none;
      margin-bottom: 13px;
      flex-direction: row-reverse;
      flex-grow: 1;
   }

   .weather-update-section .weather-update-detail .detail-card {
      width: 33.3%;
      padding: 0 12px;
   }

   .weather-update-section .detail-card .temperature,
   .weather-update-section .detail-card .location .city {
      line-height: 18px;
   }

   .weather-update-section .weather-update-detail .weather-location-box .detail-card {
      width: 50%;
      padding: 0;
   }

   .weather-update-section .detail-card.weather-info {
      width: 70% !important;
      display: flex !important;
      align-items: center !important;
   }

   .weather-update-section .weather-update-detail .detail-card:last-child {
      padding-right: 12px;
   }

   .weather-update-section .weather-update-detail .weather-location-box .detail-card:first-child {
      border-right: none;
      align-items: flex-end;
   }

   .weather-update-section .detail-card .last-updated,
   .weather-update-section .detail-card .clouds,
   .weather-update-section .detail-card .rain,
   .weather-update-section .detail-card .humidity,
   .weather-update-section .detail-card .wind,
   .weather-update-section .detail-card .wind-details,
   .weather-update-section .detail-card .weather-description {
      font-size: 10px;
   }

   .weather-update-section .detail-card .weather-img {
      margin-right: 3px;
      height: 29px;
      width: 29px;
   }

   .weather-update-section .detail-card .wind-details {
      line-height: 21px;
   }

   .weather-update-section .detail-card .clouds,
   .weather-update-section .detail-card .rain,
   .weather-update-section .detail-card .humidity,
   .weather-update-section .detail-card .wind {
      line-height: 15px;
   }

   .weather-update-section .detail-card .weather-detail,
   .weather-update-section .detail-card .location {
      font-size: 12px;
      line-height: 18px;
   }

   .weather-update-section .detail-card .wind-value,
   .weather-update-section .detail-card .humidity-percentage,
   .weather-update-section .detail-card .clouds-percentage,
   .weather-update-section .detail-card .rain-percentage {
      font-size: 14px;
      line-height: 21px;
   }
}


.common-squad-data button {
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.common-squad-data .info-main-sub-headings {
   width: 100%;
   background: #E5E8E8;
   padding: 6px 20px;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   color: #474747;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.common-squad-data .players-data .team-squad .squad-player .role-icon {
   color: #D32F2F;
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   background: linear-gradient(124deg, #FD4C00 6%, #FFBB0B 91%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.common-squad-data .cmc-squad-players {
   overflow: hidden;
   -webkit-mask-image: unset;
   width: 100%;
}

.common-squad-data .players-data .team-squad .squad-player span {
   display: inline-flex;
}

.common-squad-data .players-data .team-squad .role-icon {
   margin-right: 4px;
   filter: unset;
}

.common-squad-data .cmc-toggle-btn {
   gap: 7px;
   background: #FFFFFF;
   border: 1px solid #666666;
   width: auto;
   border-radius: 28px;
   padding: 5px 15px;
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: auto;
}

.common-squad-data .cmc-toggle-btn img {
   background: transparent;
   transform: rotate(270deg);
   width: 8px;
}

.common-squad-data .squad-view-more {
   position: absolute;
   bottom: 0;
   right: 0;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   padding-bottom: 15px;
   left: 0;
}

.common-squad-data .squad-view-more-button {
   display: flex;
   gap: 7px;
   background: #FFFFFF;
   border: 1px solid #666666;
   width: auto;
   border-radius: 28px;
   align-items: center;
   padding: 5px 15px;
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
   cursor: pointer;
}

.common-squad-data .squad-view-more-button img {
   background: transparent !important;
   transform: rotate(90deg);
}

.common-squad-data .squad-over-layer {
   position: absolute;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.49) 0%, #FFFFFF 56.93%);
   left: 0;
   bottom: 0;
   right: 0;
   height: 105px;
}

.common-squad-data .playing-content {
   transition: unset;
}

.common-squad-data {
   width: 100%;
   display: inline-flex;
   flex-direction: column;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.common-squad-data .squad-sections,
.common-squad-data .playing-xi-sections {
   width: 100%;
   position: relative;
   overflow: hidden;
}

.common-squad-data .players-data .team-card {
   text-align: center;
   padding: 16px 20px !important;
   border: 1px solid #E9E9E9;
}

.common-squad-data .players-data .playing-content-open {
   max-height: 1600px;
   height: auto;
   transition: max-height 1s ease-in;
}

.common-squad-data .players-data a.team-flag-anchor {
   text-decoration: none;
   align-items: center;
   display: flex;
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   text-transform: uppercase;
   color: #474747;
}

.common-squad-data .players-data .team-holder span:first-child .team-flag {
   margin: 0px 16px 3px 0px;
}

.common-squad-data .players-data .team-holder span:last-child .team-flag {
   margin: 0px 0px 3px 16px;
}

.common-squad-data .players-data .team-holder .team-flag {
   height: 21px;
   width: 28px;
   border-radius: 0;
   display: inline-block;
   background: #fff;
   border: none;
   overflow: hidden;
   object-fit: contain;
}

.common-squad-data .players-data .playing-content {
   max-height: 0;
   transition: max-height 1s ease-out;
}

.common-squad-data .players-data .preview-card-holder {
   width: 100%;
   background: #fff;
   border-radius: 8px;
}

.common-squad-data .players-data .team-card .team-holder {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.common-squad-data .players-data .team-holder span:first-child {
   text-align: left;
}

.common-squad-data .players-data .team-holder span:first-child,
.common-squad-data .players-data .team-holder span:last-child {
   font-size: 16px;
   color: #474747;
   font-weight: bold;
   line-height: 20px;
   display: inline-flex;
   align-items: center;
   width: 47%;
   text-transform: uppercase;
   margin-bottom: 16px;
}

.common-squad-data .players-data .team-holder span:last-child {
   text-align: right;
   justify-content: end;
}

.common-squad-data .players-data .preview-card-content .squads-holder {
   display: flex;
   padding: 0px;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 16px;
   gap: 10px;
}

.common-squad-data .players-data .squads-holder .team-squad.team-squad-left {
   width: 100%;
   text-align: left;
   padding: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.common-squad-data .players-data .squads-holder .team-squad {
   padding: 10px 10px 4px;
   color: #2D2D2D;
   font-size: 16px;
   line-height: 20px;
   font-weight: 500;
}

.common-squad-data .players-data .team-squad.team-squad-border {
   width: 10px;
   padding: 0px;
}

.common-squad-data .players-data .team-squad.team-squad-border hr {
   border: none;
   border-right: 1px solid #F5F5F5;
   width: 1px;
   height: 100%;
   margin: 0px auto;
}

.common-squad-data .players-data .squads-holder .team-squad.team-squad-right {
   width: 100%;
   text-align: right;
   padding: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 16px;
}

.common-squad-data .players-data .player-role-info {
   min-height: unset;
   display: flex;
   align-items: center;
   gap: 12px;
}

.common-squad-data .players-data .player-img-anchor .player-img {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   object-fit: cover;
   border: 1px solid #E9E9E9;
   object-position: top;
   background: transparent;
}

.common-squad-data .players-data .team-squad .squad-player a {
   color: #0B65F0;
   text-decoration: none;
   width: 100%;
   display: inline-flex;
   align-items: center;
   gap: 2px;
}

.common-squad-data .players-data .team-squad.team-squad-right .squad-player a {
   justify-content: flex-end;
}

.common-squad-data .players-data .team-squad.team-squad-left .squad-player a {
   justify-content: flex-start;
}

.common-squad-data .players-data .team-squad .squad-player {
   align-items: center;
   color: #2D2D2D;
   display: flex;
   flex-direction: column;
}

.common-squad-data .players-data .team-squad .squad-player span {
   margin-bottom: 2px;
   display: inline-flex;
   text-transform: capitalize;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
}

.common-squad-data .players-data .team-squad .player-role-info .tip-role-div {
   display: flex;
   align-items: center;
   margin-bottom: 12px;
   gap: 12px;
   margin-top: 1px;
}

.common-squad-data .players-data .team-squad .squad-player .role-icon {
   margin: 0 3px;
   flex-shrink: 0;
   width: 20px !important;
   height: 19px !important;
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-in,
.common-squad-data .players-data .team-squad .squad-player .player-delta-out {
   transform: translate(0px, 4px);
   margin: 0 2px;
}

.common-squad-data .players-data .team-squad .squad-player .player-cta .player-delta-in,
.common-squad-data .players-data .team-squad .squad-player .player-cta .player-delta-out {
   transform: translate(0px, -1px);
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-in>span {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 6px 12px 6px;
   border-color: transparent transparent #29BA20 transparent;
   transform: rotate(0deg);
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-in.right>span:after,
.common-squad-data .players-data .team-squad .squad-player .player-delta-out.right>span:after,
.common-squad-data .players-data .team-squad .squad-player .player-delta-in.left>span:after,
.common-squad-data .players-data .team-squad .squad-player .player-delta-out.left>span:after {
   position: fixed;
   padding: 8px;
   border-radius: 8px;
   width: max-content;
   border: 1px solid #DFDFDF;
   background: rgba(71, 71, 71, 0.90);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
   color: #fff;
   font-size: 11px;
   font-weight: 500;
   line-height: 15.4px;
   z-index: 999;
   top: -8px;
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-in>span:hover::after {
   content: "Moved In";
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-in.right>span:hover::after {
   right: 8px;
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-in.left>span:hover::after {
   left: 8px;
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-out>span:hover::after {
   content: "Moved Out";
   transform: rotate(180deg);
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-out.left>span:hover::after {
   right: 8px;
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-out.right>span:hover::after {
   left: 8px;
}

.common-squad-data .players-data .team-squad .squad-player .player-delta-out>span {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 6px 12px 6px;
   border-color: transparent transparent #D32F2F transparent;
   transform: rotate(180deg);
}

.common-squad-data .players-data .team-squad .player-role {
   color: #999999;
   padding: 0;
   margin-bottom: 0px;
   text-transform: capitalize;
   font-weight: 400;
   font-size: 14px !important;
   line-height: 21px;
}

.common-squad-data .players-data .bench-players,
.common-squad-data .players-data .substitute-players,
.common-squad-data .players-data .impact-players,
.common-squad-data .players-data .playing-xi-squad-players {
   width: 100%;
}

.common-squad-data .players-data .preview-card-content .squads-holder .bench-players,
.common-squad-data .players-data .preview-card-content .squads-holder .substitute-players,
.common-squad-data .players-data .preview-card-content .squads-holder .impact-players,
.common-squad-data .players-data .preview-card-content .squads-holder .playing-xi-squad-players {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.common-squad-data .players-data .bench-title,
.common-squad-data .players-data .substitute-title,
.common-squad-data .players-data .impact-title {
   background: #FAFAFA;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   padding: 3px;
   color: #2D2D2D;
   margin-bottom: 12px;
   width: 100%;
}

.common-squad-data .players-data .toggle-btn {
   display: none;
}

.common-squad-data .players-data .squads-holder .impact-players .team-squad {
   gap: 12px;
   position: relative;
}

.common-squad-data .players-data .squads-holder .impact-players .impact-image {
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 50%;
   height: 24px;
   width: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 40px;
   left: 8px;
}

.common-squad-data .players-data .squads-holder .impact-players .team-squad-right .impact-image {
   left: unset;
   right: 8px;
}

.common-squad-data .players-data .squads-holder .impact-players .impact-player-icon {
   margin: 0;
   background: transparent;
   height: 12px;
   width: 13px;
}

.common-squad-data .players-data .impact-players .player-img.impact-out {
   border: 1px solid #AF2222;
}

.common-squad-data .players-data .impact-players .player-img.impact-in {
   border: 1px solid #29BA20;
}

.common-squad-data .players-data .team-squad-right .player-role {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 4px;
}

.common-squad-data .players-data .team-squad-left .player-role {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 4px;
}

.common-squad-data .players-data .impact-role {
   margin-bottom: 0;
}

.common-squad-data .players-data .impact-player-role-icon {
   margin: 0px;
   transform: unset;
   height: 13px !important;
   width: 26px !important;
   background: transparent;
}

.common-squad-data .players-data .impact-players .impact-section {
   display: flex;
   align-items: stretch;
   width: 100%;
}

.common-squad-data .players-data .team-squad .squad-player .impact-player-div {
   position: relative;
   width: max-content;
   overflow: visible;
}

.common-squad-data .players-data .team-squad .squad-player .impact-tooltip {
   visibility: hidden;
   background-color: black;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 5px 8px;
   position: absolute;
   z-index: 1;
   font-weight: 400;
   font-size: 12px;
   line-height: 12px;
   left: 0px;
   top: 15px;
   opacity: 70%;
   white-space: nowrap;
   width: auto;
   max-width: unset;
}

.common-squad-data .players-data .team-squad .squad-player .role-right .impact-tooltip {
   right: 0px;
   left: unset;
}

.common-squad-data .players-data .impact-player-div:hover .impact-tooltip {
   visibility: visible;
}

.common-squad-data .players-data .impact-player-div .show-tooltip {
   visibility: visible !important;
}

.common-squad-data .empty-squad {
   text-align: center;
   padding: 16px 20px !important;
   border: 1px solid #E9E9E9;
}

.common-squad-data .players-data .squads-holder .players-wrapper {
   display: flex;
   width: 100%;
   justify-content: space-between;
}

.common-squad-data .players-data .team-squad .squad-player .role-icon {
   color: #D32F2F;
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
   background: linear-gradient(124deg, #FD4C00 6%, #FFBB0B 91%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.info-cmc .common-squad-data .info-main-sub-headings {
   display: none;
}

.info-cmc .preview-sections {
   border: unset;
   margin-bottom: 0;
   margin-top: 0;
}

@media (max-width:1024px) {
   .players-data .team-squad .squad-player .role-icon {
      font-size: 10px;
      line-height: 15px;
   }

   .preview-data .preview-card-holder {
      margin-top: 0px;
   }

   .common-squad-data .cmc-squad-players {
      border: none;
   }

   .common-squad-data .cmc-toggle-btn {
      padding: 3px 12px;
   }

   .common-squad-data .squad-view-more-button img {
      width: 8px;
   }

   .common-squad-data .info-main-sub-headings {
      background: #F5F5F5;
   }

   .common-squad-data .common-squad-data {
      margin: 0px;
   }

   .common-squad-data .players-data .team-squad .squad-player .role-icon {
      font-size: 10px;
      line-height: 15px;
   }

   .common-squad-data .players-data .team-card {
      padding: 20px 16px !important;
      border: none;
   }

   .common-squad-data .players-data a.team-flag-anchor {
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
   }

   .common-squad-data .players-data .team-holder .team-flag {
      width: 26px;
      height: 20px;
   }

   .common-squad-data .players-data .team-squad .squad-player span {
      font-weight: 500;
      font-size: 12px;
      line-height: 18px;
      display: block !important;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%;
   }

   .common-squad-data .players-data .team-squad .squad-player .player-name {
      overflow: hidden;
      width: unset;
   }

   .common-squad-data .players-data .team-squad .squad-player>span {
      display: flex !important;
   }

   .common-squad-data .players-data .team-squad .player-role {
      font-weight: 400;
      font-size: 12px !important;
      line-height: 18px;
   }

   .common-squad-data .players-data .team-squad .squad-player .player-delta-in,
   .common-squad-data .players-data .team-squad .squad-player .player-delta-out {
      transform: translate(0px, 2px);
      flex-shrink: 0;
   }

   .common-squad-data .players-data .team-squad .squad-player .player-delta-out {
      transform: translate(0px, 3px);
   }

   .common-squad-data .players-data .team-squad .squad-player .player-cta .player-delta-out {
      transform: translate(0px, 0px);
   }

   .common-squad-data .players-data .bench-title,
   .common-squad-data .players-data .substitute-title,
   .common-squad-data .players-data .impact-title {
      font-weight: 500;
      font-size: 12px;
      line-height: 18px;
   }

   .common-squad-data .players-data .squads-holder .team-squad.team-squad-left,
   .common-squad-data .players-data .squads-holder .team-squad.team-squad-right {
      gap: 12px;
      width: calc(50% - 17px);
   }

   .common-squad-data .players-data .player-img-anchor .player-img {
      width: 36px;
      height: 36px;
   }

   .common-squad-data .players-data .player-role-info {
      gap: 6px;
      width: 100%;
   }

   .common-squad-data .players-data .team-squad .squad-player {
      width: calc(100% - 42px);
   }

   .common-squad-data .players-data .team-squad .squad-player.squad-player-div {
      width: 100%;
   }

   .info-squad-data .players-data .team-squad .squad-player .role-icon {
      font-size: 10px;
      line-height: 15px;
   }

   .common-squad-data .players-data .squads-holder .team-squad.team-squad-right .player-role-info {
      justify-content: flex-end;
   }

   .common-squad-data .players-data .squads-holder .team-squad.team-squad-right .player-role-info .squad-player {
      align-items: flex-end;
   }

   .common-squad-data .players-data .squads-holder .team-squad.team-squad-left .player-role-info {
      justify-content: flex-start;
   }

   .common-squad-data .players-data .squads-holder .team-squad.team-squad-left .player-role-info .squad-player {
      align-items: flex-start;
   }

   .common-squad-data .players-data .team-squad .squad-player.captain-div span {
      max-width: calc(100% - 28px);
   }

   .common-squad-data .players-data .team-squad .squad-player.captain-div .role-icon {
      width: auto !important;
      height: 18px !important;
   }

   .common-squad-data .players-data .squads-holder .impact-players .impact-image {
      top: 33px;
      left: 6px;
   }

   .common-squad-data .players-data .squads-holder .impact-players .team-squad-right .impact-image {
      top: 33px;
      right: 6px;
   }

   .common-squad-data .players-data .impact-player-role-icon {
      min-height: unset;
      height: 11px !important;
      width: 24px !important;
   }

   .common-squad-data .players-data .team-squad .squad-player .player-delta-in.right>span:hover::after,
   .common-squad-data .players-data .team-squad .squad-player .player-delta-in.left>span:hover::after {
      top: -35px;
      left: -35px;
   }

   .common-squad-data .players-data .team-squad .squad-player .player-delta-out.right>span:hover::after,
   .common-squad-data .players-data .team-squad .squad-player .player-delta-out.left>span:hover::after {
      top: 15px;
      left: -35px;
   }

   .common-squad-data .player-delta-in.remove-player-delta-tooltip>span:after,
   .common-squad-data .player-delta-out.remove-player-delta-tooltip>span:after {
      display: block;
   }

   .common-squad-data .player-delta-in>span:after,
   .common-squad-data .player-delta-out>span:after {
      display: none;
   }
}


.info-prediction-poll-v2 .poll-question {
   font-weight: 500;
   font-size: 22px;
   line-height: 33px;
   color: #474747;
}

.info-prediction-poll-v2 {
   width: 100%;
   display: flex;
   background: #F7F7FA;
   padding: 20px;
   gap: 30px;
}

.info-prediction-poll-v2 .poll-question-wrapper {
   display: flex;
   flex-direction: column;
   gap: 7px;
   max-width: 250px;
}

.info-prediction-poll-v2 .poll-question-wrapper .poll-count {
   font-weight: 400;
   color: #999999;
   font-size: 12px !important;
   line-height: 18px;
   padding: 0;
   margin: 0;
}

.info-prediction-poll-v2.poll-card-content .poll-question {
   font-weight: bold;
   font-size: 14px !important;
   line-height: 20px;
   color: #D32F2F;
   margin: 16px 0;
   padding: 0;
   margin-top: 0;
}

.info-prediction-poll-v2 .poll-card-content .poll-option {
   background: #FFFFFF;
   border: 1px solid #666;
   box-sizing: border-box;
   border-radius: 12px;
   padding: 14px 10px 17px;
   margin-bottom: 0px;
   cursor: pointer;
   position: relative;
   min-height: 58px;
   overflow: hidden;
   display: flex;
   align-items: center;
   width: 100%;
}

.info-prediction-poll-v2 .poll-card-content .poll-option-answered {
   cursor: initial;
   opacity: 0.4;
}

.info-prediction-poll-v2 .poll-card-content .has-winner {
   cursor: initial;
}

.info-prediction-poll-v2 .poll-option .poll-option-color {
   position: absolute;
   background: rgba(52, 160, 255, 0.60);
   height: 100%;
   top: 0;
   left: 0;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   transition: all 1s;
}

.info-prediction-poll-v2 .poll-option.poll-option-selected {
   opacity: 1;
}

.info-prediction-poll-v2 .poll-card-content .poll-option-text {
   padding: 0;
   margin: 0;
   font-weight: 500;
   font-size: 18px !important;
   line-height: 27px;
   color: #666;
   position: relative;
   text-align: center;
   text-transform: uppercase;
}

.info-prediction-poll-v2 .winning-team {
   font-size: 16px;
   color: #2D2D2D;
   font-weight: 500;
}

.info-prediction-poll-v2 .survey-poll-content .poll-option:hover {
   border: 1px solid #0B65F0;
}

.info-prediction-poll-v2 .cmc-survey-question,
.info-prediction-poll-v2 .cmc-survey-question span {
   background: #0B65F0;
   color: #FFFFFF;
}

.info-prediction-poll-v2 .survey-poll-content {
   background: #E1EBFF;
}

.info-prediction-poll-v2 .prediction-poll {
   border-radius: 0;
}

.info-prediction-poll-v2 .preview-card-content.poll-card-content {
   display: flex;
   gap: 14px;
   flex-grow: 1;
}

.info-prediction-poll-v2 .poll-card-content .poll-question {
   margin-top: 16px;
}

@media (max-width:1024px) {
   .info-prediction-poll-v2 {
      border: 1px solid #DFDFDF;
      border-radius: 4px;
      margin: 0 16px;
      flex-direction: column;
      gap: 14px;
      padding: 12px 16px;
   }

   .info-prediction-poll-v2 .poll-question-wrapper {
      flex-direction: row;
      max-width: 100%;
      justify-content: space-between;
      align-items: flex-end;
   }

   .info-prediction-poll-v2 .poll-question {
      font-size: 14px;
      line-height: 21px;
   }

   .info-prediction-poll-v2 .poll-question-wrapper .poll-count {
      width: auto;
      font-size: 11px !important;
      line-height: 17px;
   }

   .info-prediction-poll-v2 .poll-card-content .poll-option-text {
      font-weight: 500;
      font-size: 14px !important;
      line-height: 21px;
   }

   .info-prediction-poll-v2 .poll-card-content .poll-option {
      padding: 6px 10px;
      min-height: 32px;
   }
}

.teams-ranking-section-v2 {
   width: 100%;
   flex-direction: column;
   display: flex;
   margin-bottom: 0;
}

.teams-ranking-section-v2 .teams-ranking-heading {
   background: #E5E8E8;
   padding: 6px 20px;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.teams-ranking-section-v2 .point-table {
   display: flex;
   align-items: center;
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
}

.teams-ranking-section-v2 .point-table button {
   color: #0B65F0;
   text-decoration: none;
   background: #E5E8E8;
   gap: 6px;
   align-items: center;
   border: none;
   display: flex;
   cursor: pointer;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.teams-ranking-section-v2 .point-table img {
   background: transparent;
}

.teams-ranking-section-v2 .teams-ranking-info {
   overflow-x: auto;
}

.teams-ranking-section-v2 .teams-ranking-info table {
   display: table;
   margin-left: 0;
   width: 100%;
   white-space: nowrap;
}

.teams-ranking-section-v2 .teams-ranking-table {
   background: #fff;
   border: none;
}

.teams-ranking-section-v2 .teams-ranking-info thead {
   font-weight: bold;
}

.teams-ranking-section-v2 .teams-ranking-table tr {
   background: none !important;
}

.teams-ranking-section-v2 .teams-ranking-table td {
   font-size: 14px;
   color: #0f0f0f;
   text-align: center;
   padding-left: 8px;
}

.teams-ranking-section-v2 .keeda-widget-cricket-flag {
   display: inline-block;
   width: 24px;
   height: 24px;
   vertical-align: middle;
   margin: 0 10px 0 0;
}

.teams-ranking-section-v2 .teams-ranking-table .points-table-team-name>div {
   display: flex;
   align-items: center;
}

.teams-ranking-section-v2 .teams-ranking-table .points-table-team-name>div>img {
   height: 21px;
   width: 27px;
   object-fit: contain;
   background: none;
   margin: 0 6px 0 0;
}

.teams-ranking-section-v2 .teams-ranking-table .overall-points {
   font-weight: bold;
   color: #000;
}

.teams-ranking-section-v2 .teams-ranking-table thead tr,
.teams-ranking-section-v2 .teams-ranking-table tbody tr {
   border-bottom: 1px solid #F5F5F5 !important;
}

.teams-ranking-section-v2 .teams-ranking-table th {
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   text-transform: capitalize;
   color: #474747;
   text-align: center;
   padding: 10px;
}

.teams-ranking-section-v2 .teams-ranking-table td {
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   text-transform: capitalize;
   text-align: center;
   color: #666666;
   padding: 10px;
}

.teams-ranking-section-v2 .teams-ranking-table .points-body tr:last-child {
   border: none !important;
}

.teams-ranking-section-v2 .teams-ranking-table .team-name {
   text-align: left;
}

.teams-ranking-section-v2 .teams-ranking-table .points-table-team-name {
   text-align: left;
   vertical-align: middle;
}

.teams-ranking-section-v2 .teams-ranking-table .points-table-team-name a {
   text-decoration: none;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
   color: #0B65F0;
}

.teams-ranking-section-v2 .teams-ranking-table .overall-points {
   color: #666666;
}

@media (max-width:1024px) {
   .teams-ranking-section-v2 {
      padding: 12px 16px 0;
      margin-top: 0px;
   }

   .teams-ranking-section-v2 .table-title {
      background: #F5F5F5;
      padding: 6px 16px;
   }

   .teams-ranking-section-v2 .teams-ranking-table th,
   .teams-ranking-section-v2 .teams-ranking-table td,
   .teams-ranking-section-v2 .teams-ranking-table .points-table-team-name a {
      font-size: 12px;
      line-height: 18px;
      padding: 10px 5px;
   }

   .teams-ranking-section-v2 .point-table img {
      height: 10px;
      width: 6px;
   }

   .teams-ranking-section-v2 .point-table {
      font-size: 12px;
   }

   .teams-ranking-section-v2 .teams-ranking-heading {
      padding: 6px 16px;
   }

   .teams-ranking-section-v2 .teams-ranking-info {
      border-radius: 4px;
      border: 1px solid #DFDFDF;
   }
}


.team-head-to-head-section-v2 {
   border: 1px solid #E9E9E9;
   display: inline-flex;
   width: 100%;
   flex-direction: column;
   margin-bottom: 20px;
}

.info-cmc .team-head-to-head-section-v2 {
   margin-bottom: 0;
   border: unset;
}

.team-head-to-head-section-v2 .team-head-to-head-heading {
   background: #E5E8E8;
   padding: 8px 20px;
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
   color: #474747;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.info-cmc .team-head-to-head-section-v2 .team-head-to-head-heading {
   display: none;
}

.team-head-to-head-section-v2 .heading-title {
   display: flex;
   align-items: center;
   gap: 8px;
}

.team-head-to-head-section-v2 .heading-title .last-five {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   color: #ADADAD;
}

.team-head-to-head-section-v2 .team-head-to-head-flag {
   font-size: 16px;
   color: #474747;
   font-weight: 700;
   line-height: 20px;
   display: inline-flex;
   align-items: center;
   gap: 12px;
}

.info-cmc .team-head-to-head-section-v2 .team-head-to-head-flag {
   font-size: 14px;
   font-weight: 600;
   line-height: 21px;
   gap: 6px;
}

.team-head-to-head-section-v2 .teama-head_to_head-data .team-flag,
.team-head-to-head-section-v2 .teamb-head_to_head-data .team-flag {
   height: 22px;
   width: 33px;
   object-fit: contain;
   background: none;
}

.team-head-to-head-section-v2 .team-head-to-head .team-head-to-head-detail {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
   align-items: center;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   margin: 16px 26px;
}

.info-cmc .team-head-to-head-section-v2 .team-head-to-head .team-head-to-head-detail {
   border: unset;
   border-radius: unset;
   margin: 0;
}

.team-head-to-head-section-v2 .team-head-to-head-detail .team-matches-won {
   padding: 16px 0px 17px 0px;
   font-weight: 700;
   font-size: 24px;
   line-height: 29px;
   display: flex;
   justify-content: center;
   gap: 10px;
   align-items: center;
}

.info-cmc .team-head-to-head-section-v2 .team-head-to-head-detail .team-matches-won {
   font-weight: 600;
   font-size: 20px;
   line-height: 30px;
}

.team-head-to-head-section-v2 .team-head-to-head-detail .high-won-matches {
   color: #29BA20;
}

.team-head-to-head-section-v2 .team-head-to-head-detail .low-won-matches {
   color: #D32F2F;
}

.team-head-to-head-section-v2 .team-head-to-head-detail .equal-won-matches {
   color: #2D2D2D;
}

.info-cmc .team-head-to-head-section-v2 .team-head-to-head-detail .high-won-matches {
   color: #474747;
}

.info-cmc .team-head-to-head-section-v2 .team-head-to-head-detail .low-won-matches {
   color: #666666;
}

.team-head-to-head-section-v2 .teama-head_to_head-data,
.team-head-to-head-section-v2 .teamb-head_to_head-data {
   padding: 12px 0px 12px 0px;
   display: inline-flex;
}

@media (max-width:1024px) {
   .team-head-to-head-section-v2 {
      border: none;
      margin-bottom: 0px;
   }

   .team-head-to-head-section-v2 .team-head-to-head-heading {
      background: #F5F5F5;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      padding: 8px 16px;
   }

   .team-head-to-head-section-v2 .heading-title .last-five {
      line-height: 18px;
   }

   .team-head-to-head-section-v2 .team-head-to-head .team-head-to-head-detail {
      margin: 12px 16px;
      justify-content: space-between;
      padding: 0 16px;
   }

   .info-cmc .team-head-to-head-section-v2 .team-head-to-head .team-head-to-head-detail {
      border: 1px solid #DFDFDF;
      border-radius: 4px;
      margin: 12px 16px 0px;
   }

   .team-head-to-head-section-v2 .team-head-to-head-flag {
      font-weight: 700;
      font-size: 14px;
      line-height: 17px;
   }

   .team-head-to-head-section-v2 .team-head-to-head-detail .team-matches-won {
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
   }
}

.match-card-container {
   width: 270px;
   height: auto;
   min-height: 135px;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   overflow: hidden;
}

.match-card-container .match-info {
   font-size: 10px;
   line-height: 15px;
   font-weight: 400;
   color: #999999;
   padding: 4px 12px;
   border-bottom: 1px solid #DFDFDF;
   margin: 0;
   display: flex;
   gap: 3px;
   white-space: nowrap;
   position: relative;
}

.match-card-container .info-wrapper.reduce-width {
   width: calc(100% - 15px);
}

.match-card-container .match-desc {
   color: #474747;
   font-weight: 600;
}

.match-card-container .dot {
   width: 3px;
   height: 3px;
}

.match-card-container .match-details {
   font-size: 12px;
   line-height: 18px;
   font-weight: 400;
   color: #474747;
   padding: 12px;
}

.match-card-container .team-details {
   display: flex;
   flex-direction: column;
}

.match-card-container .team-detail-wrapper {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.match-card-container .team-detail {
   display: flex;
   align-items: center;
   gap: 8px;
}

.match-card-container .team-detail.loss {
   opacity: 0.5;
}

.match-card-container .team-flag {
   border-radius: 4px;
   width: 27px;
   height: 20px;
   object-fit: contain;
   background-color: transparent;
   margin: 0;
}

.match-card-container .team-score-over {
   margin-left: auto;
   white-space: nowrap;
}

.match-card-container .match-results {
   padding: 0 12px 8px;
   color: #1A6FF1;
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.match-card-container .match-results .win-margin {
   font-weight: 600;
}

.match-card-container .recent-match-link {
   background-color: transparent;
   display: inline-block;
   height: 100%;
   position: absolute;
   text-decoration: none !important;
   text-indent: -999px;
   white-space: nowrap;
   width: 100%;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
}

.match-card-container .result-tag {
   border: 1px solid #DFDFDF;
   color: #FFFFFF;
   width: 24px;
   height: 25px;
   position: absolute;
   top: -1px;
   right: -1px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 500;
}

.match-card-container .result-tag.win {
   background: #29BA20;
}

.match-card-container .result-tag.loss {
   background: #AF2222;
}

.match-card-container .result-tag.draw {
   background: #DF9035;
}

.match-card-container .marquee-container {
   position: relative;
   overflow: hidden;
   width: 100%;
}

.match-card-container .marquee-container .marquee-strip {
   position: relative;
   display: flex;
   width: max-content;
   height: 100%;
   animation: marquee 8s linear infinite;
}

.match-card-container .marquee-strip {
   gap: 3px;
}

@keyframes marquee {
   0% {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
   }

   100% {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
   }
}


.team-form-section-v2 {
   border: 1px solid #E9E9E9;
   display: inline-flex;
   width: 100%;
   flex-direction: column;
   margin-bottom: 20px;
}

.info-cmc .team-form-section-v2 {
   border: unset;
   margin-bottom: 0;
}

.team-form-section-v2 .team-form-heading {
   background: #E5E8E8;
   padding: 8px 20px;
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
   color: #474747;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.info-cmc .team-form-section-v2 .team-form-heading {
   display: none;
}

.team-form-section-v2 .heading-title {
   display: flex;
   align-items: center;
   gap: 8px;
}

.team-form-section-v2 .see-all-stats {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
}

.team-form-section-v2 .see-all-stats button {
   color: #0B65F0;
   text-decoration: none;
   background: #E5E8E8;
   gap: 6px;
   align-items: center;
   border: none;
   display: flex;
   cursor: pointer;
}

.team-form-section-v2 .see-all-stats img {
   background: none;
   height: 11px;
   width: 6px;
}

.team-form-section-v2 .team-form-stats-detail {
   padding: 0 20px;
}

.team-form-section-v2 .team-form-stats-detail .team-form-data-wrapper {
   border-bottom: 1px solid #F5F5F5;
}

.team-form-section-v2 .team-form-stats-detail .team-form-data {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
}

.team-form-section-v2 .heading-title .last-five {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   color: #ADADAD;
}

.team-form-section-v2 .team-form-stats-detail .team-form-data .team-name {
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
   padding: 20px 0px;
   flex: 0.3;
   color: #2D2D2D;
   display: flex;
   gap: 8px;
   align-items: center;
}

.team-form-section-v2 .team-form-stats-detail .team-form-data .team-name>img {
   height: 19px;
   width: 27px;
   object-fit: contain;
   background: none;
   margin: 0;
}

.team-form-section-v2 .team-form-stats-detail .team-form-data .team-matches {
   font-weight: 500;
   font-size: 14px;
   flex: 0.7;
   padding: 16px 0px;
   gap: 10px;
   display: flex;
   align-items: center;
   flex-direction: row;
}

.info-cmc .team-form-section-v2 .team-form-stats-detail .team-form-data .team-name,
.info-cmc .team-form-section-v2 .team-form-stats-detail .team-form-data .team-matches {
   flex: unset;
}

.team-form-section-v2 .team-matches .match-result {
   border: 1px solid #F5F5F5;
   border-radius: 2px;
   font-weight: 500;
   font-size: 12px !important;
   line-height: 15px;
   margin: 0px;
   padding: 0px;
   color: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 27px;
   height: 27px;
}

.team-form-section-v2 .team-form-stats-detail .team-form-data .team-matches .won {
   background: #29BA20 !important;
}

.team-form-section-v2 .team-form-stats-detail .team-form-data .team-matches .loss {
   background: #AF2222 !important;
}

.team-form-section-v2 .team-form-data .team-matches .draw {
   background: #DF9035 !important;
}

.team-form-section-v2 .team-form-data .team-matches .not-played {
   background: #999999 !important;
}

.team-form-section-v2 .team-form-data:last-child {
   border: none;
}

.team-matches .match-result:first-child {
   border: 2px solid #2D2D2D;
}

.info-cmc .team-matches .match-result:first-child {
   position: relative;
}

.info-cmc .team-matches .match-result:first-child::after {
   position: absolute;
   bottom: -6px;
   width: 27px;
   height: 2px;
   background: #2d2d2d;
   content: "";
}

.team-matches .expand-arrow-container {
   width: 27px;
   height: 27px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}

.team-matches .expand-arrow {
   background: transparent;
   transform: rotate(90deg);
   width: 8px;
   height: 12px;
}

.team-matches .expand-arrow.expanded {
   transform: rotate(270deg);
}

.team-form-section-v2 .team-form-stats-detail .team-recent-matches {
   padding-bottom: 16px;
}

@media (max-width:1024px) {
   .team-form-section-v2 {
      border: none;
      margin-bottom: 0px;
   }

   .team-form-section-v2 .team-form-heading {
      background: #F5F5F5;
      font-weight: 600;
      font-size: 14px;
      line-height: 21px;
      padding: 8px 16px;
   }

   .team-form-section-v2 .team-form-stats-detail .team-form-data .team-name {
      font-size: 12px;
      line-height: 16px;
      padding: 16px 0;
   }

   .team-form-section-v2 .team-form-stats-detail {
      padding: 0 16px;
   }

   .info-cmc .team-form-section-v2 .team-form-stats-detail {
      border: 1px solid #DFDFDF;
      border-radius: 4px;
      margin: 12px 16px 0px;
      padding: 0 12px;
   }

   .team-form-section-v2 .heading-title .last-five {
      line-height: 18px;
   }

   .team-form-section-v2 .team-form-stats-detail .team-form-data .team-matches {
      justify-content: flex-end;
   }

   .team-form-section-v2 .see-all-stats button {
      background: transparent;
   }

   .team-form-section-v2 .see-all-stats button img {
      background: transparent;
      height: 10px;
      width: 6px;
   }

   .team-form-section-v2 .team-matches .match-result {
      width: 20px;
      height: 21px;
   }

   .info-cmc .team-matches .match-result:first-child::after {
      width: 20px;
   }
}


.players-watch-section-v2 {
   display: flex;
   flex-direction: column;
   width: 100%;
}

.players-watch-section-v2 .players-watch-info {
   display: flex;
   align-items: start;
   gap: 20px;
   padding: 16px 20px;
}

.info-cmc .players-watch-section-v2 .players-watch-info {
   padding: 0;
}

.players-watch-section-v2 .players-watch-batters-detail,
.players-watch-section-v2 .players-watch-bowlers-detail {
   flex: 0.5;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   display: flex;
   flex-direction: column;
}

.players-watch-section-v2 .players-watch-info .heading {
   border-bottom: 1px solid #DFDFDF;
   padding: 8px;
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   color: #2D2D2D;
}

.info-cmc .players-watch-section-v2 .players-watch-info .heading {
   padding: 8px 12px;
}

.players-watch-section-v2 .players-stats-content {
   border-bottom: 1px solid #F5F5F5;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding: 12px;
   min-height: 70px;
}

.players-watch-section-v2 .players-stats-content:last-child {
   border-bottom: none;
}

.players-watch-section-v2 .player-name {
   margin: 0;
   padding: 0;
   font-weight: 500;
   font-size: 14px !important;
   line-height: 21px;
   display: flex;
}

.players-watch-section-v2 a {
   text-decoration: none;
}

.players-watch-section-v2 .player-name .player-slug-name {
   color: #0B65F0;
}

.players-watch-section-v2 .player-name span {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 170px;
}

.players-watch-section-v2 .stats-player-role {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-weight: 400;
   font-size: 12px !important;
   line-height: 18px;
   color: #999999;
   margin: 0;
   padding: 0;
}

.players-watch-section-v2 .stats-player-role .stats-dots {
   position: relative;
   top: -3px;
}

.players-watch-section-v2 .player-name.player-points {
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   text-align: right;
   color: #D32F2F;
   justify-content: flex-end;
}

.info-cmc .players-watch-section-v2 .player-name.player-points {
   color: #474747;
}

.players-watch-section-v2 .player-role {
   margin: 2px 0 0 0;
   padding: 0;
   font-weight: 400;
   font-size: 12px !important;
   line-height: 18px;
   text-align: right;
   color: #999999;
}

.players-watch-section-v2 .player-img {
   height: 36px;
   width: 36px;
   border: 1px solid #E9E9E9;
   border-radius: 50%;
   object-fit: cover;
   object-position: top;
}

.players-watch-section-v2 .player-stat-detail.player-detail-left {
   display: flex;
   align-items: center;
   gap: 6px;
}

.players-watch-section-v2 .player-stat-detail.detail-right {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-shrink: 0;
}

@media (max-width:1024px) {
   .players-watch-section-v2 {
      border: none;
      margin-bottom: 0;
   }

   .players-watch-section-v2 .players-watch-info {
      flex-direction: column;
      padding: 12px 16px 16px;
      gap: 12px;
   }

   .players-watch-section-v2 .players-stats-content {
      padding: 10px 12px;
      min-height: 64px;
   }

   .players-watch-section-v2 .player-name,
   .players-watch-section-v2 .stats-player-role,
   .players-watch-section-v2 .player-name.player-points,
   .players-watch-section-v2 .player-role {
      font-size: 12px !important;
      line-height: 18px;
   }

   .players-watch-section-v2 .player-role {
      margin: 0;
   }

   .players-watch-section-v2 .players-watch-batters-detail,
   .players-watch-section-v2 .players-watch-bowlers-detail {
      width: 100%;
   }
}


.feedback-parent-container .feedback-cta-container {
   display: inline-flex;
   align-items: center;
   width: 100%;
   justify-content: center;
   margin: 10px 0 15px 0;
}

.feedback-parent-container .feedback-cta-container .feedback-cta-holder {
   padding: 5px;
   border: 1px solid hsl(148, 57%, 50%);
   border-radius: 4px;
   background: #E9F7F2;
}

.feedback-parent-container .feedback-cta-container .feedback-cta-button {
   font-weight: 600;
   font-size: 14px;
   line-height: 18px;
   color: #37C77A;
   border: none;
   background: none;
   cursor: pointer;
}

/* feed back css */
.feedback-parent-container .feedback-popup-holder {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   top: 0;
   left: 0;
   z-index: 99999;
}

.experience-feedback-popup-holder {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   top: 0;
   left: 0;
   z-index: 99998;
}

.experience-feedback-popup-holder .experience-feedback-popup-content-holder {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 20px 10px;
   gap: 10px;
}

.experience-feedback-popup-holder .experience-feedback-popup-content-holder .experience-content-text-large {
   font-size: 14px;
   font-weight: 600;
   color: #2D2D2D;
}

.experience-feedback-popup-holder .experience-feedback-popup-content-holder .experience-content-text-small {
   font-size: 12px;
   font-weight: 400;
   color: #666666;
}

.experience-feedback-popup-holder .experience-feedback-popup-buttons {
   display: flex;
   padding: 15px;
   justify-content: center;
   align-items: center;
   gap: 15%;
}

.experience-feedback-popup-buttons .experience-feedback-btn-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 10px;
}

.experience-feedback-popup-holder .experience-feedback-popup-buttons button {
   background-color: #FFFFFF;
   border-radius: 12px;
   border: 1px solid #ECECEC;
   height: 85px;
   width: 85px;
}

.experience-feedback-popup-holder .experience-feedback-popup-buttons button img {
   background-color: unset;
   color: unset;
}

.experience-feedback-popup-holder .experience-feedback-popup-buttons button span {
   color: #666666;
   font-size: 12px;
   font-weight: 400;
}

.feedback-parent-container .feedback-popup-box,
.feedback-parent-container .experience-feedback-popup-box {
   width: 462px;
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.04);
   border-radius: 6px;
}

.feedback-parent-container .feedback-popup-header,
.feedback-parent-container .experience-feedback-popup-header {
   border: 1px solid #E9E9E9;
   box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.04);
   width: 100%;
   gap: 5px;
   padding: 18px 20px;
   border-radius: 5px 5px 0 0;
}

.feedback-parent-container .feedback-popup-header span,
.feedback-parent-container .experience-feedback-popup-header span {
   font-size: 16px;
   line-height: 20px;
   color: #474747;
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
}

.feedback-parent-container .feedback-popup-content-text {
   font-size: 16px;
   font-weight: 600;
   color: #2D2D2D;
}

.feedback-manual-popup-content .feedback-manual-popup-content-text {
   font-size: 14px;
   font-weight: 500;
   color: #2D2D2D;
}

.feedback-parent-container .feedback-popup-header .close-overlay-icon,
.feedback-parent-container .experience-feedback-popup-header .close-overlay-icon {
   background: transparent;
   margin: 0px;
   cursor: pointer;
   width: 15px;
   height: 15px;
   margin-left: auto;
   margin-bottom: 5px;
}

.feedback-parent-container .feedback-popup-header .brand-logo,
.feedback-parent-container .experience-feedback-popup-header .brand-logo {
   background: transparent;
   margin: 0px;
   cursor: pointer;
   width: auto;
   height: 24px;
}

.feedback-parent-container .feedback-popup-content-holder,
.feedback-parent-container .feedback-manual-popup-content {
   padding: 18px 20px 0 20px;
}

.feedback-parent-container .feedback-manual-popup-content {
   padding-top: 10px;
}

.feedback-parent-container .feedback-popup-data h2,
.feedback-manual-popup-content .feedback-manual-popup-data h2 {
   font-weight: 600 !important;
   font-size: 20px;
   line-height: 24px;
   color: #2D2D2D;
   margin-bottom: 10px;
}

.feedback-parent-container .feedback-popup-data textarea,
.feedback-manual-popup-content .feedback-manual-popup-data textarea {
   width: 100%;
   resize: none;
   background: #F5F5F5;
   border: 1px solid rgba(153, 153, 153, 0.1);
   border-radius: 8px;
   padding: 12px;
   overflow: scroll;
   margin-top: 14px;
   font-family: inherit;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.feedback-parent-container .feedback-popup-data textarea::-webkit-scrollbar {
   display: none;
}

.feedback-parent-container .feedback-popup-buttons {
   margin-bottom: 24px;
   padding: 20px 20px 0 20px;
}

.feedback-parent-container .feedback-popup-buttons button {
   width: 50%;
   background: transparent;
   border: none;
   color: #666666;
   font-weight: 500;
   font-size: 14px;
   line-height: 16px;
   padding: 10px 16px;
   cursor: pointer;
}

.feedback-parent-container .feedback-popup-buttons button.feedback-submit-button {
   background: #D32F2F;
   border-radius: 74px;
   color: #FFFFFF;
}

.feedback-parent-container .feedback-popup-buttons button.feedback-submit-button[disabled] {
   opacity: 0.5;
}

.feedback-parent-container .flex-box {
   display: flex;
   justify-content: center;
   align-items: center;
}

/* feedback success */
.feedback-parent-container .feedback-success-modal {
   position: relative;
   width: 100vw;
   height: 100vh;
}

.feedback-parent-container .success-popup-backdrop {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0.6;
   background-color: #808080;
   z-index: 99990;
}

.feedback-parent-container .feedback-success-modal-msg {
   position: fixed;
   background-color: white;
   color: black;
   width: 350px;
   height: 350px;
   padding: 40px;
   top: calc(50vh - 175px);
   left: calc(50vw - 175px);
   z-index: 99993;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
}

.feedback-parent-container .feedback-success-modal-msg .success-img {
   background: url('//staticg.sportskeeda.com/newsletter/tick-success.gif') no-repeat center;
   background-size: contain;
   width: 180px;
   height: 180px;
}

@media (max-width:1024px) {
   .feedback-parent-container .feedback-cta-container .feedback-cta-button {
      font-size: 12px;
   }

   .feedback-parent-container .flex-box {
      align-items: center;
   }

   .experience-feedback-popup-holder .experience-feedback-popup-buttons button img {
      height: 25px;
      width: 25px;
   }
}


.issue-report-container .issue-report-holder {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   top: 0;
   left: 0;
   z-index: 99999;
}

.issue-report-holder .issue-report-box {
   width: 462px;
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.04);
   border-radius: 6px;
}

.issue-report-holder .issue-report-header {
   border: 1px solid #E9E9E9;
   box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.04);
   width: 100%;
   gap: 5px;
   padding: 18px 20px;
   border-radius: 5px 5px 0 0;
}

.issue-report-holder .close-overlay-icon {
   background: transparent;
   margin: 0px;
   cursor: pointer;
   width: 15px;
   height: 15px;
   margin-left: auto;
   margin-bottom: 5px;
}

.issue-report-holder .issue-report-content-holder {
   padding: 18px 20px 0 20px;
}

.issue-report-holder .issue-report-content-holder .issue-text {
   width: 100%;
   resize: none;
   background: #F5F5F5;
   border: 1px solid rgba(153, 153, 153, 0.1);
   border-radius: 8px;
   padding: 12px;
   overflow: scroll;
   margin-top: 14px;
   font-family: inherit;
   -ms-overflow-style: none;
   scrollbar-width: none;
}

.issue-report-holder .issue-report-buttons {
   margin-bottom: 24px;
   padding: 20px 20px 0 20px;
}

.issue-report-holder .issue-report-buttons button {
   width: 50%;
   background: transparent;
   border: none;
   color: #666666;
   font-weight: 500;
   font-size: 14px;
   line-height: 16px;
   padding: 10px 16px;
   cursor: pointer;
}

.issue-report-holder .issue-report-buttons button.issue-report-submit-button {
   background: #D32F2F;
   border-radius: 74px;
   color: #FFFFFF;
}

.issue-report-container .issue-report-success-modal {
   position: relative;
}

.issue-report-container .issue-report-success-modal-backdrop {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0.6;
   background-color: #808080;
   z-index: 99990;
}

.issue-report-container .issue-report-success-modal-msg {
   position: fixed;
   background-color: white;
   color: black;
   width: 350px;
   height: 350px;
   padding: 40px;
   top: calc(50vh - 175px);
   left: calc(50vw - 175px);
   z-index: 99993;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
}

.issue-report-container .issue-report-success-modal-msg .success-img {
   background: url('/assets/img/tick-success.gif') no-repeat center;
   background-size: contain;
   width: 180px;
   height: 180px;
}

.cmc-report-issue-button-wrapper {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.info-cmc .cmc-report-issue-button-wrapper,
.statistics-parent-container .cmc-report-issue-button-wrapper {
   margin-top: 12px;
}

.cmc-report-issue-button {
   padding: 5px 12px;
   border: 1px solid #c83737;
   border-radius: 4px;
   background: #f7e9e9;
   font-weight: 600;
   font-size: 14px;
   line-height: 18px;
   color: #c73737;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
   cursor: pointer;
}

.cmc-report-issue-button:disabled {
   opacity: 0.5;
   pointer-events: none;
}

@media (max-width:1024px) {
   .cmc-report-issue-button-wrapper {
      margin-top: 12px;
   }
}

#match-content .panel .venue-name img {
   background: transparent;
   height: 14px;
   width: 14px;
   margin-right: 4px;
}

#match-content .panel .venue-name {
   font-weight: 400;
   font-size: 10px;
   line-height: 16px;
   color: #999999;
   letter-spacing: 0.4px;
   display: flex;
   align-items: center;
}

#match-content .panel .venue-detail-wrapper {
   width: 100%;
}


.venue-recent-matches-container {
   width: 100%;
}

.venue-recent-matches-container .venue-recent-matches-tabs {
   display: flex;
   align-items: center;
   gap: 8px;
   cursor: pointer;
   margin-bottom: 12px;
   font-size: 12px;
   line-height: 18px;
   font-weight: 500;
}

.venue-recent-matches-container .recent-matches-tab {
   padding: 8px 12px;
   background: #F5F5F5;
   border: 1px solid #E9E9E9;
   box-shadow: 1px 1px 4px 0px #00000012;
   border-radius: 28px;
}

.venue-recent-matches-container .recent-matches-tab.active {
   color: #FFFFFF;
   background: #D32F2F;
   font-weight: 600;
}

.venue-recent-matches-container .recent-matches-details .empty-message {
   display: flex;
   justify-content: center;
   align-items: center;
   color: #666666;
}



.fantasy-common-section {
   box-sizing: border-box;
}

.fantasy-tips-tab {
   display: block;
   position: relative;
   float: left;
   width: 100%;
   height: auto;
   margin-top: 16px;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.fantasy-tips-tab .fantasy-countdown-timer {
   font-weight: 500;
   font-size: 16px;
   line-height: 19px;
   color: #ADADAD;
   display: flex;
   justify-content: center;
   gap: 7px;
   padding: 0;
   margin-bottom: 6px;
}

.fantasy-tips-tab .fantasy-countdown-timer div {
   min-width: unset;
   display: flex;
   font-weight: 500;
   font-size: 16px;
   line-height: 19px;
   gap: 1px;
}

.fantasy-tips-ftb {
   display: flex;
   justify-content: center;
   margin: 0 0 16px;
}

.fantasy-tab-switcher {
   display: flex;
   width: 360px;
   padding: 2px;
   height: 33px;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
   background-color: #ffffff;
   border-radius: 28px;
}

.fantasy-tab-switcher .fantasy-tab-button {
   flex: 1;
   border: none;
   background-color: inherit;
   border-radius: 28px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: #999999;
   transition: background-color, color .3s ease-in;
   cursor: pointer;
}

.fantasy-toss-status {
   background-color: #fef2e4;
   color: #df9e35;
   padding: 5px;
   display: flex;
   justify-content: center;
   margin: 0 20px 16px;
   border-radius: 5px;
}

.fantasy-toss-status.active {
   background: #E9F7F2;
   color: #2E7D32;
}

.fantasy-tab-switcher .fantasy-tab-button.toggle-button-active {
   background-color: #D32F2F;
   color: #FFFFFF;
}

.fantasy-tab-content {
   position: relative;
   width: 100%;
   height: 100%;
}

.fantasy-tips-tab .overview-sections {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   cursor: pointer;
}

.fantasy-tips-tab .overview-main-sub-heading {
   width: 100%;
   display: flex;
   background: #E5E8E8;
   padding: 8px 20px;
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
   color: #474747;
   justify-content: space-between;
}

.fantasy-tips-tab .overview-main-sub-heading {
   display: none;
}

.fantasy-tips-tab .overview-main-sub-heading .heading-title {
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
   display: flex;
   justify-content: start;
   color: #474747;
   gap: 8px;
   align-items: center;
}

.fantasy-tips-tab .overview-main-sub-heading .heading-title .playing-xi-info {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   color: #DF9035;
}

.fantasy-tips-tab .overview-main-sub-heading .heading-title .playing-xi-info.active {
   color: #2E7D32;
}

.fantasy-tips-tab .overview-main-sub-heading .heading-title .live-pitch-report-info {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   color: #2E7D32;
}

.fantasy-tips-tab img.fantasy-playing-eleven-arrow-icon {
   background: transparent;
   margin: 0 0 0 auto;
   position: relative;
   height: 8px;
   width: 14px;
   cursor: pointer;
}

.fantasy-tips-tab .preview-card-holder {
   width: 100%;
}

.fantasy-content .fantasy-playing-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.25s ease-out;
}

.fantasy-content .fantasy-playing-content.playing-content-open {
   max-height: 1600px;
   height: auto;
   transition: max-height 0.25s ease-in;
}

#fantasy-tab-squad-data.playing-xi {
   min-height: 1200px;
}

#fantasy-tab-squad-data.squad {
   min-height: 380px;
}

#fantasy-tab-squad-data .players-data .team-card {
   border: none;
   padding: 0 !important;
}

#fantasy-tab-squad-data .playing-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 1s ease-out;
}

#fantasy-tab-squad-data .playing-content.playing-content-open {
   max-height: 2300px;
   height: auto;
   transition: max-height 1s ease-in;
}

.fantasy-content .info-cmc .squad-player .role-icon {
   width: 20px !important;
   height: 19px !important;
}

.fantasy-tips-tab .match-detail-row {
   display: flex;
   padding: 12px 20px;
}

.fantasy-tips-tab .match-detail-title {
   flex: 0.25;
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #666666;
}

.fantasy-tips-tab .match-detail-info {
   flex: 0.75;
   color: #2D2D2D;
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
}

/**** Expert teams suggestions********/
.expert-suggestion-internal {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1
}

.expert-suggestion-not-announced {
   font-size: 15px;
   font-weight: 500;
}

.expert-suggestion-announced {
   justify-content: space-between;
   gap: 20px;
}

.expert-suggestion-announced .team-content {
   overflow: hidden;
   display: flex;
   flex: 0.5;
   flex-wrap: wrap;
   border-radius: 4px;
   border: 1px solid #205901;
}

.expert-suggestion-announced .team-content .heading {
   display: flex;
   width: 100%;
   background: #205901;
   border: 1px solid #205901;
   box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.07);
   font-weight: 700;
   font-size: 12px;
   line-height: 14px;
   color: #FBFBFB;
   padding: 5px 12px;
   justify-content: space-between;
   align-items: center;
}

.expert-suggestion-announced .team-content img {
   margin: 0;
   background: transparent;
}

.expert-suggestion-announced .team-content .content {
   display: flex;
   width: 100%;
   background-image: url('/assets/img/expert-team-bg.svg');
   background-repeat: no-repeat;
   background-size: 120%;
   background-position: center;
   padding: 8px 16px 8px 20px;
   justify-content: space-between;
   background-color: #2e7d32;
}

.expert-suggestion-announced .team-content .content .player-info {
   display: flex;
   flex: 0.60;
   justify-content: space-between;
}

.expert-suggestion-announced .team-content .content .detail-info {
   display: flex;
   flex: 0.40;
   align-items: center;
   justify-content: flex-end;
}

.expert-suggestion-announced .team-content .content .detail-info button.expert-team-detail {
   background: #FBFBFB;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
   border-radius: 28px;
   border: none;
   padding: 8px 12px;
   font-weight: 700;
   font-size: 12px;
   line-height: 14px;
   color: #2D2D2D;
   cursor: pointer;
   box-shadow: 0px 3px 0px 0px #B0B0B0;
}

.expert-suggestion-announced .team-content .content .player-info .captain-info,
.expert-suggestion-announced .team-content .content .player-info .vice-captain-info {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.expert-suggestion-announced .team-content .content .player-info .captain-info .captain-icon,
.expert-suggestion-announced .team-content .content .player-info .vice-captain-info .vice-captain-icon {
   position: absolute;
   top: 3px;
   left: 0;
}

.expert-suggestion-announced .team-content .content .player-info .player-name-captain,
.expert-suggestion-announced .team-content .content .player-info .player-name-vice-captain {
   border-radius: 4px;
   padding: 4px;
   font-weight: 500;
   font-size: 10px;
   line-height: 12px;
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 74px;
}

.expert-suggestion-announced .team-content .content .player-info .player-name-captain {
   background: #FBEBEB;
   color: #2D2D2D;
}

.expert-suggestion-announced .team-content .content .player-info .player-name-vice-captain {
   background: #2A2A2A;
   color: #FFFFFF;
}

.expert-suggestion-announced .team-content .footer {
   background: #F5F5F5;
   border: 1px solid #205901;
   display: flex;
   flex: 1;
   justify-content: space-between;
   padding: 5px 12px;
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   border-radius: 0 0 3px 3px;
   color: #666666;
}

.expert-suggestion-announced .team-content .footer .player-count {
   color: #2D2D2D;
}

.team-content .cricket-fantasy-tip--share-btn {
   cursor: pointer;
   background: transparent;
   border: none;
}

.cricket-fantasy-tip--share-btn:disabled,
.cricket-fantasy-tip--share-btn[disabled] {
   opacity: 0.5;
}

/**** Fantasy tips points********/
.overview-sections.fantasy-tips-points {
   cursor: default;
}

.fantasy-tips-points-detail {
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
}

.fantasy-tips-points-detail .point-detail {
   display: flex;
   gap: 12px;
   width: 100%;
   border-bottom: 1px solid #F5F5F5;
   padding: 16px 0;
   align-items: self-start;
}

.fantasy-tips-points-detail .point-detail:last-child {
   border-bottom: none;
   padding-bottom: 0;
}

.fantasy-tips-points-detail .point-desc {
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #666666;
}

.fantasy-tips-points-detail .point-number {
   font-weight: 500;
   font-size: 12px;
   line-height: 14px;
   display: flex;
   align-items: center;
   color: #474747;
   margin-top: 2px;
}

.fantasy-tips-points-detail .point-number span {
   border: 1px solid #E9E9E9;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 24px;
   width: 24px;
}

.fantasy-tips-points-detail .point-desc p {
   padding: 0;
   line-height: inherit;
   font-size: inherit !important;
   margin-bottom: 0;
   float: unset;
}

.fantasy-tips-points-detail .point-desc p a {
   text-decoration: none;
   color: #0B65F0;
}

.fantasy-tips-points-detail .point-desc p strong {
   color: #2D2D2D;
}

.fantasy-tips-points-detail .point-desc p a strong {
   color: inherit;
}

.fantasy-tips-tab .overview-main-sub-heading .heading-title .playing-xi-info-title {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   color: #2E7D32;
}

.stats-section .stats-feedback {
   display: flex;
   justify-content: center;
   margin-bottom: 20px;
   gap: 8px;
   align-items: center;
}

.stats-section .stats-feedback .stats-feedback-title {
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   color: #2D2D2D;
}

.stats-section .stats-feedback .feedback-button {
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 20px;
   padding: 4px 12px;
   cursor: pointer;
}

.stats-section .stats-feedback .feedback-button:hover {
   background: #666666;
   color: #FFFFFF;
}

/*** fantasy stats css ***/
.fantasy-tips-tab .overview-main-sub-heading .heading-title .last-five {
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
   color: #ADADAD;
}

/*** Fantasy tabs ***/
.fantasy-stats-outline {
   border: 1px solid #E9E9E9;
}

.overview-tab {
   padding: 0;
}

.fantasy-tabs {
   padding: 16px 20px 0px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-bottom: 20px;
}

.fantasy-tabs .fantasy-stats-detail-tabs {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 10px;
   cursor: pointer;
   background: #FFFFFF;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
   border-radius: 28px;
}

.fantasy-tabs .fantasy-stats-detail-tabs .smart-menu-item.active-tab {
   color: #ffffff;
   font-weight: 700;
   background-color: #d32f2f;
}

.fantasy-tabs .fantasy-stats-detail-tabs .smart-menu-item {
   padding: 10px 20px;
   font-weight: 500;
   border-radius: 28px;
   font-size: 12px;
   border-bottom: unset;
   line-height: 15px;
   color: #999999;
   box-shadow: 1px 1px 4px rgb(0 0 0 / 0);
}

.team-head-to-head-flag {
   font-size: 16px;
   color: #474747;
   font-weight: bold;
   line-height: 20px;
   display: inline-flex;
   align-items: flex-start;
   gap: 12px;
}

.teama-head_to_head-data .team-flag,
.teamb-head_to_head-data .team-flag {
   height: 30px;
   width: 40px;
   background: none;
   object-fit: contain;
}

.team-head-comaparison-detail .team-name-wrapper {
   display: flex;
   flex-direction: column;
}

.team-head-comaparison-detail .teamb-head_to_head-data .team-name-wrapper {
   align-items: flex-end;
}

.team-head-comaparison-detail .vs-all-teams {
   font-size: 12px;
   line-height: 18px;
   font-weight: 400;
   color: #666666;
}

.fantasy-team-comparison-data .team-head-comaparison-detail.header .teama-head_to_head-data,
.fantasy-team-comparison-data .team-head-comaparison-detail.header .teamb-head_to_head-data {
   flex: 0 0 50%;
}

.teama-head_to_head-data,
.teamb-head_to_head-data {
   padding: 12px 0px 12px 0px;
   display: inline-flex;
}

.overview-main-sub-heading .see-all-stats {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
}

.overview-main-sub-heading .see-all-stats button {
   color: #0B65F0 !important;
   text-decoration: none !important;
   background: #E5E8E8;
   gap: 6px;
   align-items: center;
   border: none;
   display: flex;
   cursor: pointer;
}

.overview-main-sub-heading .see-all-stats button img {
   background: #E5E8E8;
}

/*** Fantasy tabs ***/
/*** fantasy team comaprison ***/
.fantasy-team-comparison-detail {
   width: 100%;
   gap: 16px;
   display: flex;
   flex-direction: column;
}

.fantasy-team-comparison-detail .fantasy-team-comparison-data {
   width: 100%;
}

.team-versus {
   font-size: 12px !important;
}

.fantasy-team-comparison-detail .fantasy-team-comparison-tabs {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   cursor: pointer;
   gap: 8px;
}

.fantasy-team-comparison-detail .fantasy-team-comparison-data .team-head-comaparison-detail {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   border-bottom: 1px solid #F5F5F5;
}

.team-head-comaparison-detail:last-child {
   border: none;
}

.fantasy-team-comparison-data .teama-head_to_head-data,
.fantasy-team-comparison-data .teamb-head_to_head-data {
   font-weight: 600;
   font-size: 16px;
   line-height: 21px;
   color: #2D2D2D;
   padding: 16px 20px !important;
   flex: 0 0 33%;
}

.fantasy-team-comparison-data .teamb-head_to_head-data {
   justify-content: flex-end;
}

.fantasy-team-comparison-detail .fantasy-team-comparison-tabs .smart-menu-item.active-tab {
   color: #ffffff;
   font-weight: 700;
   background-color: #d32f2f;
}

.fantasy-team-comparison-detail .fantasy-team-comparison-tabs .smart-menu-item {
   padding: 8px 12px;
   font-weight: 500;
   border-radius: 28px;
   font-size: 12px;
   border-bottom: unset;
   line-height: 18px;
   color: #474747;
   background: #F5F5F5;
   border: 1px solid #E9E9E9;
   box-shadow: 0px 4px 4px 0px #E9F2FA;
}

#match-content .panel .venue-detail-wrapper {
   width: 100%;
}

#team-overall-detail,
#team-onvenue-detail {
   border: 1px solid #DFDFDF;
   border-radius: 4px;
}

#team-overall-detail .fc-green,
#team-onvenue-detail .fc-green {
   color: #29BA20;
}

#team-overall-detail .fc-red,
#team-onvenue-detail .fc-red {
   color: #AF2222;
}

.fantasy-team-comparison-data .team-matches-type {
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   text-align: center;
   color: #999999;
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 0 0 33%;
}

#pinned-fantasy-section .pinned-video-sections {
   margin-bottom: 16px;
   margin-top: 0px;
}

/* Substitute player */
.fantasy-playing-content .fantasy-substitute-title {
   background: #FAFAFA;
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   padding: 3px;
   color: #2D2D2D;
   margin-bottom: 12px;
   width: 100%;
}

.fantasy-playing-content .fantasy-substitute-players {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 0 12px;
}

.fantasy-playing-content .team-squad-left .player-role {
   text-align: left;
}

.fantasy-playing-content .team-squad-right .player-role {
   text-align: right;
}

.fantasy-content .info-cmc .team-holder span:first-child .team-flag {
   margin-left: 0px;
}

.fantasy-content .info-cmc .team-holder span:last-child .team-flag {
   margin-right: 0px;
}

.fantasy-content .info-cmc .preview-card-content .squads-holder {
   padding: 0;
}

#match-content .panel.fantasy {
   margin-top: 0;
}

#match-content .panel .all-player-form {
   color: #0B65F0;
   font-size: 14px;
   line-height: 21px;
   font-weight: 500;
   background: transparent;
   border: none;
   cursor: pointer;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
   display: flex;
   gap: 5px;
   align-items: center;
}

#match-content .panel .all-player-form img {
   width: 8px;
   height: 14px;
   background: transparent;
   padding-bottom: 2px;
}

#match-content .panel .venue-name {
   font-weight: 400;
   font-size: 10px;
   line-height: 16px;
   color: #999999;
   letter-spacing: 0.4px;
   display: flex;
   align-items: center;
}

#match-content .panel .venue-name img {
   background: transparent;
   height: 14px;
   width: 14px;
   margin-right: 4px;
}

/*** fantasy team comaprison ***/

.predictor-data {
   background: linear-gradient(180deg, #FFF1EF 0%, rgba(255, 244, 248, 0) 100%);
   border: 1px solid #E5E8E8;
   width: 100%;
   display: inline-flex;
   margin-top: 16px;
   flex-direction: column;
   gap: 30px;
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.predictor-data button {
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.cmc-section-tab.predictor-tab {
   display: flex;
   flex-direction: column;
   align-items: end;
}

.predict-sub-tabs-wrapper {
   display: flex;
   justify-content: center;
   width: 100%;
   padding-top: 10px;
}

.predict-sub-tabs {
   display: flex;
   align-items: center;
   cursor: pointer;
   font-size: 12px;
   line-height: 18px;
   font-weight: 500;
   padding: 1px;
   position: relative;
   border: 1px solid #E9E9E9;
   border-radius: 28px;
   background: #fff;
   box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.07);
}

.predict-sub-tab {
   text-align: center;
   padding: 8px 12px;
   border-radius: 28px;
   width: 150px;
   flex: 1;
}

.predict-sub-tab.active {
   color: #FFFFFF;
   background: #D32F2F;
   font-weight: 600;
}

.predict-sub-tab-details {
   gap: 30px;
   display: flex;
   flex-direction: column;
}

.predict-sub-tab-details .predict-fragments-container {
   gap: 30px;
   display: flex;
   flex-direction: column;
   min-height: 1500px;
}

.predict-sub-tab-details .spin-wheel-tab-content-wrapper {
   min-height: 1200px;
   background: url(//staticg.sportskeeda.com/cmc-predictor/spin-wheel/spin-wheel-background.png) no-repeat;
   background-size: 100% 100%;
   margin: 16px;
   gap: 20px;
   display: flex;
   flex-direction: column;
}

.predict-sub-tab-details .spin-wheel-bottom-branding {
   margin: 0 20px;
}

.predict-sub-tab-details .spin-wheel-bottom-branding .branding-image {
   width: 100%;
   background: transparent;
   cursor: pointer;
}

@media (max-width:1024px) {
   .predictor-data {
      border: none;
      margin-top: 0px;
      background: #FFFFFF;
   }

   .predict-sub-tab {
      width: 120px;
   }

   .predict-sub-tab-details .spin-wheel-bottom-branding {
      margin: 0 14px;
   }
}


.predict-predictor-polls {
   padding: 10px;
}

.predictor-win-poll-section {
   background: radial-gradient(83.98% 65.19% at 28.77% 38.36%, #FF573E 0%, #8E4C9F 100%);
   border-radius: 6px;
   width: 100%;
   overflow: hidden;
   min-height: 545px;
}

.predictor-win-poll-section.live-tab-section {
   min-height: unset;
}

.predictor-win-poll-section .play-win-top-section {
   display: flex;
   align-items: center;
   flex-direction: column;
}

.predictor-win-poll-section .play-win-top-section .top-section-left {
   display: flex;
   width: 100%;
   padding-top: 8px;
}

.predictor-win-poll-section .play-win-top-section .slider {
   position: unset !important;
   cursor: unset !important;
   background-color: unset !important;
   -webkit-transition: unset !important;
   transition: unset !important;
}

.predictor-win-poll-section .play-win-top-section .slides {
   display: flex;
   width: 300%;
   transition: transform 1s ease-in-out;
}

.predictor-win-poll-section .play-win-top-section .play-win-logo {
   height: 280px;
   width: 100%;
   object-fit: contain;
   background: none;
   margin: 0;
}

.predictor-win-poll-section .play-win-top-section .slides img {
   width: 100%;
   flex-shrink: 0;
}

.predictor-win-poll-section button {
   font-family: 'Poppins-cmc', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

.predictor-win-poll-section .info-main-header {
   padding: 5px 0px;
   margin: 0 20px;
   display: flex;
   justify-content: space-between;
   align-items: stretch;
}

.predictor-win-poll-section .info-main-header.collapse {
   cursor: pointer;
}

.predictor-win-poll-section .header-left {
   display: flex;
   align-items: center;
}

.predictor-win-poll-section .play-win-logo {
   background: transparent;
   width: 100px;
   margin: 0;
   margin-top: -5px;
}

.predictor-win-poll-section .predictor-toggle-ic {
   background: transparent;
   margin: 0;
   transform: rotate(-90deg);
   width: 13px;
}

.predictor-win-poll-section .predictor-toggle-ic.expanded {
   transform: rotate(90deg);
}

.predictor-win-poll-section .poll-text {
   font-weight: 600;
   font-size: 16px;
   line-height: 30px;
   color: #FFFFFF;
   flex-grow: 1;
   text-align: center;
   padding-right: 80px;
   align-self: center;
}

.predictor-win-poll-section .header-end {
   display: flex;
   align-items: center;
   gap: 20px;
}

.predictor-win-poll-section .predictor-cross-icon {
   background: transparent;
   width: 22px;
}

.predictor-win-poll-section .predictor-poll.info-close {
   transition: unset;
   max-height: 0;
   overflow: hidden;
}

.predictor-win-poll-section .sk-predict-win-section-div .play-win-polls {
   overflow: hidden;
}

.sk-predict-win-section-div .live-predictor-poll-item,
.sk-predict-win-section-div .live-poll-buttons {
   width: 100%;
}

.sk-predict-win-section-div .live-poll-buttons {
   align-items: center;
   display: flex;
   gap: 12px;
}

.predict-predictor-polls .live-poll-buttons.non-logged-user {
   flex-direction: row-reverse;
}

.sk-predict-win-section-div .live-button {
   text-decoration: none;
   width: 50%;
   text-align: center;
   border: 1px solid #FFFFFF;
   border-radius: 6px;
   padding: 10px;
   font-weight: 600;
   font-size: 14px;
   line-height: 18px;
   color: #FFFFFF;
   cursor: pointer;
   background: transparent;
   text-transform: uppercase;
}

.sk-predict-win-section-div .live-button.next-poll-game {
   background: #37C77A;
}

.sk-predict-win-section-div .live-poll-login-buttons {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: #37C77A;
   border: 1px solid #FFFFFF;
   border-radius: 4px;
   padding: 10px;
   text-decoration: none;
   cursor: pointer;
}

.sk-predict-win-section-div .login-button {
   font-weight: 600;
   font-size: 14px;
   line-height: 21px;
   color: #FFFFFF;
   text-align: center;
   background: #37C77A;
}

.sk-predict-win-section-div .bottom-section {
   display: flex;
   gap: 10px;
   padding: 0px 20px 12px;
}

@media (max-width:1024px) {
   .cmc-tabs-ad {
      margin-bottom: 0;
   }

   .sk-predict-win-section-div {
      border: none;
   }

   .predictor-win-poll-section .play-win-top-section .play-win-logo {
      height: 100%;
      object-fit: contain;
   }

   .sk-predict-win-section-div .play-win-container {
      margin: 0px;
      border: none;
      border-radius: 0px;
      padding-bottom: 0px;
   }

   .predictor-win-poll-section .poll-text {
      font-size: 14px;
      padding-right: 40px;
   }

   .sk-predict-win-section-div .play-win-logo {
      height: auto;
      width: 72px;
   }

   .sk-predict-win-section-div .bottom-section {
      padding: 10px 12px;
   }

   .predictor-win-poll-section .predictor-toggle-ic {
      width: 10px;
   }

   .predictor-win-poll-section .predictor-cross-icon {
      width: 18px;
   }

   .predictor-win-poll-section .play-win-top-section .slides img {
      aspect-ratio: 180 / 139;
      /* Maintain image's natural ratio for mobile */
   }
}

@media (max-width: 320px) {
   .sk-predict-win-section-div .login-button {
      padding: 10px 0;
   }
}


.cmc-predictor-polls-container {
   width: 100%;
   padding: 0px 20px;
   margin-bottom: 16px;
   position: relative;
   overflow: hidden;
}

.cmc-predictor-polls-container .slider-container .slider-items {
   padding-top: 40px;
}

.cmc-predictor-polls-container .slider-container .slider-items .sponsored-poll {
   width: 280px;
   height: 170px;
   cursor: pointer;
}

.cmc-predictor-polls-container .slider-container .slider-items .sponsored-poll img {
   width: 280px;
   height: 170px;
   border-radius: 8px;
   object-fit: cover;
}

.cmc-predictor-polls-container .cmc-predictor-poll {
   position: relative;
   width: 280px;
   height: 100%;
   min-height: 170px;
   background: #FFFFFF;
   color: #02032E;
   border: 1px solid #FFB42A;
   border-radius: 8px;
   padding: 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.cmc-predictor-polls-container .cmc-predictor-poll.poll-ended {
   opacity: 0.8;
}

.cmc-predictor-polls-container .predictor-poll-heading {
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   text-transform: capitalize;
   color: #2D2D2D;
}

.cmc-predictor-polls-container .predictor-poll-options-section {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   margin-top: 8px;
}

.cmc-predictor-polls-container .poll-option {
   cursor: pointer;
   position: relative;
   width: calc(50% - 3px);
   background: inherit;
   border: 1px solid #E9E9E9;
   border-radius: 28px;
   padding: 8px;
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: space-between;
}

.cmc-predictor-polls-container .poll-option-text {
   display: flex;
   justify-content: center;
   flex: 1;
   color: #474747;
   font-size: 12px;
   line-height: 18px;
}

.cmc-predictor-polls-container .poll-option.correct::after {
   content: "";
   display: block;
   height: 14px;
   width: 14px;
   border: 1px solid #474747;
   background: #FFFFFF;
   border-radius: 50%;
   position: absolute;
   right: 10px;
}

.cmc-predictor-polls-container .cmc-predictor-poll .predictor-poll-result-text {
   padding-top: 8px;
   display: flex;
   gap: 5px;
   align-items: center;
}

.cmc-predictor-polls-container .cmc-predictor-poll .predictor-poll-result-text:has(.rewarded-ad-trigger) {
   flex-direction: row-reverse;
   justify-content: space-between;
}

.cmc-predictor-polls-container .cmc-predictor-poll .predictor-poll-result-text .rewarded-ad-trigger {
   width: auto;
   height: 25px;
   background: transparent;
   cursor: pointer;
   margin: 0;
}

.cmc-predictor-polls-container .cmc-predictor-poll .predictor-poll-result-text::after {
   content: "Submit your prediction";
   color: #999999;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
}

.cmc-predictor-polls-container .submittedimg {
   width: 14px;
   height: 14px;
   margin: 0;
   background: transparent;
}

.cmc-predictor-polls-container .poll-option:hover {
   border: 1px solid #0B65F0;
   color: #0B65F0 !important;
}

.cmc-predictor-polls-container .poll-option.disable-poll {
   cursor: not-allowed;
}

.cmc-predictor-polls-container .poll-option.disable-poll:hover {
   border: 1px solid #E9E9E9;
   color: #474747 !important;
}

.cmc-predictor-polls-container .poll-locked {
   height: 14px;
   width: 11px;
   background: none;
   margin: 0px;
}

.cmc-predictor-polls-container .poll-option.selected {
   background: #0B65F0;
}

.cmc-predictor-polls-container .poll-option.selected .poll-option-text {
   color: #FFFFFF;
}

.cmc-predictor-polls-container .predictor-poll-result-text.result {
   justify-content: end;
}

.cmc-predictor-polls-container .cmc-predictor-poll.prediction-wrong {
   border-color: #D32F2F;
}

.cmc-predictor-polls-container .cmc-predictor-poll.prediction-right {
   border-color: #43D092;
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded .predictor-poll-result-text::after {
   content: "No coins won";
   font-style: italic;
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded.no-attempt .predictor-poll-result-text::after {
   content: "You did not attempt this question";
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded.prediction-right .predictor-poll-result-text::after {
   content: "You got this right. You get 50";
   background: url("//staticg.sportskeeda.com/cmc-predictor/coin-icon.svg") no-repeat right;
   padding-right: 20px;
   background-size: 14px;
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded.prediction-wrong .predictor-poll-result-text::after {
   content: "You got this wrong. You get 10";
   background: url("//staticg.sportskeeda.com/cmc-predictor/coin-icon.svg") no-repeat right;
   padding-right: 20px;
   background-size: 14px;
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded.prediction-right.poll-2x .predictor-poll-result-text::after {
   content: "You got this right. You get 100";
   background: url("//staticg.sportskeeda.com/cmc-predictor/coin-icon.svg") no-repeat right;
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded.prediction-wrong.poll-2x .predictor-poll-result-text::after {
   content: "You got this wrong. You get 20";
   background: url("//staticg.sportskeeda.com/cmc-predictor/coin-icon.svg") no-repeat right;
}

.cmc-predictor-polls-container .cmc-predictor-poll.non-login.concluded.prediction-right .predictor-poll-result-text::after {
   content: "Correct Answer - Not eligible for coins";
   color: #D32F2F;
   background: none;
   padding-left: 0px;
}

.cmc-predictor-polls-container .cmc-predictor-poll.non-login.concluded.prediction-wrong .predictor-poll-result-text::after {
   content: "Wrong Answer - Not eligible for coins";
   color: #D32F2F;
   background: none;
   padding-left: 0px;
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded .poll-option.correct-option::after {
   content: "";
   display: block;
   width: 15px;
   height: 15px;
   border: 1px solid #474747;
   border-radius: 50%;
   background-color: #FFF;
   background: url("//staticg.sportskeeda.com/cmc-predictor/correct-poll-icon.svg") no-repeat center;
}

.cmc-predictor-polls-container .cmc-predictor-poll.concluded .poll-option.selected.correct-option::after {
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7483%) hue-rotate(107deg) brightness(105%) contrast(104%);
}

.cmc-predictor-polls-container .cmc-predictor-poll.submitted .predictor-poll-result-text::after {
   content: "Prediction Submitted - Wait for Results";
   background: url("//staticg.sportskeeda.com/cmc-predictor/prediction-submitted.png") no-repeat left;
   color: #2E7D32;
   padding-left: 16px;
   background-size: 14px;
}

.cmc-predictor-polls-container .cmc-predictor-poll.non-login.submitted .predictor-poll-result-text::after {
   content: "Login to be eligible for prizes";
   color: #D32F2F;
   background: none;
   padding-left: 0px;
}

.cmc-predictor-polls-container .cmc-predictor-poll.expired {
   opacity: 0.8;
}

.cmc-predictor-polls-container .cmc-predictor-poll.expired.concluded {
   opacity: 1;
}

.cmc-predictor-polls-container .cmc-predictor-poll.expired.no-attempt .predictor-poll-result-text::after {
   content: "You missed attempting this poll";
   color: #D32F2F;
   font-style: normal;
   background: none;
   padding-left: 0px;
}

.cmc-predictor-polls-container .cmc-predictor-poll.non-login.expired.no-attempt .predictor-poll-result-text::after {
   content: "You did not attempt this question";
}

.cmc-predictor-polls-container .cmc-predictor-poll.expired .poll-option {
   cursor: not-allowed;
}

.cmc-predictor-polls-container .cmc-predictor-poll.expired .poll-option:hover {
   color: #474747;
   border: 1px solid #E9E9E9;
}

.cmc-predictor-polls-container .cmc-predictor-poll.non-login.expired.submitted .predictor-poll-result-text::after {
   content: "Guest attempt - Not eligible for coins";
   color: #D32F2F;
   background: none;
   padding-left: 0px;
}

.cmc-predictor-polls-container .rule-price {
   vertical-align: middle;
   display: inline-block;
   background: transparent;
   height: 11px;
   width: 11px;
   margin: 0;
}

.cmc-predictor-polls-container .disabled-poll-helper-tooltip-wrapper {
   display: flex;
   position: absolute;
   z-index: 999;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

.cmc-predictor-polls-container .disabled-poll-helper-tooltip-wrapper .disabled-poll-helper-tooltip-container {
   background: #000B;
   border-radius: 3px;
   padding: 4px;
}

.cmc-predictor-polls-container .disabled-poll-helper-tooltip-wrapper .disabled-poll-helper-tooltip-text {
   color: #fff;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}

.cmc-predictor-polls-container .polls-countdown-timer {
   display: flex;
   align-items: center;
   border: 1px solid #FFFFFF;
   border-radius: 40px;
   flex-shrink: 1;
   margin: auto;
   background: #37C77A;
   max-width: 246px;
}

.cmc-predictor-polls-container .countdown-timer-section {
   display: flex;
   gap: 5px;
   padding: 5px 18px 6px 12px;
   border-left: 1px solid #FFFFFF;
}

.cmc-predictor-polls-container .predictor-countdown-timer-title {
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   color: #FFFFFF;
   padding: 15px 30px;
   text-align: center;
}

.cmc-predictor-polls-container .polls-counter .predictor-countdown-timer-title {
   width: 243px;
}

.cmc-predictor-polls-container .polls-timer-content {
   font-weight: 600;
   font-size: 10px;
   line-height: normal;
}

.cmc-predictor-polls-container .polls-timer-info {
   font-weight: 600;
   font-size: 8px;
   line-height: 12px;
   color: #FFFFFF;
}

.cmc-predictor-polls-container .predictor-polls-hour-timer,
.cmc-predictor-polls-container .predictor-polls-min-timer,
.cmc-predictor-polls-container .predictor-polls-sec-timer {
   min-width: 32px;
   text-align: center;
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
}

.cmc-predictor-polls-container .double-dot-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-bottom: 0px;
   padding-top: 5px;
}

.cmc-predictor-polls-container .double-dot-wrapper .dot {
   height: 4px;
   width: 4px;
   background-color: #FFFFFF;
   display: inline-block;
   margin: 2px 0px;
}

.cmc-predictor-polls-container .predictor-wrapper-poll-timer {
   display: flex;
   position: absolute;
   top: -23px;
   left: 50%;
   transform: translateX(-50%);
   background: url("//staticg.sportskeeda.com/cmc-predictor/timer-bg.svg") no-repeat center;
   color: #010101;
   padding: 4px 10px 4px 14px;
   background-size: 100%;
}

.cmc-predictor-polls-container .predictor-wrapper-poll-timer .predictor-timer-ic,
.cmc-predictor-polls-container .predictor-wrapper-poll-expired-timer .predictor-timer-ic {
   height: 13px;
   width: 12px;
   background: inherit;
   margin: 0;
}

.cmc-predictor-polls-container .predictor-wrapper-poll-expired-timer {
   background: url("//staticg.sportskeeda.com/cmc-predictor/poll-ended-bg.svg") no-repeat center;
   padding: 4px 14px;
   font-weight: 500;
   font-size: 12px;
   line-height: 15px;
   display: flex;
   gap: 5px;
   align-items: center;
   color: #FFFFFF;
   background-size: 100%;
   text-transform: uppercase;
   position: absolute;
   top: -23px;
   left: 50%;
   transform: translateX(-50%);
}

.cmc-predictor-polls-container .predictor-polls-timer-content {
   font-weight: 600;
   font-size: 12px;
   line-height: 15px;
}

.cmc-predictor-polls-container .predictor-poll-double-dot-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-top: 2px;
}

.cmc-predictor-polls-container .predictor-poll-double-dot-wrapper .predictor-poll-dot {
   height: 2px;
   width: 2px;
   background-color: #010101;
   display: inline-block;
   margin: 2px 0px;
   border-radius: 4px;
}

.cmc-predictor-polls-container .polls-countdown-timer.polls-ended {
   padding: 0px;
   overflow: hidden;
   background: transparent;
}

.cmc-predictor-polls-container .polls-countdown-timer.polls-ended .predictor-countdown-timer-title {
   padding: 15px 17px;
}

@media (max-width:1024px) {
   .cmc-predictor-polls-container {
      padding: 10px;
      margin-bottom: 0px;
   }

   .live-predictor-polls .cmc-predictor-polls-container {
      padding: 10px;
      margin-bottom: 0px;
      padding-top: 0px
   }

   .live-predictor-polls .cmc-predictor-polls-container .slider-container .slider-items {
      padding-top: 22px
   }
}


.sk-predictor-leaderboard {
   display: flex;
   flex-direction: column;
}

.sk-predictor-leaderboard .predictor-leaderboard-top-heading {
   display: flex;
   flex-direction: column;
   gap: 1px;
   margin-left: 20px;
   padding-top: 16px;
}

.sk-predictor-leaderboard .predictor-leaderboard-top-heading .predictor-leaderboard-top-title {
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   border-radius: 10px;
   background: #5B0138;
   padding: 8px 15px;
   transform: rotate(-1.81deg);
   display: flex;
   width: fit-content;
   gap: 5px;
   align-items: center;
}

.sk-predictor-leaderboard .predictor-leaderboard-top-heading .rewards-gift-img {
   margin: 0px;
   height: 20px;
   width: 20px;
   object-fit: contain;
   background: none;
}

@media (max-width:1024px) {
   .sk-predictor-leaderboard .predictor-leaderboard-top-heading {
      margin-left: 16px;
   }
}


.cmc-prediction-stats-section {
   display: inline-flex;
   flex-direction: column;
   gap: 30px;
   padding: 16px 20px 0;
   overflow: hidden;
}

.cmc-prediction-stats-section .prediction-stats-heading {
   display: flex;
   flex-direction: column;
   gap: 1px;
}

.cmc-prediction-stats-section .prediction-stats-title {
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   border-radius: 10px;
   background: #5B0138;
   padding: 8px 15px;
   transform: rotate(-1.81deg);
   display: flex;
   width: fit-content;
   gap: 5px;
   align-items: center;
}

.cmc-prediction-stats-section .prediction-stats-img {
   margin: 0px;
   height: 20px;
   width: 20px;
   object-fit: contain;
   background: none;
}

.cmc-prediction-stats-section .user-prediction-section {
   align-items: center;
   display: flex;
   flex-shrink: 0;
   gap: 16px;
}

.cmc-prediction-stats-section .user-prediction-stats {
   padding: 12px;
   background: #FFFFFF;
   border: 1px solid #DFDFDF;
   border-radius: 4px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 4px;
}

.cmc-prediction-stats-section .stats-value {
   font-weight: 600;
   font-size: 18px;
   line-height: 27px;
   color: #2D2D2D;
}

.cmc-prediction-stats-section .stats-title {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: #999999;
}

.cmc-prediction-stats-section .header-section {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.cmc-prediction-stats-section .user-login-text {
   display: inline-flex;
   gap: 5px;
   font-weight: 700;
   font-size: 14px;
   line-height: 21px;
   color: #0B65F0;
   text-decoration: none;
   align-items: center;
}

.cmc-prediction-stats-section .user-login-text img {
   background: transparent;
   height: 13px;
   width: 14px;
}

.cmc-prediction-stats-section .user-prediction-section {
   margin-top: 20px;
}

.cmc-prediction-stats-section .user-pending-stats-section .match-result-locked {
   width: 16px;
   height: 22px;
   background: transparent;
   margin: 0;
}

/* caraousel*/
.match-result-scroll-section {
   position: relative;
   width: 100%;
}

.match-result-scroll-section .score-carousel-scroll-left {
   left: -52px;
   border-radius: 0% 50% 50% 0%;
}

.match-result-scroll-section .score-carousel-scroll-right {
   right: -52px;
   border-radius: 50% 0 0 50%;
}

.match-result-scroll-section .score-carousel-scroll-left img {
   transform: rotate(270deg);
   right: -10px;
}

.match-result-scroll-section .score-carousel-scroll-right img {
   transform: rotate(90deg);
   left: -10px;
}

.match-result-scroll-section .scroll-button {
   width: 74px;
   height: 74px;
   padding: 12px 12px;
   background: #FFFFFF;
   border-radius: 50%;
   cursor: pointer;
   top: calc(50% - 32px);
   position: absolute;
   z-index: 1;
   border: 1px solid #DFDFDF;
   box-shadow: 3px 1px 10px rgba(0, 0, 0, 0.05)
}

.match-result-scroll-section .scroll-button:hover {
   background-color: #F5F7FD;
}

.match-result-scroll-section .scroll-button img {
   background: none !important;
   width: 18px;
   object-fit: contain;
   margin-top: 17px;
   position: relative;
}

.match-result-scroll-section .scrolling-wrapper {
   display: flex;
   flex-wrap: nowrap;
   overflow-x: auto;
   gap: 12px;
}

.cmc-prediction-stats-section .match-result-section {
   padding: 20px 0 0;
}

.match-result-scroll-section .scrolling-wrapper .highlights-wrapper {
   flex: 0 0 auto !important;
   width: 174px;
   color: #02032E;
   position: relative;
   background: #FFFFFF;
   border: 1px solid #DFDFDF;
   border-radius: 8px;
   min-height: 95px;
}

.match-result-scroll-section .match-result-container {
   display: flex;
   flex-direction: column;
   gap: 12px;
   justify-content: space-between;
   height: 100%;
}

.match-result-scroll-section .scrolling-wrapper .team-flag {
   width: 26px;
   height: 19px;
   background: none;
   object-fit: contain;
   margin: 0px auto;
}

.match-result-scroll-section .scrolling-wrapper .coins-won-section {
   display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
   background: #F5F5F5;
   padding: 5px 12px;
   border-radius: 0 0px 7px 7px;
}

.match-result-scroll-section .scrolling-wrapper .coins-won-title {
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
   color: #999999;
}

.match-result-scroll-section .scrolling-wrapper .coins-won {
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: #666666;
   display: flex;
   align-items: center;
   gap: 2px;
}

.match-result-scroll-section .scrolling-wrapper .match-teams-section {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 12px 0 12px;
}

.match-result-scroll-section .scrolling-wrapper .team-name {
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
   color: #474747;
   text-align: center;
   padding-top: 4px;
}

.match-result-scroll-section .scrolling-wrapper .match-date {
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
   color: #474747;
   text-align: center;
   flex-shrink: 0;
}

.match-result-scroll-section .scrolling-wrapper::-webkit-scrollbar {
   display: none;
}

.cmc-prediction-stats-section .rule-price {
   vertical-align: middle;
   display: inline-block;
   background: transparent;
   height: 14px;
   width: 14px;
   margin: 0;
}

.cmc-prediction-stats-section .match-result-link {
   position: absolute;
   inset: 0;
   z-index: 5;
   text-decoration: none;
}

@media (max-width:1024px) {
   .cmc-prediction-stats-section {
      padding: 16px;
   }

   .cmc-prediction-stats-section .user-prediction-stats {
      width: calc(50% - 6px);
      padding: 9px 12px;
   }

   .cmc-prediction-stats-section .stats-value {
      font-size: 14px;
      line-height: 21px;
   }

   .cmc-prediction-stats-section .stats-title {
      font-size: 12px;
      line-height: 18px;
   }

   .cmc-prediction-stats-section .user-prediction-section {
      display: inline-flex;
      gap: 12px;
      flex-wrap: wrap;
      align-items: stretch;
   }

   .cmc-prediction-stats-section .login-title {
      margin-top: 16px;
   }

   .cmc-prediction-stats-section .match-result-section {
      padding: 16px 0 0 0;
   }

   .cmc-prediction-stats-section .match-result-scroll-section {
      margin-bottom: 0px;
   }

   .cmc-prediction-stats-section .scroll-button {
      display: none !important;
   }
}


.cmc-claim-rewards-section {
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 8px;
   margin: 0 20px 16px;
}

.cmc-claim-rewards-section .info-main-headings {
   font-weight: 600;
   font-size: 16px;
   line-height: 19px;
   color: #2D2D2D;
   padding: 18px 0px;
   margin: 0 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
}

.cmc-claim-rewards-section .info-main-headings img {
   background: transparent;
   margin: 0;
}

.cmc-claim-rewards-section .claim-rewards-info {
   font-weight: 400;
   font-size: 14px;
   line-height: 21px;
   color: #666666;
}

.cmc-claim-rewards-section .claim-rewards-container {
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding-top: 8px;
   margin: 0px 20px 8px 20px;
   border-top: 1px solid #E9E9E9;
}

.cmc-claim-rewards-section .claim-rewards-info.info-close {
   transition: unset;
   max-height: 0;
   overflow: hidden;
}

.cmc-claim-rewards-section .claim-rewards-container div {
   padding: 0 8px;
   display: inline-flex;
   gap: 16px;
}

.cmc-claim-rewards-section .claim-rewards-container .rewards-description-holder {
   display: flex;
   gap: 5px;
   padding: 10px 12px;
}

.cmc-claim-rewards-section .bold-text {
   font-weight: 600;
   font-size: 14px;
   color: #2D2D2D;
}

.cmc-claim-rewards-section .rule-content-bold {
   font-weight: 600;
   color: #666666;
}

.cmc-claim-rewards-section .claim-img-one {
   width: 293px;
   background: transparent;
   margin: 0;
   border: 1px solid #FF1600;
   border-radius: 8px;
}

.cmc-claim-rewards-section .claim-img-two,
.cmc-claim-rewards-section .claim-img-three {
   width: 100%;
   background: transparent;
   margin: 0px;
   border: 1px solid #FF1600;
   border-radius: 8px;
}

.cmc-claim-rewards-section .child-info-section {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.cmc-claim-rewards-section .claim-toggle-icon {
   font-size: 21px;
}

.cmc-claim-rewards-section .cmc-rewards-table-container {
   display: flex;
}

.cmc-claim-rewards-section .cmc-rewards-table-container {
   width: 100%;
   text-align: center;
}

.cmc-claim-rewards-section .cmc-rewards-table-container td,
.cmc-claim-rewards-section .cmc-rewards-table-container th {
   text-align: center;
}

.cmc-claim-rewards-section .cmc-rewards-table-container .cmc-rewards {
   display: table;
   text-align: center;
}

.cmc-claim-rewards-section .cmc-rewards-table-container table,
.cmc-claim-rewards-section .cmc-rewards-table-container td,
.cmc-claim-rewards-section .cmc-rewards-table-container th {
   border: 1px solid #333;
}

.cmc-claim-rewards-section .cmc-rewards-table-container td,
.cmc-claim-rewards-section .cmc-rewards-table-container th {
   color: #333;
   padding: 3px;
}

.cmc-claim-rewards-section .cmc-rewards-table-container table tr {
   background-color: white;
}

.cmc-claim-rewards-section .cmc-rewards-table-container thead th {
   background-color: #dd2626;
   color: white;
   border-color: black;
}

.cmc-claim-rewards-section .cmc-rewards-table-container .voucher-code-btn {
   background: transparent;
   border: none !important;
   color: #0B65F0;
   cursor: pointer;
   line-height: 19px;
}

.cmc-claim-rewards-section .cmc-rewards-table-container .voucher-details {
   background-color: #8dde85;
   text-align: center;
}

.cmc-claim-rewards-section .cmc-rewards-table-container .voucher-details-generating {
   background-color: yellow;
   text-align: center;
}

.cmc-claim-rewards-section .cmc-rewards-table-container .week-number,
.cmc-claim-rewards-section .cmc-rewards-table-container .name {
   background-color: #efbcbc;
}

.cmc-claim-rewards-section .login-title {
   width: 100%;
   text-align: center;
   padding: 10px;
}

.cmc-claim-rewards-section .user-login-text {
   display: inline-flex;
   gap: 5px;
   font-weight: 700;
   font-size: 14px;
   line-height: 21px;
   color: #0B65F0;
   text-decoration: none;
   align-items: center;
}

.cmc-claim-rewards-section .user-login-text img {
   background: transparent;
   height: 13px;
   width: 14px;
}

.reward-generating-tooltip {
   position: relative;
}

.reward-generating-tooltip-wrapper {
   position: absolute;
   z-index: 999;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 220px;
}

.reward-generating-tooltip-wrapper .reward-generating-tooltip-container {
   background: #000;
   border-radius: 3px;
   padding: 4px;
}

.reward-generating-tooltip-wrapper .reward-generating-tooltip-container .reward-generating-tooltip-text {
   color: #fff;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}

@media (max-width:1024px) {
   .cmc-claim-rewards-section {
      margin: 0 16px
   }

   .spin-wheel-tab-content-wrapper .cmc-claim-rewards-section {
      margin: 0 14px
   }

   .cmc-claim-rewards-section .cmc-rewards-table-container {
      color: #333;
   }

   .cmc-claim-rewards-section .cmc-rewards-table-container table,
   .cmc-claim-rewards-section .cmc-rewards-table-container td,
   .cmc-claim-rewards-section .cmc-rewards-table-container th {
      font-weight: 500 !important;
   }

   .cmc-claim-rewards-section .info-main-headings {
      margin: 0;
      padding: 14px 12px;
      font-size: 12px;
      line-height: 18px;
   }

   .cmc-claim-rewards-section .claim-rewards-container {
      gap: 12px;
      padding-top: 12px;
      margin: 0px 12px 8px;
      font-size: 12px;
      line-height: 18px;
   }

   .cmc-claim-rewards-section .claim-rewards-container div {
      padding: 0px;
      gap: 16px 8px;
   }

   .cmc-claim-rewards-section .claim-rewards-container .rewards-description-holder {
      display: block;
   }

   .cmc-claim-rewards-section .bold-text {
      font-size: 12px;
   }

   .cmc-claim-rewards-section .claim-rewards-container .child-info-section {
      padding-left: 8px;
   }

   .cmc-claim-rewards-section .claim-img-one,
   .cmc-claim-rewards-section .claim-img-two,
   .cmc-claim-rewards-section .claim-img-three {
      margin: 0 auto;
   }
}

/* cms ============================= */
.cms-one h1 {
   font-size: 20px;
   line-height: 20px;
   margin: 30px 0 15px 0;
   float: left;
}

.cms-one .page-content {
   padding: 10px;
   display: flex;
   flex-direction: column;
}