@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%;}
video {max-width: 100%;}
@keyframes glow {
    0% {
        box-shadow: 0 0 0 0 #F1E379;
    }

    50% {
        box-shadow: 0 0 30px 0 #F1E379;
    }
}

.shiny-button {width: fit-content;position: relative;color: #e6fcff;border: 3px solid transparent;background-origin: border-box;background-clip: padding-box, border-box;background-size: 100%, 300%;background-position: 0 0, -300px;animation: border-glint 5s linear infinite;animation-delay: 1s;box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);transition: all 0.3s ease;overflow: hidden;}
.shiny-button::after {content: '';position: absolute;top: -50%;left: -120%;width: 200%;height: 200%;background-image: linear-gradient(130deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 60%);animation: glint 7s linear infinite;animation-delay: 0.2s;z-index: -1;}

@keyframes glint {
  0% { left: -120%; }
  10% { left: 50%; }
  100% { left: 50%; }
}

@keyframes border-glint {
  0%   { background-position: 0 0, -100px; }
  25%  { background-position: 0 0, -80px; }
  75%  { background-position: 0 0, 30px; }
  100% { background-position: 0 0, 30px; }
}


body {-webkit-user-select: none;-ms-user-select: none;user-select: none;overscroll-behavior: none;}
.backBtn {padding: 24px 16px 22px 16px;display: none; position: absolute;top: 0;left: 0; z-index: 9999}
.backBtn a {display: inline-block;line-height: 1;}
/*.logoGif:after {content: "";position: absolute;background-image: linear-gradient(360deg, #191919 0%, rgba(0, 0, 0, 0) 100%);bottom: 0;width: 100%;height: 20px;}*/

.calenderBtn {margin: 0 16px 16px 16px;width: calc(100% - 32px);position: relative;border: 1px solid #CB8E40;padding: 1px;border-radius: 10px;}
.calenderBtn a {background: #191919;color: #CB8E40 !important;display: table;margin: 0 auto;font-weight: normal;border: 0;width: 100%;text-align: center;text-decoration: none;font-size: 16px;line-height: 22px;border-radius: 10px;padding: 9px 0;}
.calenderBtn a:hover {background: #191919 !important;font-size: 16px !important;}
.timeCalc {margin-bottom: 20px;}
.result {background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);text-align: center;}
.result p,.result a {color: #1F1F1F;font-size: 16px;line-height: 21px;padding: 6px 0;font-weight: 600;margin-bottom: 32px;display: flex;justify-content: center;align-items: center;text-decoration: none;}
.result p img,.result a img {margin-left: 10px;}
#countdown ul {display: flex;justify-content: center;margin: 0;padding: 0;}
#countdown ul li {display: inline-block;font-size: 1.5em;list-style-type: none;padding: 0 10px;text-transform: uppercase;font-size: 10px;line-height: 12px;text-align: center;color: #fff;position: relative;}
#countdown ul li:after {content: ":";position: absolute;top: 30%;right: -5px;transform: translateY(-50%);font-size: 30px;}
#countdown ul li:last-child:after {display: none;}
#countdown ul li span {display: block;font-size: 42px;line-height: 42px;margin-bottom: 10px;}

.explorer {width: 100%;text-align: center;margin-bottom: 32px;}
.explorer h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 12px;font-weight: normal;}
.explorer 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;max-width:100%;height: 2px;transform: translateY(-50%);right: 0;margin: 0 auto;}
.explorer h2 span {background-color: #000;padding: 0 10px;position: relative;z-index: 9;}
.awardInfo {width: calc(100% - 32px);margin: 0 auto;display: table;background-color: #1F1F1F;border-radius: 10px;}
.awardInfo:first-child {margin-bottom: 32px;}
.awardInfo:first-child img {margin-bottom: 10px;}
.awardInfo:first-child p {background-color:#1f1f1f;color: #f1e379;animation: glow 1.4s ease-out infinite;width: 96%;position: relative;top: -8px;background: none;border-radius: 10px;font-size: 18px;line-height: 24px;}
.awardInfo a {text-decoration: none;}
.popularityAward {padding: 12px 0 0 0;background-color: #1F1F1F;border-radius: 10px;}
.popularityAward img {width: 150px;}
.popularityAward h2 {font-size: 18px;line-height: 22px;color: #fff;font-weight: normal;}
.popularityAward h2 span {background-color: #1f1f1f;padding: 0 10px;position: relative;z-index: 9;}
.popularityAward p {background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);width: 100%;display: inline-block;color: #000000;font-size: 14px;line-height: 16px;text-decoration: none;border-radius: 0 0 10px 10px;padding: 8px 0;font-weight: 700;margin-bottom: 0;}

.news {width: 100%;text-align: center;margin-bottom: 32px;}
.news h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 20px;margin-top: 0;font-weight: normal;}
.news h2:after {content: "";position: absolute;left: 0;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;max-width:100%;height: 2px;transform: translateY(-50%);right: 0;margin: 0 auto;}
.news h2 span {background-color: #000;padding: 0 10px;position: relative;z-index: 9;}
.newsBoxes {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 16px;}
.newsBoxes a {text-decoration: none;}
.newsBox:first-child {width: 100%;margin-bottom: 20px;}
.newsBox {display: inline-flex;background-color: #1F1F1F;border-radius: 10px;width: 48%;margin-right: 0;margin-bottom: 20px;}
.newsBox p {font-size: 18px;line-height: 24px;color: #fff;}
.newsBox a {text-decoration: none;display: inline-block;width: 100%;padding-top: 15px;}
.newsBox span {color: #000;font-size: 14px;line-height: 16px;text-decoration: none;font-weight: 700;background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);padding: 10px;display: block;border-radius: 0 0 10px 10px;}
.newsBox a img {width: 92px;height: 92px;}
.newsBox:first-child a img {width: 120px;}
.selectionCriteria {margin: 0 16px 32px 16px;background-color: #1F1F1F;border-radius: 8px;padding: 12px;}
.selectionCriteria a {display: flex;align-items: center;justify-content: space-between;color: #F1E379;text-decoration: none;font-size: 16px;font-weight: 600;line-height: 20px;}
.selectionCriteria a img {transform: rotate(-90deg);}

.winner {width: 100%;text-align: center;margin-bottom: 32px;}
.winner h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;}
.winner h2:after {content: "";position: absolute;left: 0;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;max-width:100%;height: 2px;transform: translateY(-50%);right: 0;margin: 0 auto;}
.winner h2 span {background-color: #000;padding: 0 10px;position: relative;z-index: 9;}
.winnerInfo {width: calc(100% - 32px);margin: 0 auto;display: table;background-color: #1F1F1F;border-radius: 10px;}
.winnerAward {padding: 12px 0 0 0;background-color: #1F1F1F;border-radius: 10px;}
.winnerAward h3 {font-size: 18px;line-height: 22px;color: #fff;font-weight: normal;}
.winnerAward a {background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);width: 100%;display: inline-block;color: #000000;font-size: 14px;line-height: 16px;text-decoration: none;border-radius: 0 0 10px 10px;padding: 8px 0;font-weight: 700;}

.aboutAward {width: 100%;text-align: center;margin-bottom: 32px;}
.aboutAward h1 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;overflow: hidden;}
.aboutAward h1: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;}
.aboutAward h1 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;}
.aboutAwardContent {padding: 0 32px;}
.aboutAwardContent p {color: #A1A6AA;font-size: 16px;line-height: 22px;margin-bottom: 15px;}
.aboutAwardContent p:last-child {margin-bottom: 0;}
.aboutAwardContent  a {text-decoration: none;color: #F1E379;font-size: 16px;line-height: 22px;font-weight: 600;color: #AD792B;background-image: linear-gradient(45deg, #71441F , #B28960 50%, #CB8E40 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.faq {width: 100%;text-align: center;margin-bottom: 32px;}
.faq h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 20px;margin-top: 0;font-weight: normal;}
.faq 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;}
.faq h2 span {background-color: #000;padding: 0 10px;position: relative;z-index: 9;}
ul.accordion-list {position: relative;display: block;width: calc(100% - 32px);height: auto;padding: 0 16px 0 16px;margin: 0;list-style: none;text-align: left;}
ul.accordion-list > li {position: relative;display: block;height: auto;background-color: #000;padding: 1px;background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);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: 15px;letter-spacing: 0.01em;cursor: pointer;}
ul.accordion-list li h3:after {content: "";width: 12px;height: 7px;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: 0;cursor: pointer;}
ul.accordion-list li div.answer p {position: relative;display: block;font-weight: 300;cursor: pointer;line-height: 150%;margin: 15px 0 0  0;font-size: 12px;color: #A1A6AA;}
ul.accordion-list li div.answer ul {padding: 0;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: 10px;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;}

.media {width: 100%;text-align: center;margin-bottom: 46px;}
.testimonial h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;}
.testimonial h2:after {content: "";position: absolute;left: 0;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;max-width:100%;height: 2px;transform: translateY(-50%);right: 0;margin: 0 auto;}
.testimonial h2 span {background-color: #000;padding: 0 10px;position: relative;z-index: 9;}
.testimonial {width: 100%;text-align: center;margin-bottom: 32px;}
.testimonial h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;}
.testimonial h2:after {content: "";position: absolute;left: 0;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;max-width:100%;height: 2px;transform: translateY(-50%);right: 0;margin: 0 auto;}
.testBoxes {overflow: auto;white-space: nowrap;margin-left: 16px;}
.testImg {display: inline-block;width: 306px;margin-right: 12px;}
.testImg a {display: inline-block;}
.testBoxes::-webkit-scrollbar {height: 4px;border: 1px solid linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);}
.testBoxes::-webkit-scrollbar-track {border-radius: 0;background: #ccc;}
.testBoxes::-webkit-scrollbar-thumb {border-radius: 0;background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);}

.media {width: 100%;text-align: center;margin-bottom: 32px;}
.media h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;}
.media h2:after {content: "";position: absolute;left: 0;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;max-width:100%;height: 2px;transform: translateY(-50%);right: 0;margin: 0 auto;}
.media h2 span {background-color: #000;padding: 0 10px;position: relative;z-index: 9;}
.mediaBoxes {overflow: auto;white-space: nowrap;margin-left: 16px;}
.mediaImg {display: inline-block;width: 150px;margin-right: 12px;}
.mediaImg a {display: inline-block;}
.mediaBoxes::-webkit-scrollbar {height: 4px;border: 1px solid linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);}
.mediaBoxes::-webkit-scrollbar-track {border-radius: 0;background: #ccc;}
.mediaBoxes::-webkit-scrollbar-thumb {border-radius: 0;background: linear-gradient(to right, #AE7B2C, #F1E379, #AE7B2C);}

footer {position: relative;background-color: #1F1F1F;width: 100%;overflow: hidden;}
footer:after {content: "";position: absolute;left: 0;top: 0;width: 100%;background: url("https://cricheroes-media-mumbai.s3.ap-south-1.amazonaws.com/awards/assets/footer-border.png") center top no-repeat;height: 4px;}
footer h2 {text-align: center;color: #fff;font-size: 16px;line-height: 20px;font-weight: normal;padding: 0;margin: 24px 0 16px 0;}
.socialMedia {margin-bottom: 32px;}
.socialMedia ul {display: flex;list-style: none;justify-content: center;padding: 0;margin: 0;}
.socialMedia ul li {margin-right: 16px;}
.socialMedia ul li:last-child {margin-right: 0;}
.socialMedia ul li a {display: inline-block;}
.getApp {text-align: center;margin-bottom: 32px;}
.getApp h3 {color: #fff;font-size: 16px;line-height: 20px;font-weight: normal;padding: 0;margin-bottom: 16px;}
.getApp ul {display: flex;list-style: none;justify-content: center;margin: 0;padding: 0;}
.getApp ul li {margin-right: 16px;}
.getApp ul li:last-child {margin-right: 0;}
.getApp ul li a {display: inline-block;}
footer > p {text-align: center;color: #fff;font-size: 14px;line-height: 18px;}

@media (min-width: 1024px) {
  .aboutAward h1:after {
    width: 500px;
    left: -10%;
  }
}

@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;}

}


.d-none {display: none;}

/*2025 Design Changes*/
.catWinners {margin: 24px;}
.catBox {margin: 24px 0;border: 1px solid #CB8E40;border-radius: 16px;padding: 16px;background-color: #1E1E1E;}
.secTitle {display: flex;align-items: center;margin-bottom: 16px;}
.secTitle p {color: #fff;font-size: 16px;line-height: 20px;margin-left: 8px;font-weight: 600;}
.explore {width: 100%;text-align: center;border-radius: 8px;position: relative;z-index: 9;overflow: hidden;background: linear-gradient(270deg, #71441F 0%, #B28960 25.85%, #CB8E40 51.7%, #B28960 75.85%, #71441F 100%);position: relative;z-index: 999;}
.explore a {text-decoration: none;padding: 9px 0;display: inline-block;width: 100%;color: #fff;font-size: 14px;line-height: 20px;font-weight: 600;z-index: 9;}

.awardBox {margin: 0 16px 40px 16px;}
.awardBox h2 {text-align: center;font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 24px;margin-top: 0;font-weight: normal;overflow: hidden;}
.awardBox 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;}

.awardBox h2 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;}
.awardImg {position: relative;}
.awardImg a img {object-fit: cover;object-position: center;width: 100%;}
.awardImg > img {position: absolute;right: 16px;bottom: 16px;}

.homeTestimonials {margin: 0 16px 40px 16px;}
.homeTestimonials h2 {text-align: center;font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 12px;margin-top: 0;font-weight: normal;}
.homeTestimonials h2:after {content: "";position: absolute;left: 0;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;}
.homeTestimonials h2 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;}
.homeTestimonials h2 {font-size: 16px;line-height: 21px;color: #fff;position: relative;margin-bottom: 24px;margin-top: 0;font-weight: normal;overflow: hidden;}
.homeTestimonials 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;}
.testslider {overflow: hidden;}
.testslider .slick-track {display: flex;}
.testslider .slick-track .slick-slide {padding-right: 5px;}
.item {position: relative;display: block;height: auto;background-color: #000;padding: 1px;border: 1px solid #CB8E40;border-radius: 16px;}
.testBox {background-color: #191919;border-radius: 16px;padding: 16px;}
.testBox p {color: #BBBBBB;font-size: 12px;line-height: 16px;margin: 0;}
.testContent {display: flex;align-items: center;margin-bottom: 8px;}
.winnerName {margin-left: 8px;}
.winnerName p {font-size: 16px;color: #fff;line-height: 20px;margin: 0;}
.winnerName span {color: #CB8E40;font-size: 12px;line-height: 16px;}
.testslider .slick-dots {padding: 0;display: flex;justify-content: center;list-style: none;}
.testslider .slick-dots li {margin-right: 5px;width: 6px;height: 6px;}
.testslider .slick-dots li button {text-indent: -9999px;height: 100%;width: 100%;border: 0;border-radius: 100%;padding: 0;background-color: #72797F;}
.testslider .slick-dots li.slick-active button {background-color: #fff;}

.question {margin: 0 16px;}
.question a {text-decoration: none;}
.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;overflow: hidden;}
.question > 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;}
.question > h2 span {background-color: #191919;padding: 0 10px;position: relative;z-index: 9;display: table;margin: 0 auto;}

.fotImg {margin: 16px;}
