@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;
}
.backBtn {padding: 36px 16px 22px 16px;display: none;}
.backBtn a {display: inline-block;line-height: 1;}
.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;}
.showhide {display: none;}
.categoryListing {margin-top: 16px;}
.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: #000;padding: 0 10px;position: relative;z-index: 9;}
.catInfo > h2:after {content: "";position: absolute;left: -9%;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;}

.religion h2 { overflow: hidden; font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;text-align: center; ov}
.religion h2 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;}
.religion 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;}

.tabbing {padding: 16px;}
.active {display: block;}
.hide {display: none;}
.activelink {color: red;}
.tabbing > ul {list-style: none;padding: 0;overflow: auto;white-space: nowrap;display: flex;margin: 0 -16px;border-bottom: 1px solid #252312;}
.tabbing > ul li {display: inline-block;}
.tabbing > ul li a {color: #FFFFFF;font-size: 14px;line-height: 19px;text-decoration: none;padding: 10px 16px;position: relative;display: inline-block;opacity: 0.5}
.tabbing > ul li a.activelink {opacity: 1;}
.tabbing > ul li a.activelink:after {content: "";position: absolute;bottom: 0;left: 0;background: url("https://cricheroes-media-mumbai.s3.ap-south-1.amazonaws.com/awards/assets/tab-border.png") center bottom repeat-x;width: 100%;height: 2px;}

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

ul.accordion-list {position: relative;display: block;width: 100%;height: auto;padding: 0 16px 0 0px;margin: 0;list-style: none;text-align: left;}
ul.accordion-list > li {position: relative;display: block;height: auto;background-color: #000;padding: 1px;border:1px solid #CB8E40;margin: 0 auto 8px auto;border-radius: 5px;cursor: pointer;}
.faqContent {background-color: #191919;padding: 12px 30px 12px 12px;border-radius: 5px;}
.faqContent h3 {margin: 0;color: #F1E379;font-weight: normal;font-size: 14px;}
ul.accordion-list li.active h3:after {transform: rotate(180deg);}
ul.accordion-list li h3 {position: relative;display: block;width: 100%;color: #fff;height: auto;padding: 0 0 0 0;margin: 0;font-size: 14px;line-height: 18px;letter-spacing: 0.01em;cursor: pointer;}
ul.accordion-list li h3:after {content: "";width: 14px;height: 8px;background: url("https://cricheroes-media-mumbai.s3.ap-south-1.amazonaws.com/awards/assets/accordiyan-icon.png");position: absolute;right: -17px;top: 6px;color: #fcc110;transition: all 0.3s ease-in-out;font-size: 18px;}
ul.accordion-list li div.answer {position: relative;display: block;width: 100%;height: auto;margin: 0;padding: 10px 5px;cursor: pointer;}
ul.accordion-list li div.answer h2 {font-size: 12px;line-height: 14px;color: #fff;font-weight: 600;}
ul.accordion-list li div.answer h4 {font-size: 12px;line-height: 14px;color: #fff;font-weight: 400;margin: 10px 0;}
ul.accordion-list li div.answer p {position: relative;display: block;font-weight: 300;cursor: pointer;margin: 15px 0 0 0;font-size: 12px;color: #A1A6AA;}
ul.accordion-list li div.answer ul {padding-left: 10px;list-style: none;margin-top: 5px;}
ul.accordion-list li div.answer ul li {position: relative;color: #A1A6AA;font-size: 12px;line-height: 16px;margin-bottom: 5px;padding-left: 15px;}
ul.accordion-list li div.answer ul li:after {content: "";position: absolute;width: 4px;height: 4px;background-color: #A1A6AA;left: 0;top: 8px;border-radius: 100%;}
ul.accordion-list li div.answer ul.awards {display: flex;justify-content: space-between;margin-top: 12px;padding: 0;list-style: none;padding: 0 15px;}
ul.accordion-list li div.answer ul.awards li:after {display: none;}
ul.accordion-list li div.answer ul.awards li a {color: #F1E379;font-size: 12px;line-height: 16px;text-decoration: none;font-weight: 600;}
ul.accordion-list li div.answer .awBox h4:first-child {color: #CB8E40;}
.awBox {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid rgba(102, 102, 103, 0.5);}
.awBox:last-child {border: 0;}

.region {position: relative;z-index: 999;}
.regionDrawer h2 {color: #fff;font-size: 16px;line-height: 20px;font-weight: 400;display: table;margin: 0 auto;width: auto;border: 1px solid #CB8E40;padding: 8px 16px;border-radius: 20px;background-color: #191919;text-align: center;position: fixed;left: 0;right: 0;bottom: 15px;}
.regionDrawer h2 img {padding-left: 30px;}
.drawerBox {background-color: #1e1e1e;padding: 25px;border-radius: 24px 24px 0 0;position: fixed;bottom: -253px;transition: ease-in-out 0.4s;}
.drawerBox.open {bottom: 0px;transition: ease-in-out 0.4s;}
.drawerBox.open:after {content: "";position: absolute;top: 0;width: 100vw;height: 100vh;left: 0;top: -100vh;z-index: 9;}
.drawerBox h3 {font-size: 18px;line-height: 24px;color: #fff;margin: 0 auto 16px auto;font-weight: 500;position: relative;display: table;}
.drawerBox h3:after {content: "";position: absolute;border: 2px solid #fff;width: 36px;border-radius: 3px;top: -14px;left: 0;right: 0;margin: 0 auto;}
.drawerValue {display: flex;flex-wrap: wrap;}
.drawerValue p {color: #fff;text-decoration: none;border: 1px solid #4B3F19;font-size: 14px;font-weight: 600;padding: 7px 16px;border-radius: 10px;margin-bottom: 8px;margin-right: 8px;margin-top: 0;}
.drawerValue p.selected {color: #fff;background: linear-gradient(270deg, #71441F 0%, #B28960 25.85%, #CB8E40 51.7%, #B28960 75.85%, #71441F 100%);}
.drawerValue p.desable {color: #676262;background: #343434;cursor: none;border: 1px solid #343434;pointer-events: none;}
.drawerBox button {background: linear-gradient(270deg, #71441F 0%, #B28960 25.85%, #CB8E40 51.7%, #B28960 75.85%, #71441F 100%);border: 0;color: #fff;font-size: 16px;font-weight: 600;padding: 12px 16px;margin-top: 20px;border-radius: 10px;width: 100%;}
.drawerBox img.close {position: absolute;top: 10px;right: 10px;}

@media (min-width:480px) {
body {width: 414px;margin: 0 auto;}
  .mediaBoxes,.testBoxes {padding-bottom: 10px;}
}

@media (max-width:480px) {
  .backBtn {display: block;}
  .newsBoxes::-webkit-scrollbar {-webkit-appearance: none;}
  .newsBoxes::-webkit-scrollbar:vertical {width: 0;}
  .newsBoxes::-webkit-scrollbar:horizontal {height: 0;}
  .testBoxes::-webkit-scrollbar {-webkit-appearance: none;}
  .testBoxes::-webkit-scrollbar:vertical {width: 0;}
  .testBoxes::-webkit-scrollbar:horizontal {height: 0;}
  .mediaBoxes::-webkit-scrollbar {-webkit-appearance: none;}
  .mediaBoxes::-webkit-scrollbar:vertical {width: 0;}
  .mediaBoxes::-webkit-scrollbar:horizontal {height: 0;}
}

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