@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%;}
body {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  overscroll-behavior: none;
}
.topBtn {padding: 24px 16px 22px 16px;display: flex;justify-content: space-between;align-items: center;position: relative;}
.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;position: absolute;width: calc(100% - 32px);text-align: center; overflow: hidden}
.searchCategory {margin: 16px 16px 23px 16px;width: calc(100% - 32px);position: relative;background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);padding: 1px;position: relative;border-radius: 10px;}
.searchCategory button {border: 0;background: transparent;position: absolute;top: 50%;transform: translateY(-50%);left: 8px;}
.searchCategory input {width: 100%;background-color: #000000;border: 0;padding: 11px;border-radius: 10px;margin: 0;width: calc(100% - 49px);padding-left: 38px;font-size: 16px;line-height: 21px;color: #fff;outline: 0;}
.searchCategory input ::placeholder {color: #fff;opacity: 1;}
.searchCategory input ::-ms-input-placeholder {color: #fff;}
.showhide {display: none;}

.category {padding: 0 16px;margin-top: 10px;}
.catInfo {margin-bottom: 23px;}
.catInfo > h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;text-align: center;overflow: hidden;}
.catInfo > h2 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;}
.catInfo > h2:after  {content: "";position: absolute;left: -14%;top: 50%;background: url("https://cricheroes-media-mumbai.s3.ap-south-1.amazonaws.com/awards/assets/horizontal-strip.png") center top no-repeat;width: 500px;height: 2px;transform: translateY(-50%);margin: 0 auto;background-size: cover;}

.whatNew {padding: 0 16px;margin: 20px 0 40px 0;}
.whatNew p {color: #E7E8EA;font-size: 14px;line-height: 19px;text-align: center;margin-bottom: 9px;}
.whatNew > h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;text-align: center;overflow: hidden;}
.whatNew > h2 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;}
.whatNew ul {padding-left: 20px;}
.whatNew > h2:after {content: "";position: absolute;left: -14%;top: 50%;background: url("https://cricheroes-media-mumbai.s3.ap-south-1.amazonaws.com/awards/assets/horizontal-strip.png") center top no-repeat;width: 500px;height: 2px;transform: translateY(-50%);margin: 0 auto;background-size: cover;}
.whatNew ul li {color: #E7E8EA;font-size: 14px;line-height: 19px;text-align: left;margin-bottom: 9px;}

.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:focus-visible {outline: none;}
.catbox h2 {font-size: 18px;line-height: 22px;font-weight: 700;color: #fff;margin: 0;}


@media (min-width:480px) {
body {width: 414px;margin: 0 auto;}
}

/*@media (min-width: 1024px) {*/
/*  .whatNew h2:after,*/
/*  .catInfo h2:after {*/
/*    width: 500px;*/
/*    left: -14%;*/
/*  }*/
/*}*/