@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}
.showhide {display: none;}
/*.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;}
.catInfo > h2 span {background-color: #000;padding: 0 10px;position: relative;z-index: 9;}
.catInfo > h2:after {content: "";position: absolute;left: 0px;top: 50%;background: url("https://cricheroes-media-mumbai.s3.ap-south-1.amazonaws.com/awards/assets/horizontal-strip.png") center top no-repeat;width: 360px;height: 2px;transform: translateY(-50%);right: 0;margin: 0 auto;}

.tabbing {padding: 8px 16px 16px 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, #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);}

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%;height: auto;padding: 0 0 0 0;margin: 0;font-size: 14px;line-height: 18px;letter-spacing: 0.01em;cursor: pointer;color: #fff; /*text-transform: uppercase;*/}
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 0px;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;line-height: 18px;}
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 strong {color: #fff;}
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: #F1E379;}

.question {margin: 0 16px;}
.queSec {margin: 24px 0;border: 1px solid #CB8E40;border-radius: 16px;padding: 16px;display: flex;justify-content: space-between;align-items: center;}
.queSec h3 {font-size: 16px;line-height: 20px;font-weight: normal;color: #fff;margin: 0;width: calc(100% - 32px);}
.question > h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;}
.question > h2:after {content: "";position: absolute;left: -15%;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;}
.question > h2 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;display: table;margin: 0 auto;}


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