@font-face {
    font-family: 'cash_sansbold';
    src: url('../fonts/cashsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/cashsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cash_sansmedium';
    src: url('../fonts/cashsans-medium-webfont.woff2') format('woff2'),
         url('../fonts/cashsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cash_sansregular';
    src: url('../fonts/cashsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/cashsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cash_sanssemibold';
    src: url('../fonts/cashsans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/cashsans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exact_blockregular';
    src: url('../fonts/exactblock-regular-webfont.woff2') format('woff2'),
         url('../fonts/exactblock-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Global styles */
body{ margin: 0;padding: 0;background-color: #FFF;font-family: 'cash_sansregular';font-size: 16px;}
body.countdowntimer{background-color: #000;}
.btn_sec{clear:both;display:block;text-align: center;}
.btn-primary{background-color: #006AFF;color:#FFF;border-radius: 30px;padding:10px 30px;font-size: 16px;border:none;cursor: pointer;display: inline-block;}
.btn_sec a, .btn_sec a:hover{text-decoration: none;color: #FFF;}
img{max-width: 100%;}

 /* Top navigation styles */
.nav_sec{display: flex;justify-content: space-between;background-color:#f1f1f1;margin:0;width:100%;padding:20px;box-sizing: border-box;}
.nav_rt_sec ul{margin: 0;padding: 0;}
.nav_rt_sec ul li{list-style-type: none;display: inline-block;margin-right: 20px;}
.nav_rt_sec ul li a{color:#333;font-size: 14px;display: inline-block;padding:0;font-family: 'cash_sansmedium';text-decoration: none;}
.nav {display: flex;gap: 20px;}
.nav a {color: #333;font-size: 16px;display: inline-block;padding: 0;font-family: 'cash_sansmedium';text-decoration: none;}
.hamburger {display: none;width: 30px;height: 22px;position: relative;cursor: pointer;}
.hamburger span {position: absolute;height: 3px;width: 100%;background: #333;left: 0;transition: all 0.3s ease;}
.hamburger span:nth-child(1) { top: 0; }
.hamburger span:nth-child(2) { top: 9px; }
.hamburger span:nth-child(3) { top: 18px; }
.hamburger.active span:nth-child(1) {transform: rotate(45deg);top: 9px;}
.hamburger.active span:nth-child(2) {opacity: 0;}
.hamburger.active span:nth-child(3) {transform: rotate(-45deg);top: 9px;}
 
/* Footer styles and marquee animation */
.abbrules_sec{color: #000;text-align: left;line-height: 1.3em;padding: 20px 0;width: 100%;margin: auto;font-size: 12px;font-family: 'cash_sansregular';}
.abbrules_sec strong{font-family: 'cash_sansbold';}
.abbrules_sec a, .abbrules_sec a:hover{color:#000;text-decoration: underline;}
.countdowntimer .abbrules_sec{color: #FFF;text-align: left;line-height: 1.3em;padding: 0 0 100px;width: 90%;margin: auto;font-size: 14px;font-family: 'cash_sansregular';margin-top:20vh;}
.countdowntimer .abbrules_sec a, .countdowntimer .abbrules_sec a:hover{color:#FFF;text-decoration: underline;}
.officialrules .abbrules_sec , .faqs .abbrules_sec, .nonus .abbrules_sec{color: #000;text-align: left;line-height: 1.3em;padding: 0 0 100px;width: 90%;margin: auto;font-size: 12px;font-family: 'cash_sansregular';}
.marquee {width: 100%;overflow: hidden;background: #fff;padding:10px 0;position: fixed;bottom:0;}
.marquee-track {display: flex;width: max-content;animation: scroll-left 15s linear infinite;}
.marquee-track img {height: auto;max-height: 41px; }
@keyframes scroll-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
/*
.marquee-track:nth-child(2) {
  animation-delay: -30s; 
*/

/* Countdown timer / Coming soon styles */
.headerlogo{display: flex;justify-content: flex-start;padding: 30px;}
.container {/*display: flex;justify-content: center;*/padding:60px 0 30px;}
.countdown {display: flex;align-items: center;justify-content: center;}
.time-box {text-align: center;min-width: 70px;}
.time-box span {font-size: 48px;font-weight: bold;display: block;color:#000;background-color: #FFF;padding:10px 20px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.time-box small {font-size: 14px;color: #FFF;margin-top: 6px;display: block;}
.separator {font-size: 28px;font-weight: bold;margin: -15px 15px 0;color:#FFF}
.countdown_copy {text-align: center;margin-top: 20px;font-size: 48px;color:#FFF;}
.countdown_copy p{font-family: 'exact_blockregular';}
.launch_dt{font-size: 40px;font-family: 'cash_sansmedium';color:#FFF;text-align: center;}
.comingsoon_pgstyles{display: flex;align-items: center;justify-content: center;flex-direction: column;/*height:calc(100vh - 295px);*/margin-top: calc(45vh - 237px);}

/* Home page styles */
.home_sec{display: flex;justify-content: space-between;align-items: center;background-color:#f1f1f1;width:100%;padding:60px 0px;box-sizing: border-box;margin-bottom:30px;}
.homepage .home_sec{margin-bottom:0;}
.home_lt_sec{width: 35%;background-color:#FFF;padding: 30px 3% 100px;border-radius: 16px;text-align: center;position: relative;margin-left: 5%;box-sizing: border-box;}
.home_rt_sec{width: 90%;margin-left: -60%;}
.home_rt_sec img{width: 100%;height: 100%;}
.live_sec{background-color:#F5F5F5;padding:5px 0;text-align: center;font-size: 12px;margin-bottom: 120px;border-radius: 20px;}
.live_sec span.green-dot{width: 8px;height: 8px;background-color: #2dce89;border-radius: 50%;display: inline-block;margin-right: 10px;}
.toplogo_pos{margin:30px 0;}
.eligibility_sec{display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.eligibility_sec_lt, .eligibility_sec_rt{padding:0px 10px;}
.eligibility_sec_val{background-color: #F5F5F5;padding:15px 20px;font-size:36px;color:#000;margin-bottom: 10px;border-radius: 15px;font-family: 'cash_sansmedium';}
.eligibility_sec_label{font-size: 12px;}
.home_sec_headline{font-size: 32px;margin-bottom: 30px;font-family: 'exact_blockregular';}
.home_sec_subheadline{font-size:16px;margin-bottom: 30px;line-height: 1.3em;}
.agerestrict_disclaimer{font-size: 12px;color:#888888;margin-top: 30px;}
.sellers_sec{padding: 80px 0;border-top:1px solid #888;margin-bottom: 80px;}
.home_footer_sellers_pics{background-color: #FFF;display: flex;justify-content: center;align-items: center;}
.home_footer_sellers_pics img, .topbxpos img, .bottombxpos img{padding:0px; transition: transform 0.3s ease;max-width: 100%;box-sizing: border-box;}
.home_footer_sellers_headline{font-size:36px;text-align:center;margin-bottom: 20px;font-family: 'exact_blockregular';}
.home_footer_sellers_subheadline {font-size: 18px;text-align: center;margin-bottom: 30px;display: flex;justify-content: center;align-items: center;}
.home_footer_sellers_subheadline img{max-width: 80px; margin-left: 5px;}
/*.img-box:hover img {transform: scale(1.05);}*/
.img-box{transition: opacity 0.3s ease;max-width: 250px;}
.imgbox_1:hover {
  content: url("/assets/images/home_footer_icon1.jpg");
}
.imgbox_2:hover {
  content: url("/assets/images/home_footer_icon3.jpg");
}
.imgbox_3:hover {
  content: url("/assets/images/home_footer_icon4.jpg");
}
.imgbox_4:hover {
  content: url("/assets/images/home_footer_icon2.jpg");
}
.home_footer_sellers_section{display:block;width:90%;margin:auto;position:relative;}
.topbxpos {display: flex;justify-content: space-between;padding-bottom: 120px;}
.bottombxpos{display: flex;justify-content: space-around;padding-top: 120px;}
.midbxpos{position: absolute;left: 43%;top: 42%;}

.flip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 2fr));
  justify-content: space-around;
}

.flip-card {
  perspective: 1000px;
  height: 250px;
  width:250px;
}

.flip-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.8s ease;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

.flip-front,
.flip-back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
}

.flip-front img,
.flip-back img {
  width: 100%;
  height: 250px;
  object-fit: contain;
  max-width: 250px;
}

.flip-back {
  transform: rotateY(180deg);
}
.topflipbxpos {max-width: 100%;padding-bottom: 120px;width:90%;margin:auto;display: flex;justify-content: space-between;}
.bottomflipbxpos{max-width: 100%;padding-top: 120px;width:70%;margin:auto;display: flex;justify-content: space-between;}

/* Non US residence page styles */
.nonus_wrapper{width:90%;margin:30px auto;}
.nonus_icon_pos{padding-top: 100px;}
.nonus_sec{margin:60px 0;}
.nonus_sec_headline{font-size: 32px;color:#000;text-align: center;line-height: 1.3em;margin-bottom: 60px;font-family: 'exact_blockregular';}
.pics_sec{display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 20px 0;}
.pics_sec img{width:75px;}
@keyframes waveBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-40px); }
}
.bounce-loop {
  animation: waveBounce 2s ease-in-out infinite;
  animation-delay: var(--delay);
}

/* Registration form styles */
.agerestrict_disclaimer{font-size: 12px;color:#888888;}
.step-progress {display: flex;gap: 12px;width: 100%;margin: 0px auto 30px;}
.step {flex: 1;height: 2px;background-color: #d9d9d9;border-radius: 4px;}
.step.active {background-color: #007bff;}
.leftsec_pos{text-align:left;}
.form-headline{font-size: 32px;color:#000;margin-bottom:30px;font-family: 'exact_blockregular';}
.fldpos{margin-bottom: 20px;}
.frmlabel{float:left;text-align: left; margin-bottom:5px;font-size: 13px;color:#000;font-family: 'cash_sansmedium';}
.fldpos label{font-size: 13px;color:#000;font-family: 'cash_sansmedium';}
.fldpos a, .fldpos a:hover{color:#000;text-decoration: underline;}
.frmval{width: 100%; padding: 8px; box-sizing: border-box;border-radius: 4px; border:1px solid #e9e9e9;font-size: 12px;color:#000;}
.form-disclaimer{font-size: 12px;color:#888888;margin-top: 30px;}
input[type="checkbox"] {transform: scale(1.2);margin-right: 5px;}
#errorList{margin-left:25px;padding:0;}
#errorList li{font-size:12px;color:#FF0000;line-height: 1.3em;}
button#submitclaim{margin-top:30px;}

/* Confirmation page styles */
.conf_sec_icon{text-align: center;margin-bottom: 60px;}
.conf_notice{background-color:#eef5ff;border:1px solid #bfd7ff;border-radius:12px;color:#00398a;font-size:14px;line-height:1.4em;margin:0 auto 30px;max-width:520px;padding:14px 18px;text-align:center;}
.conf_headline{font-size:32px;color:#000;text-align: center; margin-bottom: 30px;font-family: 'exact_blockregular';}
.conf_subheadline{font-size: 16px;color:#000;text-align: center;margin-bottom: 30px;line-height:1.3em;}
.entryref_sec{margin-bottom:40px;}
.entryref_sec_top{background-color: #000;padding:15px;color:#FFF;text-align: center;border-top-left-radius: 6px;border-top-right-radius: 6px;box-sizing: border-box;}
.entryref_sec_bottom{background-color: #f5f5f5;padding:15px;color:#000;text-align: left;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;box-sizing: border-box;}
.entryref_sec_top_label{font-size: 13px;font-weight: 700;margin-bottom:15px;}
.entryref_code{font-size: 40px;font-weight: 500;margin-bottom:15px;letter-spacing: 3px;}
.entryref_sec_top_sublabel{font-size: 13px;font-weight: 400;}
.nextsteps_label{font-size: 13px;font-weight: 700;margin-bottom:15px;}
.nextsteps_list ol{margin: 0;padding: 0;}
.nextsteps_list ol li{list-style: decimal;list-style-position: inside;font-size: 16px;line-height:1.3em;}
.entryref_sec_bottom_only{border-top-left-radius: 6px;border-top-right-radius: 6px;}

/* Sold out page styles */
.soldout_sec_icon{text-align: center;margin-bottom: 60px;}
.soldout_headline{font-size:32px;color:#000;text-align: center; margin-bottom: 30px;font-family: 'exact_blockregular';}
.soldout_subheadline{font-size: 16px;color:#000;text-align: center;margin-bottom: 30px;line-height: 1.3em;}
.soldout_timerblock{background-color: #f5f5f5;padding:15px;color:#000;text-align: center;border-radius: 6px;box-sizing: border-box;margin-bottom:30px;}
.soldout_timerblock_label{font-size: 12px;font-weight: 700;margin-bottom:15px;}
.soldout_timerblock_time{font-size: 40px;font-weight: 500;margin-bottom:15px;letter-spacing: 3px;}
.soldout_timerblock_sublabel{font-size: 12px;font-weight: 400;}

/* Waiting room page styles */
.circle-wrapper {position: relative;width: 180px;height: 180px;margin: 0 auto 40px;}
.progress-ring {transform: rotate(-90deg);}
circle {fill: none;stroke-width: 3;}
circle.bg {stroke: #e0e0e0;}
circle.progress {stroke: #007bff;stroke-linecap: round;stroke-dasharray: 502;stroke-dashoffset: 502;transition: stroke-dashoffset 1s linear;}
.time {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 40px;color: #000;}
.waitingroom_sec{text-align:center;color:#000;}
.waitingroom_timer_headline{font-size: 12px; margin:60px 0 15px 0;}
.waitingroom_headline{font-size:32px;color:#000;text-align: center; margin-bottom: 30px;font-family: 'exact_blockregular';}
.waitingroom_subheadline{font-size: 16px;color:#000;text-align: center;margin-bottom: 30px;line-height: 1.3em;}
.waitingroom_disclaimer{margin-top:50px;font-size: 12px;color: #888888;}
a.disablelink{pointer-events: none;opacity: 0.5;cursor: not-allowed;}

/* FAQs page styles */
.faqs .nav_sec{display: flex;justify-content: space-between;background-color:#FFF;margin:0;width:100%;padding:20px;box-sizing: border-box;}
.faq {width:90%;margin: auto;max-width: 1200px;padding-bottom: 120px;}
.faq-title {text-align: left;margin-bottom: 60px;font-family: 'exact_blockregular';font-size: 32px;font-weight: 500;}
.faq-item{background-color:#f2f2f2;border-radius:8px;margin-bottom: 20px;}
.faq-item h3{margin:5px;color:#000 !important;}
.faq-btn {width: 100%;padding: 15px 10px;font-size: 16px;background: none;border: none;display: flex;justify-content: space-between;align-items: center;cursor: pointer;text-align: left;font-family: 'cash_sanssemibold';color:#000 !important;}
.faq-btn:focus {outline: 2px solid #007bff;}
.arrow {transition: transform 0.3s ease;}
.faq-btn[aria-expanded="true"] .arrow {transform: rotate(180deg);}
.faq-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;padding: 0 16px;}
.faq-content p {margin: 0 0 16px;font-size: 16px;line-height: 1.3em;color:#000 !important;}
.faq-content a, .faq-content a:hover{color:#000;text-decoration: underline;}
.faq-content ul{margin-left:25px; padding:0;}
.faq-content ul li{list-style-type: disc;line-height: 1.3em;}

/* Official Rules page styles */
.officialrules .nav_sec{display: flex;justify-content: space-between;background-color:#FFF;margin:0;width:100%;padding:20px;box-sizing: border-box;}
.rules_sec{width:90%;margin:auto;padding: 40px 0 120px;color:#000;max-width: 1200px;}
.rules_headline{font-size: 32px;text-align: left;margin-bottom: 60px;font-family: 'exact_blockregular';}
.rules_copy p{line-height: 1.5em;}
.rules_copy ol{margin: 0;padding: 0;}
.rules_copy ol li{list-style: none;margin-bottom:20px;line-height: 1.5em;font-size: 16px;list-style-position: inside;}
.rules_copy ol li strong{font-weight: 600;}
.rules_copy ol li ul li{list-style: none; line-height: 1.5em;margin-bottom:10px;}
.rules_copy a, .rules_copy a:hover{color:#000;text-decoration: underline;}

/* Temporarily unavailable page styles */
.tech_difficulties_wrapper{width: 90%;margin: auto;text-align: center;}
.tech_difficulties_headline{font-family: 'exact_blockregular';font-size:32px;margin-bottom: 20px;line-height: 1.3em;color:#FFF;}
.tech_difficulties_subheadline{font-family: 'cash_sansregular';font-size:16px;line-height: 1.3em;color:#FFF;}

/* Responsive styles */
@media screen and (max-width: 1280px) {
    .topbxpos, .bottombxpos{display: block;text-align:center;padding:0;}
    .midbxpos {position: relative;left: 0;top: 0;}
    .eligibility_sec_val{font-size: 28px;}
    .sellers_sec{padding:60px 0;margin-bottom: 60px;}
    .img-box, .imgbox_1:hover, .imgbox_2:hover, .imgbox_3:hover, .imgbox_4:hover{margin:auto;}
    .topflipbxpos, .bottomflipbxpos {display: block;justify-content: center;max-width: 250px;}
    .topflipbxpos{padding-bottom:0px;}
    .bottomflipbxpos{padding-top:0px;}
    .flip-card {margin-bottom: 50px;}
}    
@media screen and (max-width: 767px) {
    .home_sec{display:block;padding:60px 0px;}
    .home_lt_sec {width: calc(100% - 40px);box-sizing: border-box;margin: auto;}
    .home_rt_sec{width:100%;margin-left:-15%;padding-top:0px;}
}
@media screen and (max-width: 640px) {
    .hamburger {display: flex;}
    .nav {position: absolute;top: 67px;right: 0;background: #FFF;width: calc(100% - 30px);height: calc(90vh - 67px);flex-direction: column;padding: 15px;z-index:2;display: none;}
    .nav a {font-size: 32px;}
    .nav.active {display: flex;}
    .nav a {padding: 10px 0;}
    .time-box span{padding:10px;font-size:32px;}
    .countdowntimer .container img{max-width: 96%;} 
    .separator {font-size: 18px;margin: -20px 15px 0;}
    .countdown_copy{font-size:32px;}
    .live_sec{margin-bottom: 80px;}
    .home_rt_sec{margin-left:0;}
    .eligibility_sec_val{font-size: 20px;}
    .img-box{text-align:center;}
    .home_footer_sellers_pics{display: block;}
    .home_footer_sellers_pics img{margin-bottom: 30px;}
    .home_footer_sellers_subheadline img {vertical-align: bottom;margin-left: 5px;}
    .rules_copy ol li{font-size: 14px;}
    .sellers_sec{padding:60px 0;margin-bottom: 40px;}
    .home_footer_sellers_subheadline{margin-bottom: 80px;}
}
@media screen and (max-width: 480px) {
    .home_sec_headline, .home_footer_sellers_headline, .rules_headline, .faq-title, .nonus_sec_headline, .waitingroom_headline, .time-box span, .countdown_copy, .conf_headline, .entryref_code, .soldout_headline, .soldout_timerblock_time, .form-headline{font-size:24px;}
    .home_sec_subheadline, .btn-primary, .home_footer_sellers_subheadline, .faq-btn, .faq-content p, .waitingroom_subheadline, .conf_subheadline, .nextsteps_list ol li, .soldout_subheadline{font-size: 14px;}
    .time-box small{font-size:12px;}
    .separator{font-size: 16px;margin: -20px 10px 0;}
    .pics_sec img{width:40px;}
    .eligibility_sec_label, .agerestrict_disclaimer, .waitingroom_timer_headline, .waitingroom_disclaimer, .form-disclaimer{font-size: 10px;}
    .countdowntimer .abbrules_sec{margin-top:20vh;}
}