@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');
body {font-family: "Ubuntu Sans", sans-serif;color: #333;font-size: 16px;background-color: #191919;padding: 0;margin: 0;background: #191919 url("/https://cricheroes-media-mumbai.s3.ap-south-1.amazonaws.com/awards/assets/bg-pattern.png") center top repeat-y;background-size: cover;}
b, strong {font-weight: 600;}
h3 {font-size: 16px;}
img {max-width: 100%;}

.topBtn {padding: 36px 16px 22px 16px;display: flex;border-bottom: 1px solid #252312;align-items: center;position: relative;z-index: 9;}
.topBtn a {display: inline-block;line-height: 1;z-index: 999;}
.topBtn h1 {color: #FFFFFF;font-size: 18px;line-height: 20px;display: table;margin: 0 auto;font-weight: normal;width: calc(100% - 32px);text-align: center;position: absolute; overflow: hidden}
.tabbing {padding: 21px 16px 16px 16px;}
.active {display: block;}
.hide {display: none;}
.activelink {color: red;}
.tabbing > ul {list-style: none;padding-left: 16px;overflow: auto;white-space: nowrap;display: flex;margin: 0 -16px;}
.tabbing > ul li {display: inline-block;margin-right: 8px;}
.tabbing > ul li a {color: #FFFFFF;font-size: 14px;font-weight: 600;line-height: 19px;text-decoration: none;padding: 10px 16px;position: relative;display: inline-block;border: 1px solid #CB8E40;border-radius: 8px;}
.tabbing > ul li a.activelink {background-image: linear-gradient(270deg, #71441F 0%, #B28960 25.85%, #CB8E40 51.7%, #B28960 75.85%, #71441F 100%);color: #1E1E1E}
.tabbing > ul li a.desabled {background-color: #333333;border-color: #333333;color: #000;pointer-events: none;}

.tabbing ul::-webkit-scrollbar {height: 4px;border: 1px solid linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);}
.tabbing ul::-webkit-scrollbar-track {border-radius: 0;background: #ccc;}
.tabbing ul::-webkit-scrollbar-thumb {border-radius: 0;background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);}

.category {margin-top: 10px;}
.catInfo {margin-bottom: 23px;}
.catbox {margin: 24px 0;border: 1px solid #CB8E40;border-radius: 16px;padding: 16px;display: flex;justify-content: space-between;align-items: center;text-decoration: none;}
.catbox h2 {font-size: 18px;line-height: 22px;font-weight: 700;color: #fff;margin: 0;}
.bottomInfo {position: absolute;bottom: 20px;}
.bottomInfo h2 {font-size: 24px;line-height: 26px;font-weight: bold;margin: 16px 0 8px 0;color: #333333;}
.bottomInfo p {font-size: 14px;line-height: 18px;color: #333333;margin: 0;}


@media (min-width:480px) {
  body {width: 414px;margin: 0 auto;}
  .tabbing > ul {padding-bottom: 10px;}
}


@media (max-width:480px) {
  .tabbing ul::-webkit-scrollbar {-webkit-appearance: none;}
  .tabbing ul::-webkit-scrollbar:vertical {width: 0;}
  .tabbing ul::-webkit-scrollbar:horizontal {height: 0;}


}