/*FONTS CSS*/
@font-face{
	 font-family:"Paddy Mischief";
	 src:url('../fonts/PaddyMischief-Bold.woff2') format('woff2'),
	url('../fonts/PaddyMischief-Bold.woff') format('woff');
	 font-weight:bold;
	 font-style:normal;
	 font-display:swap;
}
@font-face{
	 font-family:'Roboto';
	 src:url('../fonts/Roboto-Regular.woff2') format('woff2'),
	url('../fonts/Roboto-Regular.woff') format('woff');
	 font-weight:normal;
	 font-style:normal;
	 font-display:swap;
}
@font-face{
	 font-family:'Paddy Sans';
	 src:url('../fonts/PaddySans-Regular.woff2') format('woff2'),
	url('../fonts/PaddySans-Regular.woff') format('woff');
	 font-weight:normal;
	 font-style:normal;
	 font-display:swap;
}
@font-face{
	 font-family:'Paddy Sans';
	 src:url('../fonts/PaddySans-Medium.woff2') format('woff2'),
	url('../fonts/PaddySans-Medium.woff') format('woff');
	 font-weight:500;
	 font-style:normal;
	 font-display:swap;
}
@font-face{
	 font-family:'Paddy Sans Semi';
	 src:url('../fonts/PaddySans-SemiBold.woff2') format('woff2'),
	url('../fonts/PaddySans-SemiBold.woff') format('woff');
	 font-weight:600;
	 font-style:normal;
	 font-display:swap;
}
@font-face{
	 font-family:'Paddy Sans';
	 src:url('../fonts/PaddySans-Bold.woff2') format('woff2'),
	url('../fonts/PaddySans-Bold.woff') format('woff');
	 font-weight:bold;
	 font-style:normal;
	 font-display:swap;
}

:root{
  color-scheme:light dark;
  
/*Color*/
	--clr-base:#ffffff;
	--clr-light:#d5d5d9;
	--clr-action:#009e51;
	--clr-yellow-link:#fce300;

/* Background Color */
	/* --body-bg:#004833;*/
	--body-bg:radial-gradient(circle, #31953e 0%, #004833 50%, #004833 100%);
	--main-bg:url(../images/main-bg.jpg);
	--home-bg:url(../images/home-bg.jpg);
	--bg-overlay:rgba(0,0,0,0.9);
	
/*Fonts*/
	--font-base:"Paddy Mischief", sans-serif;
	--font-head:"Paddy Mischief", sans-serif;
	--font-btn:"Paddy Mischief", sans-serif;
	--font-paddy-sans:"Paddy Sans", sans-serif;
	--font-paddy-sans-semi:"Paddy Sans Semi", sans-serif;
	--font-pre:"Roboto", sans-serif;
	
/* Header */	
	/* --header-bg:#006858;*/
	--header-bg:#004833;
	--header-bdr:1px solid rgba(255, 255, 255, 0.1);
	--header-clr:#ffffff;
	--header-active-clr:#ffffff;
	--header-active-bdr:3px solid #009e51;

/* Button Root */
	--primary-btn-bg:#fce300;
	--primary-btn-clr:#000000;
	--secondery-btn-bg:#ffffff;
	--secondery-btn-clr:#000000;
	--base-btn-bg:#009e51;
	--base-btn-clr:#ffffff;

/* Modal */
	--modalWidth:360px;
	--modalbg:#ffffff;
	--modalRadius:14px;
	
/*Selection*/
	--selection-bg:#009e51;
	--selection-clr:#ffffff;
	
/* Loader */
	--bg-loader:var(--body-bg);
	--clr-loader:var(--clr-base);

/* ScrollBar Root */
	--scrollBar-bg:#ededed;
	--scrollBar-clr:#009e51;
}

*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
:focus{outline:none;}
html{-webkit-text-size-adjust:none;}
body{font-size:12px;font-family:var(--font-base);color:var(--clr-base);background:var(--body-bg);font-weight:normal;line-height:1;overflow:auto;}
a{text-decoration:none;outline:none;color:var(--clr-action);outline:none;cursor:pointer;}
a:hover, a:focus{text-decoration:none;outline:none;}
.btn:hover, .btn:focus, .btn.focus{outline:none;}
.btn:hover,.btn:focus{transform:scale(0.98);}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;box-shadow:none;}
img{padding:0;margin:0;max-width:100%;border:none;height:auto;}
p{line-height:normal;font-size:13px;color:var(--clr-base);font-weight:normal;margin:0;padding:0;display:block;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;}

/*HEADING CSS*/
h1, h2, h3, h4, h5, h6{font-weight:normal;margin:0;padding:0;display:inline-block;color:var(--clr-base);}

/*LIST CSS*/
ul, ul li, ol, ol li{padding:0;margin:0;list-style:none;}

/* Perfect ScrollBar CSS Start */
*{scrollbar-color:var(--scrollBar-clr) auto;}
*::-webkit-scrollbar{width:4px;border-radius:20px;height:8px;}
*::-webkit-scrollbar-track{background:var(--scrollBar-bg);border-radius:20px;}
*::-webkit-scrollbar-thumb{background-color:var(--scrollBar-clr);border-radius:20px;width:4px;height:4px;}

/*NORMAL CSS*/
::selection{background:var(--selection-bg);color:var(--selection-clr);}
::-moz-selection{background:var(--selection-bg);color:var(--selection-clr);}
.container{margin:0 auto;width:100%;max-width:640px;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix{clear:both;}
.event-none{pointer-events:none;}
.wcard{float:left;width:100%;padding:14px;background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--card-radius);border:var(--card-border);}
.disabled{pointer-events:none;opacity:0.5;}
.disable-link{pointer-events:none;opacity:0.5;}
.hidden{display:none!important;}
.show{display:block!important;}
.block{width:100%;float:left;}
.show-modal{overflow:hidden;}
.icon{display:inline-block;font-size:20px;vertical-align:middle;}
#application-canvas{max-width:100%;}

/*BUTTON CSS*/
.btn{display:inline-flex;justify-content:center;align-items:center;padding:0px 8px;text-align:center;color:#333;font-size:18px;line-height:1em;height:44px;border-radius:4px;background:var(--bg-theme);transition:all 0.5s ease 0s;border:0;text-transform:uppercase;font-weight:bold;font-family:var(--font-btn);cursor:pointer;}	
.primary-btn{background:var(--primary-btn-bg);color:var(--primary-btn-clr);width:100%;}
.secondry-btn{background:var(--secondery-btn-bg);color:var(--secondery-btn-clr);width:100%;}
.base-btn{background:var(--base-btn-bg);color:var(--base-btn-clr);width:100%;}
.disable-btn{pointer-events:none;background:rgba(0, 0, 0, 0.3);color:rgba(0, 0, 0, 0.4);}
.btn .btn-text{padding-top:2px;}
	
/*=======LOADER CSS =====*/
.loading-wrapper.content-relative{height:90px;position:relative;background:none;}
.loading-wrapper.content-overlay{height:100%;position:absolute;background:none;}
.loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:15;text-align:center;background:var(--bg-loader);}
.loading-wrapper.page-loader{z-index:10;}
.loading-wrapper.loading-overlay{background:rgba(0, 0, 0, 0.6);}
.page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.loader-ring{float:left;position:relative;width:42px;height:42px;border:3px solid var(--clr-loader);border-color:var(--clr-loader) transparent var(--clr-loader) var(--clr-loader);animation:loader-ring 650ms linear infinite;border-radius:50%;}
.input-loader{position:absolute;top:calc(50% - 10px);right:10px;z-index:1;}
.input-loader .loader-ring{height:20px;width:20px;border-width:2px;}
@keyframes loader-ring{
  0%{
 transform:rotate(0deg);
}
  100%{
 transform:rotate(360deg);
}
}

/* Page Header */
.page-header-block{float:left;width:100%;}
.page-header-inner{float:left;width:100%;margin:28px 0px;}
.page-header-inner .logo-block{margin:0px;}
.page-header-inner .brand-logo{max-width:116px;}
.page-title{float:left;width:100%;text-align:left;margin:0px;padding:0px;}
.title-label{float:left;width:100%;font-size:20px;text-transform:uppercase;font-family:var(--font-base);color:var(--clr-base);line-height:1em;}
.page-content-block{float:left;width:100%;}

/*=======Button Bar =====*/
.sticky-button-bar{position:sticky;position:-webkit-sticky;bottom:0;left:0;z-index:6;background:var(--bg-body);}
.button-bar{float:left;width:100%;padding:8px 0px;}
.button-container{float:left;width:100%;}
.button-bar-outer{float:left;width:100%;display:flex;gap:6px;}
.button-bar-outer .col{flex:1;}
.button-bar-outer .btn{white-space:nowrap;}
	
/*Page CSS*/
.iframe-container{width:100%;height:100%;position:relative;}
.main-section{float:left;width:100%;min-height:100dvh;position:relative;background-image:var(--main-bg);background-size:cover;background-position:center;}
.page-container{float:left;width:100%;}
.mid-wrapper{float:left;width:100%;position:relative;}
.page-content{float:left;width:100%;}


/*HEADER CSS*/
.header{float:left;width:100%;position:sticky;top:0;left:0;right:0;z-index:11;background:var(--header-bg);}
.header-inner{float:left;width:100%;height:44px;margin:0;position:relative;z-index:12;border-bottom:var(--header-bdr);}

.navigation{float:left;width:100%;position:relative;}
.navigation-inner{float:left;width:100%;display:flex;justify-content:space-between;padding:0px;}
.nav-brand-block{float:left;display:inline-flex;align-items:center;}
.back-icon{float:left;width:40px;padding:0px 16px 0px 4px;height:40px;display:inline-flex;align-items:center;}
.back-fig{float:left;width:100%;}
.back-fig img{float:left;width:100%;}
.nav-list{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;margin:0px;padding:0px;}
.nav-list li{float:left;text-align:center;}
.nav-list li a{display:block;padding:0 10px;color:var(--header-clr);font-size:13px;font-weight:bold;line-height:44px;white-space:nowrap;position:relative;text-transform:uppercase;font-family:var(--font-base);}

.header-transparent{background:none;position:relative;}
.header-transparent .header-inner{border:none;}
.header-transparent .nav-list{justify-content:end;}

/*Top Menus*/
.nav-list .magic-line{display:none;}
.nav-list li.disabled a{color:rgba(255, 255, 255, 0.4);}
.nav-list li.active a:after{position:absolute;bottom:0;left:0;width:100%;content:'';border-bottom:var(--header-active-bdr);}
.nav-list li.active a{color:var(--header-active-clr);}
.action-item .logout-btn{background:var(--primary-btn-bg);color:var(--primary-btn-clr);line-height:34px;height:32px;}

/*NAV CONTROL CSS*/
.nav-control{display:block;}
.nav-control a{height:100%;display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;color:#cccccc;font-size:8px;width:30px;background:#131313;z-index:1;background:linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(19, 19, 19) 100%);}
.nav-control a.next{left:auto;right:0;background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(19, 19, 19) 100%);}
.nav-control a.disabled, .nav-control.disabled{display:none;}
.animated_scroll{position:relative;}

/* ########################### Home Page CSS ########################### */
.home-card-outer{float:left;width:100%;position:relative;padding:0px;margin:0px;}
.home-outer{float:left;width:100%;padding:0px;margin:0px;}
.home-button-bar .button-bar-outer{gap:6px;flex-direction:column;}

/*######Logo Wrap######*/
.logo-block{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin:40px 0px 0px;padding:0px;position:relative;z-index:1;}
.brand-logo{float:left;width:100%;max-width:390px;}
.logo-figure{float:left;width:100%;}
.logo-figure img{float:left;width:100%;height:auto;}

/* ###### Cash In Block ###### */
.cash-banner-block{float:left;width:100%;margin:26px 0px 16px;}
.cash-banner-outer{float:left;width:100%;padding:0px 22px;}
.cash-banner-inner{float:left;width:100%;display:flex;justify-content:center;}
.cash-banner-card{float:left;width:100%;position:relative;}

.cash-figure{float:left;width:100%;}
.cash-figure img{float:left;width:100%;}

.cash-badge-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:-9px;--rotate:-4deg;left:0px;right:0px;}
.new-badge{float:left;background:#fce300;color:#000000;font-size:12px;padding:5px 6px 2px;transform:rotate(var(--rotate));border-radius:2px;}
.match-badge-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:-9px;--rotate:-4deg;left:0px;right:0px;}
.match-badge{float:left;font-size:12px;padding:5px 6px 2px;transform:rotate(var(--rotate));border-radius:2px;}
.live-badge{background:#c92e23;color:#ffffff;}
.finished-badge{background:#d5d5d8;color:#474752;}

.cash-content-block{float:left;width:100%;position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;padding-bottom:12%;}
.cash-content-inner{float:left;width:100%;}
.cash-label{float:left;width:100%;text-align:center;font-family:var(--font-paddy-sans);font-size:11px;margin-bottom:6px;line-height:1.2em;}
.cash-label-price{float:left;width:100%;text-align:center;color:#fce300;font-size:24px;line-height:1.1em;}
.cash-pre-text{float:left;width:100%;text-align:center;font-family:var(--font-paddy-sans);font-size:10px;line-height:1.2em;}


/* Upcoming Game Card */
.upcoming-game-block{float:left;width:100%;}
.upcoming-game-inner{float:left;width:100%;margin:14px 0px 0px;}
.upcoming-game-card{float:left;width:100%;}
.upcoming-game-header{float:left;width:100%;margin-bottom:4px;}
.upcoming-game-header .upcoming-game-info{float:left;font-size:13px;font-family:"Paddy Mischief";color:#ffffff;font-weight:bold;line-height:1.2;text-align:left;padding-left:4px;}
.upcoming-game-header .upcoming-game-timer{float:left;font-size:12px;font-family:var(--font-paddy-sans);color:#ffffff;line-height:1.2;text-align:center;min-width:110px;}
.upcoming-game-body{float:left;width:100%;}
.upcoming-game-list{float:left;width:100%;display:flex;flex-direction:column;gap:5px;}
.upcoming-game-list-item{float:left;width:100%;border:1px solid rgba(0, 158, 81, 0.3);border-radius:6px;background-color:rgba(0, 72, 51, 0.851);padding:10px 6px 10px 12px;}
.upcoming-game-row{display:flex;align-items:center;gap:4px;}
.upcoming-game-row .upcoming-game-info{flex:1;overflow:hidden;}
.up-col-tm.up-tm-two{flex:1;overflow:hidden;}
.up-tm-block .up-col-tm.up-tm-two .tm-bar .tm-name{max-width:100%;}
.up-col-tm{float:left;display:flex;align-items:center;}
.up-tm-block{float:left;width:100%;display:flex;align-items:center;gap:8px;}
.up-tm-block .tm-bar {--icon-size:22px;--icon-gap:6px;}
.up-tm-block .tm-bar .tm-figure{border-width:1px;}
.up-tm-block .vs-at{font-size:13px;padding:0;font-family:var(--font-paddy-sans);color:#ffffff;}
.up-tm-block .tm-bar .tm-name{padding:0px;font-size:13px;font-family:var(--font-paddy-sans);color:#ffffff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.upcoming-game-body .upcoming-game-timer{float:left;min-width:70px;}
.upcoming-game-body .upcoming-game-info{opacity:0.6;}

.game-countdown-block{float:left;width:100%;}
.countdown-card{float:left;width:100%;background:rgb(0, 54, 38);border-radius:2px;padding:4px 8px;display:flex;gap:6px;justify-content:center;}

.countdown-col{float:left;position:relative;}
.countdown-col:before,
.countdown-col:after {position:absolute;height:2px;width:2px;content:'';right:-4px;border-radius:50%;background:#ffffff;}
.countdown-col:after{top:8px;}
.countdown-col:before{top:4px;}
.countdown-col:last-child:after,
.countdown-col:last-child:before{display:none;}
.countdown-col span{float:left;width:100%;font-size:12px;font-family:var(--font-paddy-sans);color:#ffffff;line-height:1.2;text-align:center;}

/* User Card Section */
.upcoming-game-block + .user-score-block{margin-top:12px;} 
.user-score-block{float:left;width:100%;position:relative;z-index:1;}
.user-score-outer{float:left;width:100%;}
.user-score-inner{float:left;width:100%;}
.user-score-card{float:left;width:100%;padding:10px 8px;border:1px solid #009e51;border-radius:8px;background:rgba(0, 72, 51, 0.85);}
.user-score-flex{float:left;width:100%;display:flex;align-items:center;justify-content:center;}
.user-score-col{float:left;width:50%;position:relative;}
.user-score-col ~ .user-score-col:before{position:absolute;left:0px;content:'';background:rgba(255, 255, 255, 0.2);height:100%;width:1px;}
.user-score-col.hidden ~ .user-score-col:before{display:none;}
.user-score-col-card{float:left;width:100%;display:flex;flex-wrap:wrap;gap:2px;padding:6px 0px;}
.user-score-points{float:left;width:100%;text-align:center;font-family:var(--font-head);color:#fce300;font-weight:bold;font-size:26px;line-height:1.2em;}
.user-score-label{float:left;width:100%;text-align:center;font-family:var(--font-paddy-sans);color:#ffffff;font-weight:normal;font-size:14px;line-height:1.2em;}

.user-score-message-block{float:left;width:100%;}
.user-score-message{float:left;width:100%;padding:16px 10px 10px;margin-bottom:8px;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.user-score-message-text{float:left;width:100%;font-family:var(--font-head);font-weight:bold;font-size:16px;line-height:1.563em;text-align:center;color:#fce300;}

@media (orientation:landscape){
	.user-score-card{padding:1vmin 0.8vmin;border-width:0.1vmin;border-radius:0.8vmin;}
	.user-score-col ~ .user-score-col:before{width:0.1vmin;}
	.user-score-col-card{gap:0.2vmin;padding:0.6vmin 0px;}
	.user-score-points{font-size:2.6vmin;}
	.user-score-label{font-size:1.4vmin;}
	.user-score-message{padding:1.6vmin 1vmin 1vmin;border-width:0.1vmin;margin-bottom:0.8vmin;}
	.user-score-message-text{font-size:1.6vmin;}
}

/* How to Play  */
.ht-image-pack-block{float:left;width:100%;margin-top:12px;}
.ht-image-pack-flex{float:left;width:100%;display:flex;gap:8px;}
/* Col 1 */
.ht-image-col{float:left;flex:1;}
.ht-image-card{background-image:url(../images/how-to-bg.png);border-radius:10px;border:2px solid #479d5a;float:left;width:100%;padding:8px 6px;background-size:cover;
background-color:#004833;background-position:center top;}
.ht-team-info{float:left;width:100%;height:100%;display:inline-flex;flex-direction:column;justify-content:center;gap:12px;}
.ht-team-block{float:left;width:100%;}
.ht-tm-bar{float:left;width:100%;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(255, 255, 255, 0.2);gap:5px;padding-bottom:14px;}
.ht-col-tm {float:left;display:inline-flex;overflow:hidden;max-width:100%;}
.ht-col-tm .tm-bar {--icon-size:36px;--icon-gap:10px;}
.ht-col-tm .tm-labels-bar{min-width:90px;}
.ht-col-tm .tm-bar .tm-name{font-family:var(--font-head);color:#ffffff;font-weight:bold;width:min-content;line-height:1.2em;font-size:16px;}
.ht-col-tm-vs{float:left;width:100%;}
.ht-col-tm-vs .vs-at {font-size:14px;color:#ffffff;font-weight:bold;font-family:var(--font-head);padding:0px;}


.ht-score-block{float:left;width:100%;}
.ht-score-text-block{float:left;width:100%;}
.ht-score-label-text{float:left;width:100%;text-align:center;font-size:20px;font-family:var(--font-head);color:#ffffff;font-weight:bold;line-height:1.2em;}

.ht-super-block{float:left;width:100%;}
.ht-super-figure-block{float:left;width:100%;display:flex;justify-content:center;}
.ht-super-figure{float:left;width:100%;max-width:90px;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.35));}
.ht-super-text-block{float:left;width:100%;margin-top:4px;}
.ht-super-label-block{float:left;width:100%;text-align:center;font-size:16px;font-family:var(--font-paddy-sans);color:#ffffff;line-height:1.05;text-align:center;}

/* Col 2 */
.ht-pack-col{float:left;min-width:126px;width:126px;}
.associated-listing{float:left;width:100%;height:100%;display:flex;flex-direction:column;gap:8px;}
.associated-list-item{float:left;width:100%;flex:1;}
.associated-info-bar{background:#004833;border-radius:10px;border:2px solid #479d5a;padding:8px;}
.associated-detail{float:left;flex:1;display:flex;flex-wrap:wrap;gap:4px;}
.associated-title{float:left;width:100%;text-align:left;font-size:15px;font-family:var(--font-paddy-sans);color:#ffffff;font-weight:500;line-height:1.2em;}
.associated-pre{float:left;width:100%;text-align:left;font-size:16px;font-family:var(--font-head);color:#fce300;font-weight:bold;line-height:1.2em;}
.associated-info-bar {float:left;width:100%;display:flex;gap:6px;align-items:center;height:100%;}
.associated-icon{float:left;width:38px;min-width:38px;}

@media (orientation:landscape) {
	.ht-image-pack-block{margin-top:1.2vmin;}
	.ht-image-pack-flex{gap:0.8vmin;}

	/* Col 1 */
	.ht-image-card{border-radius:1vmin;border-width:0.2vmin;padding:0.8vmin 0.6vmin;}
	.ht-team-info{gap:1.2vmin;}
	.ht-tm-bar{border-bottom-width:0.1vmin;gap:0.5vmin;padding-bottom:1.4vmin;}
	.ht-col-tm .tm-bar {--icon-size:3.6vmin;--icon-gap:1vmin;}
	.ht-col-tm .tm-labels-bar{min-width:10vmin;}
	.ht-col-tm .tm-bar .tm-name{font-size:1.6vmin;}
	.ht-col-tm-vs .vs-at {font-size:1.4vmin;}
	.ht-score-block{margin-bottom:-0.6vmin;}
	.ht-score-label-text{font-size:2vmin;}
	.ht-super-figure{max-width:9vmin;filter:drop-shadow(0px 0.2vmin 0.4vmin rgba(0, 0, 0, 0.35));}
	.ht-super-text-block{margin-top:0.4vmin;}
	.ht-super-label-block{font-size:1.6vmin;}

	/* Col 2 */
	.ht-pack-col{min-width:12.6vmin;width:12.6vmin;}
	.associated-listing{gap:0.8vmin;}
	.associated-info-bar{border-radius:1vmin;border-width:0.2vmin;padding:0.8vmin;}
	.associated-title{font-size:1.5vmin;}
	.associated-pre{font-size:1.6vmin;}
	.associated-info-bar{gap:0.6vmin;}
	.associated-icon{width:3.8vmin;min-width:3.8vmin;}
}



/* How Play Section */
.how-to-block{float:left;width:100%;position:relative;z-index:1;}
.how-to-inner{float:left;width:100%;margin:18px 0px 12px;}
.how-to-outer{float:left;width:100%;padding:0px;position:relative;}
.how-to-title{float:left;width:100%;position:relative;margin-bottom:12px;font-size:14px;font-weight:bold;color:#ffffff;}
.htp-info{float:left;width:100%;padding:0px;}
.htp-list{float:left;width:100%;display:flex;flex-direction:column;gap:8px;}
.htp-list-item{float:left;width:100%;}
.htp-list-item:last-child{margin-bottom:0;}
.htp-card{float:left;width:100%;display:flex;gap:8px;align-items:flex-start;}
.htp-point{float:left;--iconSize:18px;width:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;text-align:center;position:relative;}
.htp-figure{float:left;width:100%;}
.htp-figure img{float:left;width:100%;}
.htp-details{flex:1;display:flex;align-items:center;}
.htp-details p{float:left;width:100%;color:#ffffff;font-size:13px;line-height:1.2em;font-family:var(--font-paddy-sans);text-align:left;}

/* Target Reach Popup */
.target-reach-info .modal-body{border:1px solid #009e51;background-color:#004833;background-image:url('../images/target-reach-bg.png');background-repeat:no-repeat;background-position:top center;background-size:100% auto;}
.target-reach-warp{float:left;width:100%;padding-bottom:20px;}
.target-reach-body{float:left;width:100%;padding:0px 10px;}
.target-reach.target-listing{gap:10px;}

.target-reach-header{float:left;width:100%;padding-top:20px;}
.target-reach-header-inner{float:left;width:100%;transform:rotate(-3deg);padding:12px 0px;}
.reach-daily,.reach-score,.reach-pack{float:left;width:100%;line-height:1;text-align:center;text-shadow:0px 3px 0px rgba(19, 70, 51, 0.83);}
.reach-daily{font-size:27px;color:#ffffff;}
.reach-score{font-size:32px;color:#fce300;}
.reach-pack{font-size:27px;color:#ffffff;}

.reach-pack span{position:relative;}
.reach-pack span:before{background:url('../images/before-lines.png');height:30px;width:19px;position:absolute;right:calc(100% + 2%);content:'';bottom:0;
background-size:100%;background-repeat:no-repeat;}
.reach-pack span:after{background:url('../images/after-lines.png');height:30px;width:19px;position:absolute;left:calc(100% + 2%);content:'';bottom:0;background-size:100%;
background-repeat:no-repeat;}

.target-gold{--target-bg:linear-gradient(180deg, #fff67f 0%, #fef296 37%, #c79100 67%, #724300 100%);}
.target-silver{--target-bg:linear-gradient(180deg, #e2e1df 0%, #f2f0ef 37%, #858681 67%, #535351 100%);}
.target-bronze{--target-bg:linear-gradient(180deg, #e19c7b 0%, #f7c9b9 37%, #954d34 67%, #742f1d 100%);}
.target-list-item-bar{float:left;width:100%;background:var(--target-bg);border-radius:10px;padding:3px;}
.target-list-item-bar .target-info-bar {background:linear-gradient(0deg, #31953e 0%, #004833 100%);border-radius:10px;border:none;box-shadow:0px 0px 20px #479d5a inset;}
.target-list-item-bar .target-title{font-family:"Paddy Mischief";font-weight:bold;}
.target-list-item-bar .target-icon-figure{filter:drop-shadow(1px 3px 2px rgba(0, 0, 0, 0.5));}

@media (orientation:landscape) {
	.target-reach-info .modal-body{border-width:0.1vmin;}
	
	.cash-banner-block{margin:3vmin 0px 1.6vmin;}
	.cash-banner-outer{padding:0px;}
	.cash-banner-card{max-width:46vmin;}
	.cash-badge-block{top:-1vmin;}
	.new-badge{font-size:1.4vmin;padding:0.5vmin 0.6vmin 0.2vmin;border-radius:0.2vmin;}
	.match-badge-block{top:-1vmin;}
	.match-badge{font-size:1.4vmin;padding:0.5vmin 0.6vmin 0.2vmin;border-radius:0.2vmin;}
	.cash-label{font-size:1.4vmin;margin-bottom:0.4vmin;}
	.cash-label-price{font-size:3.2vmin;}
	.cash-pre-text{font-size:1.3vmin;}
	
	.upcoming-game-inner{margin:1.4vmin 0px 0px;}
	.upcoming-game-list{gap:0.5vmin;}
	.upcoming-game-header{margin-bottom:0.5vmin;}
	.upcoming-game-body .upcoming-game-timer{min-width:7vmin}
	.upcoming-game-header .upcoming-game-info{font-size:1.4vmin;padding-left:0.4vmin;}
	.upcoming-game-header .upcoming-game-timer{font-size:1.3vmin;min-width:11vmin;}
	.upcoming-game-list-item{border-width:0.1vmin;border-radius:0.6vmin;padding:1vmin 0.6vmin 1vmin 1.2vmin;}
	.up-tm-block{gap:0.8vmin;}
	.up-tm-block .tm-bar{--icon-size:2.2vmin;--icon-gap:0.6vmin;}
	.up-tm-block .vs-at,
	.up-tm-block .tm-bar .tm-name{font-size:1.3vmin;}
	.up-tm-block .tm-bar .tm-figure{border-width:0.1vmin;}
	.upcoming-game-row{gap:0.8vmin}
	.countdown-card{border-radius:0.2vmin;padding:0.4vmin 0.8vmin;gap:0.6vmin;}
	.countdown-col span{font-size:1.2vmin;}
	.countdown-col:before{top:0.4vmin;}
	.countdown-col:after{top:0.8vmin;}
	.countdown-col:before, .countdown-col:after{height:0.2vmin;width:0.2vmin;right:-0.4vmin;}
	.reach-pack span:after,
	.reach-pack span:before{height:3vmin;width:2vmin;}
	
	.how-to-inner{margin:1.8vmin 0px 1.2vmin;}
	.how-to-title{ margin-bottom:1.2vmin;font-size:1.8vmin;}
	.htp-list{gap:0.8vmin}
	.htp-card{gap:0.8vmin}
	.htp-point {--iconSize:2vmin;}
	.htp-details p{font-size:1.4vmin;}
	
	.home-button-bar.sticky-button-bar{padding-bottom:0px;}
	.home-button-bar.sticky-button-bar .button-container{backdrop-filter:blur(10px);padding-bottom:0.8vmin}
	.target-reach-header{padding-top:2vmin;}
	.target-reach-header-inner{padding:1.2vmin 0px;}
	.reach-daily,.reach-score,.reach-pack{text-shadow:0px 0.3vmin 0px rgba(19, 70, 51, 0.83);}
	.reach-daily{font-size:2.7vmin;}
	.reach-score{font-size:3.2vmin;}
	.reach-pack{font-size:2.7vmin;}
	.target-reach-warp {padding-bottom:2vmin;}
	.target-reach-body {padding:0px 1vmin;}
	.target-reach.target-listing {gap:1vmin;}
	.target-list-item-bar {border-radius:1vmin;padding:0.3vmin;}
	.target-list-item-bar .target-info-bar{border-radius:1vmin;box-shadow:0px 0px 2vmin #479d5a inset;}
}

@media screen and (max-width:991px) and (orientation:portrait) {
	.home-card-outer .user-score-block,
	.home-card-outer .how-to-block,
	.home-card-outer .upcoming-game-block{padding-left:12px;padding-right:12px;}
	.home-button-bar.sticky-button-bar{background:#004833;}
}


/* Drag Boost Popup */
.drag-boost-info .modal-body{border:3px solid #009e51;border-radius:8px;background-color:rgba(0, 72, 51, 0.44);}
.drag-boost-inner{float:left;width:100%;padding:20px;}
.drag-boost-content{float:left;width:100%;}
.drag-boost-content-inner{float:left;width:100%;}
.drag-boost-figure-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.drag-boost-figure{max-width:320px;}
.drag-boost-figure img{float:left;width:100%;}

.drag-boost-figure{float:left;width:100%;}
.drag-boost-text-block{float:left;width:100%;margin-top:20px;}
.drag-boost-pre{float:left;width:100%;font-size:20px;font-family:"Paddy Mischief";font-weight:bold;color:#ffffff;text-align:center;line-height:1.3em;}
.drag-boost-button-bar.button-bar{padding:20px 0px 0px;}
.drag-boost-button-bar.button-bar .button-bar-outer{justify-content:center;}
.drag-boost-button-bar.button-bar .continue-col{max-width:194px;}

@media (orientation:landscape) {
	.drag-boost-info.modal-info {max-width:70vmin;}
	.drag-boost-info .modal-body{border-width:0.3vmin;border-radius:0.8vmin;}
	.drag-boost-inner{padding:2vmin;}
	.drag-boost-figure{max-width:33vmin;}
	.drag-boost-text-block{margin-top:2vmin;}
	.drag-boost-pre{font-size:2vmin;}
	.drag-boost-button-bar.button-bar{padding:2vmin 0px 0px;}
	.drag-boost-button-bar.button-bar .continue-col{max-width:21vmin;}
}

/* ###### Prize Block ###### */
.cash-prize-block{float:left;width:100%;--skew:8px;--rotate:-3deg;position:relative;z-index:1;}
.cash-prize-outer{float:left;width:100%;padding:60px 0px;position:relative;display:flex;justify-content:center;}
.cash-prize-outer:before {position:absolute;height:100%;width:80%;background:#009e51;content:'';border-radius:50%;top:auto;bottom:auto;filter:blur(100px);}
.cash-prize-inner{float:left;width:100%;padding:16px 0px 24px 0px;}
.cash-prize-title{float:left;width:100%;transform:rotate(var(--rotate));font-family:var(--font-paddy-sans);color:var(--clr-base);font-weight:500;text-align:center;text-shadow:0px 3px 0px rgba(19, 70, 51, 0.83);}
.cash-prize-card{float:left;width:100%;background:#004833;padding:14px 4px;clip-path:polygon(calc(0% + var(--skew)) 0%, 100% 0%, calc(100% - var(--skew)) 100%, 0% 100%);transform:rotate(var(--rotate));}
.cash-prize-inner{position:relative;}
.cash-prize-card-inner{float:left;width:100%;}
.cash-heading{float:left;width:100%;font-size:53px;font-family:var(--font-head);color:#fce300;font-weight:bold;text-align:center;text-shadow:0px 3px 0px rgba(19, 70, 51, 0.83);margin-top:6px;line-height:1.1em;}
.cash-value{float:left;width:100%;font-size:28px;font-family:var(--font-head);color:var(--clr-base);font-weight:bold;text-align:center;}
.tournament-text{font-size:27px;margin-bottom:6px;}
.grab-text{font-size:26px;margin-top:2px;font-weight:normal;line-height:1.2em;text-shadow:none;}

/* ###### Match Block ###### */
.match-card-block{float:left;width:100%;position:relative;z-index:1;}
.match-card-inner{float:left;width:100%;padding:14px 12px;border:1px solid #009e51;border-radius:8px;background:rgba(0, 72, 51, 0.85);}
.match-info-bar{float:left;width:100%;}
.match-card-badge .match-info-bar{padding-top:6px;}
/* ###### Match Info Bar ###### */
.vs-tm-block{float:left;width:100%;display:flex;align-items:center;justify-content:center;}
.col-tm{float:left;display:flex;align-items:center;width:calc(50% - 16px);}
.col-tm-vs{float:left;margin:0px;width:32px;}
.vs-at{float:left;width:100%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1em;padding-top:4px;}
.tm-two .tm-figure{order:1;}

.tm-bar{--icon-size:24px;--icon-gap:6px;float:left;width:100%;display:flex;align-items:center;gap:var(--icon-gap);}
.tm-bar .tm-name{font-size:14px;padding-top:3px;}

/* Mid Team Icon */ 
.mid-tm-block .tm-two .tm-figure{order:-1;}
.mid-tm-block .tm-one .tm-figure{order:2;}
.mid-tm-block .tm-one .tm-name{text-align:right;float:right;}
.match-card-inner{overflow:hidden;}
.match-info-timer{float:left;width:100%;margin-top:12px;}
.match-counter-block{float:left;width:100%;}
.match-time-label{float:left;width:100%;display:flex;justify-content:center;margin-bottom:8px;}
.match-time-label span{float:left;color:#fce300;font-size:14px;font-family:var(--font-paddy-sans);position:relative;font-weight:500;text-transform:uppercase;display:flex;align-items:center;padding:0px 4px;--gradientColor:#009e51;}
.match-time-label span:before,
.match-time-label span:after{position:absolute;height:1px;width:100%;content:'';max-width:90px;}
.match-time-label span:before{right:100%;background:linear-gradient(270deg, var(--gradientColor), transparent);}
.match-time-label span:after{left:100%;background:linear-gradient(90deg, var(--gradientColor), transparent);}

.match-counter-bar{float:left;width:100%;display:flex;gap:18px;justify-content:center;}
.match-counter-col{float:left;position:relative;}
.match-counter-col:before,
.match-counter-col:after{position:absolute;height:6px;width:6px;border-radius:50%;background:#009e51;content:'';right:-12px;}
.match-counter-col:before{top:calc(50% - 9px);}
.match-counter-col:after{top:calc(50% + 3px);}
.match-counter-bar .match-counter-col:last-child:before,
.match-counter-bar .match-counter-col:last-child:after{display:none;}

.countdown-block{background:#004833;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px 0px;border-radius:4px;border:1px solid #009e51;gap:2px;min-width:50px;}
.co-number{float:left;width:100%;font-size:14px;line-height:1em;text-align:center;}
.co-label{float:left;width:100%;font-size:12px;line-height:1em;text-align:center;font-family:var(--font-paddy-sans);font-weight:normal;}

/* Remain Games CSS Start*/
.remain-game{float:left;width:100%;margin:12px 0px 20px;}
.remain-card{float:left;width:100%;}
.remain-card-inner{float:left;width:100%;}
.remain-head{float:left;width:100%;text-align:center;color:#ffffff;font-family:var(--font-paddy-sans);font-size:16px;font-weight:bold;margin-bottom:8px;}
.remain-text{float:left;width:100%;text-align:center;color:#ffffff;font-family:var(--font-paddy-sans);font-size:14px;font-weight:500;line-height:1.2em;}
.link-text{text-decoration:underline;color:var(--clr-yellow-link);}
@media (min-width:1025px){
    .remain-game{margin:1.2vmin 0px 2vmin;}
	.remain-head{font-size:1.6vmin;margin-bottom:0.8vmin;}
	.remain-text{font-size:1.4vmin;}
}
/* Remain Games CSS Start*/

/* Game Banner CSS Start */
.game-banner-block{float:left;width:100%;}
.game-banner-card{float:left;width:100%;}
.game-banner-figure{float:left;width:100%;border:1px solid #31953e;border-radius:4px;}
.game-banner-figure img{float:left;width:100%;border-radius:4px;}
.game-banner-card{margin-top:10px;}

@media (orientation:landscape) {
	.game-banner-card{margin-top:1vmin;}
	.game-banner-figure{border-width:0.1vmin;border-radius:0.4vmin;}
	.game-banner-figure img{border-radius:0.4vmin;}
}
@media screen and (max-width:991px) and (orientation:portrait) {
	.home-card-outer .game-banner-card{padding-left:12px;padding-right:12px;}
}
/* Game Banner CSS End */

/* ###### Footer ###### */
.footer{float:left;width:100%;}
.brand-footer{float:left;width:100%;padding:8px 0px;}
.footer-container{float:left;width:100%;}
.footer-brand{float:left;width:100%;display:flex;justify-content:center;gap:4px;flex-direction:column;align-items:center;}
.brand-label{float:left;width:100%;font-size:13px;line-height:1.3em;text-align:center;font-family:var(--font-pre);}
.powered-figure-block{float:left;width:100%;display:flex;justify-content:center;gap:4px;}
.gtg-figure{float:left;width:100%;max-width:124px;}
.gtg-figure img{float:left;width:100%;}
.pp-figure{float:left;width:76px;}
.pp-figure img{float:left;width:100%;}


/* Modal Comman */
.modal-group{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:12;background:none;display:none;overflow:hidden;padding:0px;}
.modal{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:12;background:none;display:none;overflow:hidden;padding:0px;}
.modal-contenier{float:left;width:100%;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:0px 12px;overflow:hidden;}
.modal-contenier-outer{float:left;width:100%;display:flex;justify-content:center;padding:0px;}
.modal-overlay{position:fixed;top:0;left:0;z-index:-1;float:left;height:100dvh;width:100%;cursor:pointer;background:var(--bg-overlay);margin:auto;left:0;right:0;}
.modal-info{z-index:1;position:relative;float:left;width:100%;overflow:inherit;max-width:var(--modalWidth);}
.modal-body{float:left;width:100%;position:relative;z-index:2;background:var(--modalbg);border-radius:var(--modalRadius);}
.modal-bg-head{float:left;width:100%;margin-top:-1px;border-radius:var(--modalRadius) var(--modalRadius) 0px 0px;background:url('../images/modal-header-bg.webp');background-size:cover;background-position:bottom center;padding:32px 8px;background-repeat:no-repeat;}
.modal-head{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;margin:0px;}
.modal-head-title{color:var(--clr-base);font-size:24px;font-weight:bold;text-transform:uppercase;line-height:1.2em;float:left;width:100%;text-align:center;padding:0px;font-family:var(--font-head);}
.modal-head-label{color:var(--clr-base);font-size:12px;font-weight:500;line-height:1.2em;float:left;width:100%;text-align:center;padding:2px 0px 0px;font-family:var(--font-paddy-sans);}
.modal-content{float:left;width:100%;}
.modal-close{float:left;width:100%;display:flex;justify-content:center;}
.close-link{float:left;width:36px;margin-top:14px;}
.close-btn{float:left;width:100%;filter:drop-shadow(0 0 2px rgba(98, 187, 70, 1)) drop-shadow(0 0 2px rgba(98, 187, 70, 0.5)) drop-shadow(0 0 2px rgba(98, 187, 70, 0.4)) drop-shadow(0 0 2px rgba(98, 187, 70, 1));}
.close-btn img{float:left;width:100%;}

/* ########################### How TO Popup CSS ########################### */
.how-to-warp{float:left;width:100%;display:flex;padding:20px;}
.how-cardouter{position:relative;float:left;width:100%;display:flex;flex-direction:column;}
.howto-inner{float:left;width:100%;}
.ht-content{float:left;width:100%;padding:0px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-paddy-sans);font-weight:500;}
.htp-listing{float:left;width:100%;display:flex;align-items:center;flex-direction:column;gap:14px;}
.htp-list-item{float:left;width:100%;}
.htp-info-bar{float:left;width:100%;display:flex;gap:8px;}
.htp-icon{float:left;width:16px;min-width:16px;margin-top:3px;}
.ht-icon-figure{float:left;width:100%;}
.ht-icon-figure img{float:left;width:100%;}
.htp-detail{float:left;flex:1;}
.htp-title{float:left;width:100%;font-size:14px;color:#000000;text-align:left;line-height:1.3em;margin-bottom:3px;}
.htp-pre{float:left;width:100%;font-size:16px;color:#000000;text-align:center;line-height:1.3em;}
.htp-pre span{color:#009e51;font-weight:bold;}

.ht-image{float:left;width:100%;display:flex;align-items:center;justify-content:center;padding:20px 20px 0px;}
.image-block{float:left;width:100%;position:relative;border-radius:10px;overflow:hidden;border:2px solid #479d5a;box-shadow:0px 0px 12px #479d5a inset;}
.img-figure{float:left;width:100%;}
.img-figure img{float:left;width:100%;}

/* How to Target */
.ht-targets{float:left;width:100%;}
.target-listing{float:left;width:100%;display:flex;flex-direction:column;gap:6px;padding-top:14px;}
.target-list-item{float:left;width:100%;}
.target-info-bar{float:left;width:100%;display:flex;align-items:center;gap:24px;background:#004833;border-radius:10px;border:2px solid #479d5a;
padding:8px 16px;}
.target-icon{float:left;min-width:48px;width:48px;}
.target-icon-figure{float:left;width:100%;}
.target-icon-figure img{float:left;width:100%;}
.target-detail{float:left;flex:1;font-family:var(--font-paddy-sans);margin-bottom:4px;}
.target-title{float:left;width:100%;color:var(--clr-base);font-size:20px;margin-bottom:8px;font-weight:500;}
.target-point{color:#fce300;}
.target-pre{float:left;width:100%;color:var(--clr-light);font-size:20px;}

/* How To Share */
.ht-share-block{float:left;width:100%;margin-bottom:16px;}
.ht-share-inner{float:left;width:100%;}
.ht-share-label{float:left;width:100%;text-align:center;font-size:20px;color:#000000;line-height:1em;margin-bottom:6px;}
.ht-share-price{float:left;width:100%;text-align:center;font-size:34px;color:#009e51;font-family:var(--font-paddy-sans);font-weight:bold;line-height:1em;}
.how-to-share .htp-title{font-family:var(--font-paddy-sans-semi);font-weight:600;}
.how-to-share .htp-pre{text-align:left;font-weight:normal;font-size:13px;}
.ht-image-bottom{float:left;width:100%;}
.bottom-image-block{float:right;max-width:96px;filter:drop-shadow(0px 0px 6px rgba(244, 179, 78, 0.6)) drop-shadow(0px 0px 8px rgba(244, 179, 78, 1));margin-bottom:-8px;}

.howto-button-bar{padding:12px 4px 8px;}
.howto-button-bar .button-bar-outer{justify-content:center;gap:8px;}
.howto-button-bar .button-bar-outer .col{max-width:50%;}



.ht-image-block{background-image:url(../images/how-to-bg.png);border-radius:12px;border:2px solid #479d5a;float:left;width:100%;padding:16px;background-size:cover;margin-top:12px;background-color:#005d32;}
.ht-image-block .reveal-figure{max-width:108px;}
.ht-image-block .cash-rewards-prize{text-shadow:none;font-size:40px;}
.ht-image-block .reveal-team-name{font-size:23px;}
.ht-image-block .cash-rewards-text{font-size:15px;}
.ht-image-block .reveal-team-goals{font-size:16px;}
.ht-image-block .tm-vs,.ht-image-block .reveal-team-opponent .tm-name{font-size:14px;}
.ht-image-block .reveal-team-goals,.ht-image-block .tm-vs,.ht-image-block .reveal-team-opponent .tm-name,
.ht-image-block .reveal-team-name,.ht-image-block .cash-rewards-text{color:#ffffff;}
/* .ht-image-block .pack-figure-data-inner{gap:10px;} */
.ht-image-block .reveal-figure.circle-figure{max-width:120px;margin:0px;}

.ht-image-block .reveal-col-tm .tm-bar .tm-name{color:#ffffff;}
.ht-image-block .reveal-col-tm-vs .vs-at{color:#ffffff;}
.ht-image-block .reveal-score-label-text{color:#ffffff;}
.ht-image-block .super-label-block{color:#ffffff;}
.ht-image-block .reveal-tm-block{border:none;padding:0px;}

@media (max-width:1024px) and (orientation:portrait) {
	.ht-image-block .pack-vs-figure-inner{gap:10px;}
	.ht-image-block .reveal-team-bar-block{padding:0px 16px;}
	.ht-image-block .reveal-tm-block{padding:0px;border:none;gap:4px;}
	.ht-image-block .reveal-col-tm-vs .vs-at{font-size:16px;}
	.ht-image-block .reveal-col-tm .tm-bar .tm-name{font-size:20px;}
	.ht-image-block .reveal-col-tm .tm-bar{--icon-size:36px;--icon-gap:8px;}
	.ht-image-block .reveal-score-label-text{font-size:18px;}
	.ht-image-block .super-figure{max-width:84px;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.35));}
	.ht-image-block .super-text-block{margin-top:6px;}
	.ht-image-block .super-label-block{font-size:16px;}
	.ht-image-block .pack-cash-seprator span{height:1px;}
}

.ht-scoring-title{float:left;width:100%;text-align:center;font-size:24px;font-weight:500;color:#000000;margin-bottom:12px;}
.ht-scoring-list{float:left;width:100%;display:flex;flex-direction:column;gap:6px;}
.ht-scoring-item{float:left;width:100%;display:flex;align-items:center;gap:6px;background:linear-gradient(270deg, rgb(0,158,81) 0%, #004833 87%, #004833 100%);border-radius:10px;border:2px solid #479d5a;padding:12px 12px;}
.ht-scoring-col{float:left;width:auto;display:inline-flex;gap:6px;align-items:center;}
.ht-scoring-col .image-block{border-radius:50%;border-color:#ffffff;border-width:1px;box-shadow:none;max-width:38px;}
	
.ht-scoring-content{float:left;flex:1;}
.ht-scoring-inner{display:flex;gap:10px;align-items:center;justify-content:flex-end;}
.ht-score-point{float:left;font-size:24px;color:#fce300;font-weight:bold;padding-top:4px;}
.ht-scoring-col .image-title,
.ht-score-label{float:left;font-size:17px;font-weight:500;padding-top:4px;}
.ht-score-label{min-width:64px;}

.howto-boost-header{float:left;width:100%;margin-bottom:12px;}
.ht-boost-title{float:left;width:100%;text-align:center;font-size:24px;font-weight:500;color:#000000;}
.ht-boost-subtitle{float:left;width:100%;text-align:center;font-size:15px;font-weight:500;color:#1e1e1e;margin-top:8px;font-family:var(--font-paddy-sans);line-height:1.2em;}
.ht-boost-list{float:left;width:100%;display:flex;flex-direction:column;gap:8px;}
.ht-boost-item{float:left;width:100%;display:flex;align-items:center;gap:12px;background:linear-gradient(270deg, rgb(0,158,81) 0%, #004833 87%, #004833 100%);border-radius:10px;border:2px solid #479d5a;padding:12px 12px;}
.ht-boost-icon{float:left;width:auto;max-width:64px;}
.ht-boost-icon .image-block{border-radius:0px;border:none;box-shadow:none;}
.ht-boost-content{float:left;flex:1;font-family:var(--font-paddy-sans);}
.ht-boost-inner{display:flex;gap:4px;align-items:center;flex-direction:column;}
.ht-boost-name{float:left;width:100%;font-size:18px;color:#fce300;font-weight:500;text-align:left;}
.ht-boost-desc{float:left;width:100%;font-size:15px;color:var(--clr-light);text-align:left;}

/* ########################### Summary Popup CSS ########################### */
.summary-info{--modalbg:#004833;}
.summary-info .modal-body{border:1px solid #009e51;overflow:hidden;}
.summary-info .modal-head{padding:18px 0px 12px;}

.summary-warp{float:left;width:100%;}
.summary-cardouter{float:left;width:100%;}
.summary-inner{float:left;width:100%;}
.summary-actions{float:left;width:100%;}
.actions-outer{float:left;width:100%;padding:0px 10px 16px;font-family:var(--font-paddy-sans);}

.actions-row{float:left;width:100%;display:flex;}
.actions-col{float:left;background:#009e51;border-radius:6px;padding:6px;min-width:95px;flex:1;}

.grid-actions.actions-row{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);grid-column-gap:5px;grid-row-gap:5px;}
.grid-actions .actions-col.rewards-col{grid-area:1 / 1 / 3 / 2;min-width:210px;background-image:url(../images/pack-summary-bg.png);background-repeat:no-repeat;background-position:left center;padding:0px;background-size:100px auto;}
.grid-actions .my-score-col{grid-area:1 / 2 / 2 / 3;}
.grid-actions .high-score-col{grid-area:2 / 2 / 3 / 3;}
.grid-actions .actions-head{padding:0px 0px 2px;}
.grid-actions .actions-col{min-width:auto;}


.score-actions{gap:10px;}
.score-actions .action-point{padding:2px 0px 6px;}
.summary-match-counter{padding:14px 0px;}
.summary-play-again-text{float:left;width:100%;margin-bottom:8px;}
.play-again-text{float:left;width:100%;text-align:center;color:#fce300;font-size:18px;font-family:var(--font-paddy-sans);font-weight:500;text-transform:uppercase;display:flex;align-items:center;justify-content:center;}

.wonder-wonder-block{float:left;width:100%;margin-top:10px;}
.wonder-inner{float:left;width:100%;}
.wonder-figure{float:left;width:100%;}
.wonder-figure img{float:left;width:100%;border-radius:4px 4px 0px 0px;}


.wonder-heading{float:left;width:100%;text-align:center;font-size:14px;font-weight:bold;font-family:var(--font-head);color:var(--color-white);margin-bottom:6px;}
.wonder-flex-block{float:left;width:100%;}
.wonder-flex{float:left;width:100%;display:flex;justify-content:space-between;gap:8px;}
.wonder-col{float:left;flex:1;}
.wonder-card{float:left;width:100%;background:linear-gradient( 0deg, rgba(10,35,34,1) 0%, rgb(10,35,34) 13%, rgb(43,102,89) 100%);padding:0px;border:2px solid #3a774b;border-radius:4px;border-bottom-width:8px;}


.actions-content{float:left;flex:1;}

.col-inner{float:left;width:100%;display:flex;flex-direction:column;height:100%;}
.actions-head{float:left;width:100%;padding:6px 0px;}
.actions-title{float:left;width:100%;text-align:center;font-size:11px;font-weight:500;text-transform:uppercase;font-family:var(--font-paddy-sans);}
.actions-body{float:left;width:100%;flex:1;display:inline-flex;align-items:center;}
.action-point{float:left;width:100%;color:#fce300;font-size:22px;text-align:center;font-weight:500;}
.rewards-col .actions-title{text-align:left;margin-bottom:8px;}
.action-pack-bar{float:left;width:100%;}
.action-pack-info{float:left;width:100%;display:flex;gap:4px;align-items:center;justify-content:center;}
.action-pack-icon{float:left;min-width:90px;width:90px;display:inline-flex;justify-content:center;padding-right:10px;}
.action-pack-icon .pack-figure{float:left;max-width:42px;}
.pack-figure{float:left;width:100%;}
.pack-figure img{float:left;width:100%;}
.action-pack-text{float:left;flex:1;margin:0px;}
.action-pack-text span{float:left;width:100%;text-align:left;line-height:1.1em;font-size:18px;font-weight:600;text-transform:uppercase;font-family:var(--font-paddy-sans);}

.actions-message-block{float:left;width:100%;}
.actions-message-text{float:left;width:100%;color:#fce300;font-size:16px;line-height:1.3em;text-align:center;font-weight:500;padding-top:12px;}
.bad-luck-message.actions-message-block{}
.bad-luck-message.actions-message-block .actions-message-text{padding:0px 0px 14px;}

.summary-targets{float:left;width:100%;}
.summary-targets-inner{float:left;width:100%;background:#006858;padding:10px;}
.summary-targets-head{float:left;width:100%;margin-bottom:10px;}
.targets-title{float:left;width:100%;font-size:16px;color:var(--clr-base);font-weight:500;text-transform:uppercase;font-family:var(--font-paddy-sans);text-align:center;}
.summary-targets-body{float:left;width:100%;}
.targets-tiles-bar{float:left;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;column-gap:var(--column-gap);row-gap:var(--row-gap);--column-gap:24px;--row-gap:12px;--column-count:5;}

.tiles-col{float:left;display:inline-flex;justify-content:center;min-width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));
width:calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));align-items:center;position:relative;}
.tiles-figure{float:left;width:100%;min-width:100%;position:relative;}
.tiles-figure img{float:left;width:100%;}
.tiles-figure .boost-icon{position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;width:calc(100% + 4px);max-width:calc(100% + 4px);}
.tiles-figure .boost-thumb-icon{position:absolute;width:100%;max-width:22px;right:-4px;top:-8px;z-index:1;}
.tiles-col.target-2 .tiles-figure .boost-thumb-icon{max-width:18px;right:2px;top:-4px;}
.tiles-col.target-2 .tiles-figure:nth-child(2) .boost-thumb-icon{right:-4px;}

.tiles-col.target-2 .tiles-figure{width:76%;min-width:76%;margin:0 -24%;}
.tiles-col.target-3 .tiles-figure{width:76%;min-width:76%;margin:0 -24% -24%;}
.tiles-col.target-3 .tiles-figure:nth-child(3){margin:0;position:absolute;top:0px;left:auto;right:auto;}

.summary-button-bar{padding:10px 10px;}
.summary-button-bar .button-bar-outer{justify-content:center;gap:8px;}
.summary-button-bar .button-bar-outer .home-col{max-width:124px;}
.summary-button-bar .button-bar-outer .light-home-col{max-width:184px;}

.summary-modal .modal-contenier{padding-bottom:60px;}
.summary-footer{position:absolute;bottom:12px;left:0px;right:0px;}


/* Today Target */
.today-target-info .modal-body{border:1px solid #009e51;background-color:#004833;background-image:url(../images/target-reach-bg.png);background-repeat:no-repeat;background-position:top center;margin-bottom:20px;background-size:100% auto;}
.today-target-info .target-reach-header{padding-top:30px;}

.today-target-warp{float:left;width:100%;}
.today-target-cardouter{float:left;width:100%;}
.today-target-inner{float:left;width:100%;padding:12px;}
.today-target-content{float:left;width:100%;padding:20px 0px 8px;}
.today-target-score{float:left;width:100%;}
.today-target-score-label{float:left;width:100%;color:#ffffff;font-size:22px;font-family:var(--font-paddy-sans);text-align:center;line-height:1.3em;font-weight:500;}
.today-target-score-label span{color:#fce300;font-family:var(--font-paddy-sans-semi);}
.today-target-share{float:left;width:100%;margin-top:10px;}
.today-target-share-label{float:left;width:100%;font-size:16px;font-family:var(--font-paddy-sans);text-align:center;line-height:1.3em;}
.today-target-share-label span{color:#fce300;font-weight:500;}
.today-target-button-bar.button-bar {padding:12px;}

@media (orientation:landscape) {
	.today-target-info .target-reach-header{padding-top:3vmin;}
	.today-target-content{padding:2vmin 0px 1vmin;}
	.today-target-inner{padding:1.2vmin;}
	.today-target-score-label{font-size:2.4vmin;}
	.today-target-share {margin-top:1vmin;}
	.today-target-share-label{font-size:1.6vmin;}
	.today-target-button-bar.button-bar{padding:1.2vmin}
	
	
	.summary-match-counter {padding:1.4vmin 0px;}
	.summary-play-again-text {margin-bottom:0.8vmin;}
	.score-actions .action-point {padding:0.2vmin 0px 0.6vmin;}
	.play-again-text{font-size:1.8vmin}
	.wonder-wonder-block{margin-top:1vmin;}
	.wonder-heading{font-size:1.4vmin;margin-bottom:0.6vmin;}
	.wonder-flex{gap:0.8vmin;}
	.wonder-card{border-width:0.22vmin;border-radius:0.4vmin;border-bottom-width:0.8vmin;}
	
}

/* Select Nation */
.nation-modal .modal-head{flex-wrap:wrap;}
.nation-warp{float:left;width:100%;}
.nation-cardouter{float:left;width:100%;}
.nation-inner{float:left;width:100%;}

/* Nation Search Box */
.form-group{float:left;width:100%;margin-bottom:16px;}
.input-group{float:left;width:100%;position:relative;}
.form-control{float:left;width:100%;font-size:14px;outline:medium none;height:44px;color:#474752;border:1px solid #e8eaee;background:#f1f2f6;line-height:1.2em;padding:0 12px;transition:all 0.4s ease 0s;border-radius:4px;font-family:var(--font-paddy-sans);}
.addons-icon{position:absolute;top:1px;bottom:1px;left:1px;width:40px;display:flex;align-items:center;justify-content:center;background:#f1f2f6;border-top-left-radius:4px;border-bottom-left-radius:4px;transition:all 0.4s ease 0s;}
.search-figure{float:left;width:100%;max-width:18px;}
.search-figure img{float:left;width:100%;}
.prepend-addons .form-control{padding-left:40px;}

.nation-search-box{float:left;width:100%;margin-bottom:8px;padding:12px 12px 0px;}
.nation-search-box .form-group{margin:0px;}

/* Nation List Box */
.nation-listing-card{float:left;width:100%;padding:0px 12px 0px 8px;}
.nation-listing-block{float:left;width:100%;padding-right:8px;padding-left:4px;height:42dvh;overflow:auto;}
.nation-list-row{float:left;width:100%;display:flex;gap:12px;flex-wrap:wrap;padding:4px 0px 12px;}
.nation-item{float:left;width:calc(calc(100% / 3) - 8px);}
.active .nation-item-card{background:#009e51;}
.active .nation-item-label{color:#ffffff;}
.nation-item-card{float:left;width:100%;padding:6px;border-radius:4px;background-color:rgb(241, 242, 246); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.25);cursor:pointer;}
.nation-item-flag{float:left;width:100%;display:flex;justify-content:center;}
.nation-figure{float:left;height:60px;width:60px;border-radius:50%;object-fit:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #dfe0e4;}
.nation-figure img{float:left;height:100%;max-width:inherit;}

.nation-item-content{float:left;width:100%;margin-top:4px;}
.nation-item-label{float:left;width:100%;font-size:14px;font-family:var(--font-paddy-sans);font-weight:500;color:rgb(71, 71, 82);text-align:center;line-height:1.4em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.nation-button-bar.button-bar{padding:12px;box-shadow:0px -4px 6px 0px rgba(0, 0, 0, 0.25);}
.selection-message-block{float:left;width:100%;margin:0px 0px 8px 0px;}
.selection-message-label{float:left;width:100%;font-size:14px;font-family:var(--font-paddy-sans);font-weight:500;color:rgb(71, 71, 82);line-height:1.3em;text-align:center;}
.selection-message-label .highlight{color:#009e51;}

.nation-button-bar .disabled{opacity:0.6;--base-btn-bg:#999999;--base-btn-clr:#333333;}

.played-text-block{float:left;width:100%;border-radius:6px;box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.42);background-color:rgba(0, 72, 51, 0.85);border:1px solid #31953e;padding:14px 10px 10px;margin-bottom:8px;}
.played-text{float:left;width:100%;text-align:center;font-size:16px;color:#ffffff;font-family:var(--font-base);line-height:1.3em;}
.played-text span{display:block;text-align:center;color:#fce300;}


.nation-listing-card .message-block{margin:0px;}
.nation-listing-card .message-box-card{background:none;border-color:#e8eaee;color:rgb(71, 71, 82);min-height:120px;}

/* ########################### My Picks Page CSS ########################### */
.message-block{float:left;width:100%;padding:0;font-family:var(--font-paddy-sans);margin-top:16px;}
.message-box-card{float:left;width:100%;display:flex;justify-content:center;align-items:center;min-height:160px;border:1px solid #41bb46;border-radius:10px;padding:8px;background:#004833;}
.message-content{float:left;width:100%;}
.message-heading{float:left;width:100%;text-align:center;font-size:18px;font-weight:500;margin-bottom:6px;}
.message-pre{float:left;width:100%;text-align:center;font-size:14px;}

.mypicks-card-outer{float:left;width:100%;}
.mypicks-outer{float:left;width:100%;}

.swipe-info-block{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;min-height:12.4vmin;padding:0px 1.2vmin;}
.swipe-reveal-text{font-weight:bold;font-size:2.6vmin;line-height:1.3em;}
.animate-wrap-outer{float:left;width:100%;}
.animate-group{float:left;width:100%;}
.anim-box{float:left;width:100%;display:flex;align-items:center;justify-content:center;}

.anim-box-in{float:left;width:30vmin;height:66vmin;display:flex;align-items:center;justify-content:center;position:relative;}
.anim-pack{float:left;width:100%;}

.anim-figure{position:fixed;top:0;left:0;bottom:0;height:100%;width:100%;display:flex;justify-content:center;float:left;width:100%;}
.anim-figure img{float:left;width:100%;pointer-events:none;transform:translateZ(0);will-change:transform;overflow:hidden;}
.anim-figure video{float:left;width:auto;height:100%;will-change:transform;pointer-events:none;transform:translateZ(0);}
.animate-wrap-outer,
.animate-wrap-outer *{user-select:none;user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;}
.mypicks-card-outer .picks-button-bar{position:relative;z-index:1;}
.mypicks-card-outer .picks-button-bar .button-bar-outer{justify-content:center;}
.mypicks-card-outer .picks-button-bar .button-bar-outer .col{max-width:50%;}
/* Pack Reveal Box Start*/

.circle-figure img{border-radius:50%;overflow:hidden;}
.reveal-figure.circle-figure img{border:4px solid #ffffff;}
.reveal-figure.circle-figure:after{left:auto;right:auto;bottom:-5px;}

.pack-result-wrap{float:left;width:100%;display:flex;align-items:center;min-height:calc(100dvh - 120px);}
.pack-result{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.pack-result-block{float:left;width:100%;max-width:310px;position:relative;}
.reveal-pack-figure{float:left;width:100%;}
.reveal-pack-figure img{float:left;width:100%;}
.reveal-pack-data{float:left;width:100%;position:absolute;left:4px;right:0px;top:0px;bottom:0px;opacity:0;}
.pack-figure-data-inner{float:left;width:100%;height:100%;display:inline-flex;flex-direction:column;justify-content:center;gap:1vmin;}
.reveal-pack-data .pack-figure-data-inner{padding:42% 0px;}
.pack-team-block{float:left;width:100%;}

.reveal-team-block{float:left;width:100%;display:flex;flex-direction:column;gap:1vmin;}
.reveal-team-label-block{float:left;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:16px;}
.reveal-team-label{float:left;background:rgb(0, 104, 88);color:#ffffff;padding:10px 16px 6px;border-radius:3px;font-size:18px;min-width:164px;text-align:center;}
.reveal-team-name{font-size:36px;}

.reveal-team-name{float:left;width:100%;text-align:center;font-size:23px;color:rgb(0, 72, 51);font-weight:bold;margin-bottom:6px;}
.reveal-team-figure{float:left;width:100%;display:flex;justify-content:center;}
.reveal-figure{float:left;width:100%;max-width:240px;position:relative;display:flex;justify-content:center;}
.reveal-figure img{float:left;width:100%;}
.reveal-figure:after{float:left;content:'';width:50%;position:absolute;bottom:2px;right:0px;height:5px;border-radius:100%;background:rgb(2 77 51 / 50%);filter:blur(2px);}

.pack-cash-data .reveal-figure{max-width:180px;}
.pack-cash-data .reveal-team-block{gap:0vmin;}


.reveal-figure.circle-figure{max-width:160px;margin:40px 0px;}
.pack-cash-data .reveal-figure.circle-figure{max-width:160px;margin:0px;}


.reveal-team-data{float:left;width:100%;}
.reveal-team-goals{float:left;width:100%;text-align:center;font-size:16px;font-family:var(--font-paddy-sans);color:#000000;font-weight:500;}
.reveal-team-opponent{float:left;width:100%;font-family:var(--font-paddy-sans);margin-top:6px;}
.reveal-team-opponent .team-bar{justify-content:center;}
.reveal-team-opponent .tm-labels-bar{flex:none;}
.tm-vs,.reveal-team-opponent .tm-name{font-size:14px;color:#000000;}
.reveal-team-opponent .tm-figure{box-shadow:0px 4px 4px rgba(0, 0, 0, 0.3);}

.pack-cash-rewards{float:left;width:100%;}
.pack-cash-rewards-inner{float:left;width:100%;}
.cash-rewards-text{float:left;width:100%;text-align:center;font-size:17px;color:rgb(0, 72, 51);font-weight:bold;text-transform:uppercase;margin-bottom:10px;}
.cash-rewards-prize{float:left;width:100%;text-align:center;font-size:51px;color:rgb(252, 227, 0);font-weight:bold;text-align:center;text-shadow:2px 4px 0px rgba(0, 0, 0, 0.67);}
.pack-cash-seprator{float:left;width:100%;display:flex;justify-content:center;}
.pack-cash-seprator span{float:left;width:100%;height:2px;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.6), transparent);max-width:200px;}

@keyframes revealCard{
	0%{ opacity:0;}
	100%{ opacity:1;}
}
.reveal-card{animation:revealCard 2.1s;opacity:1;}


.swipe-score-block{float:left;width:100%;font-weight:bold;font-size:3.2vmin;line-height:1.3em;align-self:end;}
.swipe-score-block span{color:#fce300;}

.pack-vs-figure-inner{gap:1.6vmin}

.reveal-team-bar-block{float:left;width:100%;padding:0px 20px;}
.reveal-tm-block{float:left;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-bottom:1px solid  rgba(0, 0, 0, 0.2);gap:1vmin}
.reveal-col-tm{float:left;display:inline-flex;overflow:hidden;max-width:100%;}

/* .reveal-tm-block .tm-labels-bar{min-width:100px;} */
.reveal-col-tm-vs{float:left;width:100%;}
.reveal-col-tm-vs .vs-at{float:left;width:100%;font-size:16px;color:rgb(0, 72, 51);font-weight:bold;font-family:var(--font-head);padding:0px;}

.reveal-col-tm .tm-bar{--icon-size:40px;--icon-gap:8px;}
.reveal-col-tm .tm-bar .tm-name{font-size:20px;font-family:var(--font-head);color:rgb(0, 72, 51);font-weight:bold;width:min-content;line-height:1.2em;}

.reveal-score-block{float:left;width:100%;}
.reveal-score-text-block{float:left;width:100%;}
.reveal-score-label-text{float:left;width:100%;text-align:center;font-size:24px;font-family:var(--font-head);text-align:center;color:rgb(0, 72, 51);font-weight:bold;line-height:1.2em;}

.super-block{float:left;width:100%;margin-top:-1vmin;}
.super-figure-block{float:left;width:100%;display:flex;justify-content:center;}
.super-figure{float:left;width:100%;max-width:114px;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.35));}
.super-figure img{float:left;width:100%;}
.super-text-block{float:left;width:100%;margin-top:6px;}
.super-label-block{float:left;width:100%;text-align:center;font-size:20px;font-family:var(--font-paddy-sans);color:rgb(0, 72, 51);line-height:1.05;text-align:center;}
@media (max-width:1024px) and (orientation:portrait) {
.swipe-score-block{font-size:3vmax;}
}

/* Pack Reveal Box End*/

/* Result */ 
.selected-team-block{float:left;width:100%;margin:24px 0px 10px;}
.selected-team-card{float:left;width:100%;background:#31953e;border-radius:10px;padding:8px;}
.selected-team-bar{float:left;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;}
.selected-team-label{float:left;font-size:16px;text-transform:uppercase;font-weight:bold;white-space:nowrap;}
.selected-team-detail{float:left;display:flex;align-items:center;justify-content:center;gap:8px;}
.selected-team-name{float:left;font-size:21px;color:#fce300;font-weight:bold;text-transform:uppercase;margin-top:3px;}
.selected-team-flag{float:left;width:60px;min-width:60px;}
.team-flag-figure{float:left;width:100%;}
.team-flag-figure img{float:left;width:100%;border:2px solid #ffffff;border-radius:50%;}

.table-card-title{float:left;width:100%;margin:16px 0px;}
.table-card-title .title-label{font-size:18px;}
.result-table-wrap .table-wcard{border:2px solid #41bb46;border-radius:10px;padding:8px;background:#004833;}

.result-table-wrap .base-table thead tr{border-color:rgba(0, 158, 81, 0.3);}
.result-table-wrap .base-table thead tr th{background:none;padding-top:4px;}

.result-table-wrap .base-table tbody tr{border-color:#31953e;}
.result-table-wrap .base-table tbody tr td{line-height:1.1em;}

.result-table-wrap .base-table tr th.date-td,
.result-table-wrap .base-table tr td.date-td{text-align:left;width:90px;max-width:90px;font-size:13px;font-weight:normal;}
.date-label{float:left;width:100%;}
.result-table-wrap .base-table tbody tr td.prize-td{color:#fce300;}

.result-table-wrap .base-table tbody tr.pick-record-tr,
.result-table-wrap .base-table tbody tr.no-record-tr{border-top:1px solid #31953e;border-bottom:0px;}
.result-table-wrap .base-table tbody tr.pick-detail-tr .pick-td{padding-top:0px;}
.result-table-wrap .base-table tbody tr .no-target-td{font-weight:normal;}

.pack-fig-block{float:left;width:100%;display:flex;align-items:center;justify-content:center;}
.pack-figure{float:left;max-width:30px;width:100%;}
.pack-figure img{float:left;width:100%;}

.pick-bar{--icon-size:20px;--icon-gap:6px;float:left;width:100%;display:flex;align-items:center;gap:var(--icon-gap);justify-content:center;}
.pick-status{float:left;width:var(--icon-size);min-width:var(--icon-size);padding:0px;margin:0px;}
.pick-status img{float:left;width:100%;}
.pick-labels-bar{float:left;overflow:hidden;}
.pick-goals{font-size:13px;font-weight:normal;line-height:1.1em;}



/* Terms and Condition */
:root{
	--clr-dark:#000000;
}
.tnc-modal .modal-contenier{padding:0px;}
.modal-info.tnc-info{max-width:var(--containerWidth);--modalRadius:0px;}
.modal-info.tnc-info .modal-head{float:left;width:100%;position:relative;background:#004833;min-height:56px;text-align:center;display:flex;align-items:center;justify-content:flex-start;border-radius:0px;padding:0px;}
.modal-title-bar {float:left;width:100%;text-align:center;padding:10px 0; }
.modal-title-bar-label {float:left;width:100%;font-size:20px;color:#fff;font-weight:bold;font-family:var(--font-head);text-transform:uppercase;}
.close-modal {float:left;position:absolute;top:0;left:0;height:100%;width:60px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;z-index:2; }
.back-link{float:left;width:24px;}
.back-link img{float:left;width:100%;}

.tnc-modal-content{padding:12px 14px; max-height:calc(100dvh - 56px); overflow:auto;}
.terms-info{float:left; width:100%; padding:4px 2px 12px;}
.terms-content{float:left;width:100%; font-family:var(--font-paddy-sans);}
.terms-content p{line-height:1.2em;margin-bottom:8px;text-align:justify;color:var(--clr-dark);font-size:14px;}
.terms-content p sup{font-size:11px;}
.terms-content center p{text-align:center;font-weight:500;}
.terms-content p:last-child{margin-bottom:0;}
.terms-content center p{margin-bottom:10px;}
.terms-content h2{float:left;width:100%;color:var(--clr-dark);font-size:17px;font-weight:500;margin-bottom:8px; font-family:var(--font-paddy-sans);}
.terms-content h3{float:left;width:100%;color:var(--clr-dark);font-size:14px;font-weight:500;margin-bottom:8px; font-family:var(--font-paddy-sans);}
.terms-content ul, .terms-content ol{float:left;width:100%;list-style:decimal;padding-left:20px;color:var(--clr-dark);margin-bottom:16px;}
.terms-content ul li, .terms-content ol li{float:left;width:100%;list-style:decimal;padding-bottom:6px;font-size:14px;}
.terms-content ol, .terms-content ol li{list-style:decimal;}
.terms-content ul li ul{padding-left:10px;}
.terms-content ul li ul, .terms-content ul li ul li, .terms-content ol li ol, .terms-content ol li ol li{list-style:lower-alpha;font-size:14px;}
.terms-content ul li ul li, .terms-content ol li ol li{padding-bottom:7px;font-size:14px;}
.terms-content p a{text-decoration:underline; color:#009e51;}

.price-table-outer{float:left;width:100%;margin-bottom:8px;}

.terms-content table{width:100%;border:1px solid #dadadc;white-space:normal;table-layout:auto;background:#ffffff;border-spacing:0px;margin:0;padding:0;}
.terms-content table strong{font-weight:500;}
.terms-content table tr{width:100%;}
.terms-content table tr:last-child td{border-bottom:0;}
.terms-content table tr th{font-weight:500;font-size:11px;color:var(--clr-dark);text-transform:uppercase;background:#f2f2f2;}
.terms-content table tr th,
.terms-content table tr td{font-size:13px;border-bottom:1px solid #dadadc;padding:6px 16px;border-right:1px solid #dadadc;}
.terms-content table tr th:last-child, .terms-content table tr td:last-child{border-right:0;}
.terms-content ul.disc-dot-list,
.terms-content ul.disc-dot-list li{list-style:disc;}
.terms-content ul.disc-dot-list li ul.list-none{margin:0px!important;}
.terms-content ul.list-none li{list-style:none!important;}
.terms-heading{float:left;width:100%;text-align:center;text-transform:uppercase;color:var(--clr-dark);font-size:18px;font-weight:600;margin-bottom:16px;font-family:var(--font-paddy-sans);}
/* Terms and Condition */


/* ########################### Leaderboard Page CSS ########################### */
/* .leaderboard-wrap{background:#004833;} */
.leaderboard-card-outer{float:left;width:100%;}
.leaderboard-outer{float:left;width:100%;}
.leaderboard-block{float:left;width:100%;}
.leader-table-wrap .table-wcard{padding:0;background:#004833;}

/* Base Icon info Bar */
.team-bar{--icon-size:26px;--icon-gap:6px;float:left;width:100%;display:flex;align-items:center;gap:var(--icon-gap);}
.tm-figure{float:left;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);padding:0px;margin:0px;border:2px solid #ffffff;border-radius:50%;overflow:hidden;}
.tm-figure img{float:left;width:100%;}
.tm-labels-bar{float:left;flex:1;overflow:hidden;}
.tm-name{float:left;}

/* Table CSS */
.table-block{float:left;width:100%;padding:0;font-family:var(--font-paddy-sans);}
.table-wrap{float:left;width:100%;}
.table-outer{float:left;width:100%;position:relative;}
.table-container{float:left;width:100%;}
.base-table{width:100%;border-spacing:0;margin:0;padding:0;font-weight:normal;border-collapse:collapse;}
.base-table thead tr{position:relative;overflow:hidden;width:100%;border-bottom:1px solid rgba(255, 255, 255, 0.2);} 
.base-table thead tr th{background:#007858;color:var(--clr-base);text-transform:uppercase;font-size:11px;padding:10px 4px;font-weight:normal;text-align:center;}
.base-table tbody tr{border-bottom:1px solid rgba(255, 255, 255, 0.2);width:100%;}
.base-table tbody tr td{color:var(--clr-base);font-size:14px;padding:11px 4px;line-height:20px;text-align:center;font-weight:500;}
.base-table tbody tr:last-child{border-bottom:0px;}
.base-table tbody tr.selected td{background:#009351;color:var(--clr-base);}

.base-table tbody tr td.share-td{color:#fce300;}
.team-td{text-align:left!important;}
.team-td .tm-name{width:100%;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;text-transform:capitalize;}
.base-table tbody tr td .team-bar{--icon-size:26px;}

.points-td{width:72px;max-width:72px;}
.sharein-td{width:82px;max-width:82px;}

/* ###### Not Yet Open Alert Message ###### */
.not-yet-alert{float:left;width:100%;}
.not-yet-outer{float:left;width:100%;margin:20px 0 20px;}
.not-yet-block{float:left;width:100%;text-align:center;}
.no-yet-figure{display:inline-block;width:228px;margin-bottom:28px;}
.no-yet-figure img{float:left;width:100%;}
.not-yet-block p{color:var(--clr-base);font-size:21px;}

/* ###### View More CSS ###### */
.view-more{float:left;width:100%;text-align:center;padding:12px 0px 0;}
.view-more a{float:left;width:100%;background:#ffffff;color:#31953e;font-size:15px;font-family:var(--font-base);}
.sticky-view-button{position:sticky;position:-webkit-sticky;bottom:0;left:0;z-index:6;background:#004833;height:68px;border-top:1px solid rgba(255, 255, 255, 0.2);padding:12px;}


/* ########################### FAQ's Page CSS ########################### */
.faq-card-outer{float:left;width:100%;}
.faq-outer{float:left;width:100%;}
.faq-block{float:left;width:100%;}
.faq-prizes-list{float:left;width:100%;}
.faq-prizes-list > ul{float:left;width:100%;}
.faq-prizes-list > ul > li{float:left;width:100%;margin-bottom:6px;border-radius:2px;overflow:hidden;box-shadow:0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);}
.faq-title{float:left;width:100%;min-height:38px;line-height:normal;color:#1e1e1e;background:#ffffff;padding:12px 24px 12px 10px;position:relative;}
li.open .faq-title{border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;}
.faq-title span{color:#1e1e1e;font-size:14px;display:block;overflow:hidden;letter-spacing:0.2px;font-family:var(--font-base);}
.faq-title .image-icon{float:left;width:14px;position:absolute;top:0;right:10px;height:100%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease 0s;}
.faq-title .image-icon img{float:left;width:100%;}
.faq-title span small{font-size:16px;text-transform:none;}
.faq-content .wcard{padding:8px 10px;box-shadow:none;border:none;}
li.open .faq-title .image-icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.faq-content{float:left;width:100%;display:none;background:#fff;font-family:var(--font-paddy-sans);}
.faq-content p{line-height:16px;margin-bottom:10px;text-align:justify;color:#1e1e1e;font-size:14px;line-height:1.4em;}
.faq-content > div{text-align:justify;color:#1e1e1e;font-size:14px;line-height:1.4em;}
.faq-content center p{text-align:center;}
.faq-content p:last-child{margin-bottom:0;}
.faq-content center p{margin-bottom:10px;}
.faq-content h3{float:left;width:100%;color:#1e1e1e;font-size:14px;margin-bottom:4px;}
.faq-content ul,
.faq-content ol{float:left;width:100%;list-style:decimal;padding-left:20px;color:#58595B;}
.faq-content ul li,
.faq-content ol li{float:left;width:100%;list-style:decimal;padding-bottom:7px;}
.faq-content ol, 
.faq-content ol li{list-style:decimal;}
.faq-content ul li ul{padding-left:22px;}
.faq-content ul li ul,
.faq-content ul li ul li,
.faq-content ol li ol,
.faq-content ol li ol li{list-style:lower-alpha;}
.faq-content ul li ul li,
.faq-content ol li ol li{padding-bottom:7px;}
.faq-content p a{text-decoration:underline;color:var(--clr-action);}
.prizes-faq-info .table-outer{float:left;width:100%;overflow-x:auto;border:0;margin:6px 0 14px;}
.faq-prizes-list table{width:100%;border-bottom:0;white-space:normal;table-layout:auto;border:1px solid var(--border-base);}
.faq-prizes-list table tr{width:100%;}
.faq-prizes-list table tr:last-child td{border-bottom:0;}
.faq-prizes-list table tr th{font-weight:normal;font-size:11px;color:#58595B;text-transform:uppercase;background:#eeeaea;}
.faq-prizes-list table tr th,
.faq-prizes-list table tr td{font-size:13px;border-bottom:1px solid var(--border-base);border-right:1px solid var(--border-base);padding:8px 10px;}
.faq-prizes-list table tr th:last-child,
.faq-prizes-list table tr td:last-child{border-right:0;}

/*============== Coming Soon Page CSS ==============*/
.coming-soon-page-outer{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;}
.coming-soon-wrap{float:left;width:100%;padding:10px 14px;position:relative;}
.coming-soon-mid{float:left;width:100%;text-align:center;display:flex;height:100%;flex-direction:column;justify-content:center;}
.coming-soon-logo{float:left;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;}
.coming-soon-figure{margin:0px auto;max-width:480px;width:100%;}
.coming-soon-figure img{float:left;width:100%;}
.coming-soon-title{float:left;width:100%;font-size:48px;line-height:1.1em;font-weight:bold;color:#ffffff;font-family:var(--font-head);text-transform:uppercase;margin:30px 0px;}
.coming-soon-title span{display:block;color:#fce300;}
.countdown-lg-box{float:left;width:100%;display:flex;justify-content:center;min-height:5vmin;}
.countdown-lg{float:left;width:100%;display:flex;justify-content:space-between;grid-gap:14px;max-width:253px;}
.count-col-lg{float:left;width:100%;}
.count-col-lg .count-value{float:left;width:100%;border-radius:4px;box-shadow:0px 4px 5px 0px rgba(0, 21, 16, 0.76);background-image:-moz-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);background-image:-webkit-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);background-image:-ms-linear-gradient( -90deg, rgb(220,220,220) 0%, rgb(236,236,236) 46%, rgb(252,252,252) 48%);position:relative;}
.count-col-lg .count-value strong{float:left;width:100%;font-size:40px;line-height:1.45em;text-shadow:0px 3px 3px rgba(160, 160, 160, 0.68);color:#000000;position:relative;z-index:1;}
.count-col-lg .count-value:before{position:absolute;top:48%;background:#858585;width:100%;height:1px;left:0px;content:'';}
.count-col-lg .count-text{float:left;width:100%;color:#f2ea0f;text-align:center;margin-top:12px;font-size:15px;font-family:var(--font-pre);}

/* ########################### Error Page CSS ########################### */
.error-card-outer{position:fixed;top:0px;bottom:0px;right:0px;left:0px;width:100%;display:flex;align-items:center;}
.error-outer{float:left;width:100%;}
.error-logo-wrap{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin:0px;padding:0px;}
.error-logo-wrap .brand-logo{max-width:480px;}
.error-content{float:left;width:100%;margin-top:16px;}
.empty-title{float:left;width:100%;text-align:center;font-size:36px;margin:0px;line-height:1em;margin-bottom:12px;}
.empty-pre{float:left;width:100%;text-align:center;font-size:16px;line-height:1.4em;margin:6px 0 4px;}
.empty-sm-title{float:left;width:100%;text-align:center;display:block;font-size:14px;line-height:1.2em;margin:6px 0 4px;}
.error-outer .button-bar-outer{justify-content:center;margin-top:16px;}
.error-outer .button-bar-outer .col{max-width:280px;}

/* For Backgrounds */
.home-wrap{background:#004833;}
.home-wrap:before{min-height:100dvh;position:fixed;background-image:var(--home-bg);/* background-size:cover;background-position:center;*/content:'';left:0px;top:0px;width:100%;
background-size:100%;background-position:center top;background-repeat:no-repeat;}
.home-wrap .footer{position:relative;}
.mypicks-wrap,.leaderboard-wrap,.faq-wrap{background:none;}
.mypicks-wrap:before,.leaderboard-wrap:before,.faq-wrap:before{min-height:100dvh;position:fixed;background-image:var(--main-bg);background-size:cover;background-position:center;content:'';left:0px;top:0px;width:100%;}
.mypicks-wrap .footer,.leaderboard-wrap .footer,.faq-wrap .footer{position:relative;}




/*Skeleton CSS*/  
:root{
    --skeleton-color:rgba(255, 255, 255, 0.2);
    --skeleton-highlight-color:rgba(255, 255, 255, 0.2);
    --skeleton-bg:rgba(255, 255, 255, 0.2);
}  
.loading-wrapper.content-relative.skeleton-loader{height:auto;}
.loading-wrapper.content-relative{height:auto;}
.loading-wrapper.skeleton-loader{opacity:1;}
.skeleton{--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--skeleton-color);float:left;min-height:14px;width:100%;min-width:50px;border-radius:0.25rem;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1;}
.skeleton::after{content:' ';display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;
background-image:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--skeleton-highlight-color), rgba(255, 255, 255, 0));
/* background-image:linear-gradient(90deg, var(--skeleton-color), var(--skeleton-highlight-color), var(--skeleton-color));*/
transform:translateX(-100%);animation-name:skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;}
@keyframes skeleton{
    100%{ transform:translateX(100%);}
}  

/*Set Skeleton Loader CSS*/
.skeleton-loading{float:left;width:100%;position:relative;z-index:1;}
.skeleton-container{float:left;min-width:100%;display:flex;gap:8px;}

.skeleton-loader.page-content-loader{z-index:6;background:none;position:fixed;pointer-events:none;}
.skeleton-loader.page-content-loader .page-overlay{align-items:flex-start;}
.page-content-loader .loader-overlay{position:absolute;background:var(--bg-body);float:left;width:100%;top:44px;left:0;height:100%;opacity:1;z-index:0;}
.page-content-loader .loader-overlay:before{min-height:100dvh;position:fixed;background-image:var(--main-bg);content:'';left:0px;top:0px;width:100%;background-size:cover;
background-position:center;}
@media (orientation: landscape) {
    .page-content-loader .loader-overlay{top:4.4vmin;}
}

/*Skeleton Loader CSS End*/

/* Home Page */
.home-loader.page-content-loader .loader-overlay{background-color:#004833;}
.home-loader.page-content-loader .loader-overlay:before{background-image:var(--home-bg);background-size:100%;background-position:center top;background-repeat:no-repeat;}

/* Header skeleton */
.page-content-loader .header {background:none;box-shadow:none;backdrop-filter:none;pointer-events:none;}
.page-content-loader .brand-logo .skeleton{aspect-ratio:2 / 1;}
	
/* Cash Prize Skeleton */
.page-content-loader .cash-prize-outer{padding:30px 0px;}
.page-content-loader .cash-prize-block .tournament-text{padding:0px;margin:0px;}
.page-content-loader .cash-prize-block .tournament-text .skeleton{min-height:30px;}
.page-content-loader .cash-prize-block .cash-prize-card{background:none;border:none;box-shadow:none;padding:6px 0px;margin:0px;}
.page-content-loader .cash-prize-block .cash-prize-outer:before{display:none;}
.page-content-loader .cash-prize-block .cash-prize-card .skeleton{min-height:80px;}
.page-content-loader .cash-prize-block .grab-text{padding:0px;margin:0px;}
.page-content-loader .cash-prize-block .grab-text .skeleton{min-height:21px;}

/* Match Card */
.page-content-loader .match-card-block .match-badge{padding:0px;margin:0px;}
.page-content-loader .match-card-block .match-badge .skeleton{min-height:21px;}
.page-content-loader .match-card-block .tm-figure{border:none;}
.page-content-loader .match-card-block .tm-figure .skeleton{height:var(--icon-size);}
.page-content-loader .match-card-block .match-card-inner{background:var(--skeleton-bg);border:none;}
.page-content-loader .match-card-block .vs-at{padding:0px;margin:0px;}
.page-content-loader .match-card-block .vs-at .skeleton{min-width:20px;width:20px;}
.page-content-loader .match-card-block .match-time-label .skeleton{min-width:120px;min-height:24px;}
.page-content-loader .match-card-block .match-time-label span{--gradientColor:var(--skeleton-color);}
.page-content-loader .match-card-block .countdown-block{background:var(--skeleton-bg);border:none;}
.page-content-loader .match-card-block .co-number{display:flex;justify-content:center;}
.page-content-loader .match-card-block .co-label{display:flex;justify-content:center;}
.page-content-loader .match-card-block .co-number .skeleton{min-height:18px;width:30px;min-width:auto;}
.page-content-loader .match-card-block .co-label .skeleton{min-height:10px;width:36px;min-width:auto;}

/* How to Card */
.page-content-loader .how-to-block .how-to-title .skeleton{width:140px;min-height:24px;}
.page-content-loader .how-to-block .htp-card{align-items:center;}
.page-content-loader .how-to-block .htp-card .htp-point .skeleton{min-width:auto;width:var(--iconSize);height:var(--iconSize);}

/* Upcoming Cards */
.page-content-loader .upcoming-game-list-item{background:var(--skeleton-bg);border:none;}
.page-content-loader .upcoming-game-header .upcoming-game-info .skeleton{max-width:140px;}
.page-content-loader .upcoming-game-body .upcoming-game-col.upcoming-game-timer .countdown-card{padding:0px;margin:0px;border:none;background:none;}
.page-content-loader .upcoming-game-body .upcoming-game-col.upcoming-game-timer .countdown-card .skeleton{width:70px;min-height:20px;}
.page-content-loader .upcoming-game-body .upcoming-game-info{opacity:1;}
.page-content-loader .upcoming-game-body .upcoming-game-info .tm-figure .skeleton{height:var(--icon-size);}
.page-content-loader .upcoming-game-body .upcoming-game-info .tm-figure{border:none;}
.page-content-loader .upcoming-game-body .upcoming-game-info .up-tm-block .vs-at .skeleton{min-width:20px;width:20px;}

/* User Score Cards*/
.page-content-loader .user-score-block .user-score-points{display:flex;justify-content:center;}
.page-content-loader .user-score-block .user-score-label{display:flex;justify-content:center;}
.page-content-loader .user-score-block .user-score-points .skeleton{height:24px;max-width:40px;}
.page-content-loader .user-score-block .user-score-label .skeleton{height:20px;max-width:100px;}
.page-content-loader .user-score-card{background:var(--skeleton-bg);border:none;}

/* Button Bar */
.page-content-loader .home-button-bar .skeleton{min-height:42px;}

/* My Picks */
.page-content-loader .swipe-score-block .skeleton{min-height:84px;}
.page-content-loader .reveal-pack-data{padding:20% 0px;display:flex;justify-content:center;}
.page-content-loader .reveal-pack-data .skeleton{min-height:100%;min-width:300px;}
.page-content-loader .picks-button-bar .skeleton{min-height:42px;}

/* My Picks Review*/
.page-content-loader .selected-team-card{background:var(--skeleton-bg);border:none;}
.page-content-loader .selected-team-card .selected-team-label .skeleton{min-height:24px;width:70px;}
.page-content-loader .selected-team-card .selected-team-label .skeleton{min-height:24px;width:70px;}
.page-content-loader .selected-team-card .selected-team-name{margin:0px;padding:0px;}
.page-content-loader .selected-team-card .selected-team-name .skeleton{min-height:24px;width:120px;}
.page-content-loader .selected-team-card .selected-team-flag .skeleton{aspect-ratio:1;}
.page-content-loader .title-label .skeleton{min-height:24px;width:120px;}

.page-content-loader .result-table-wrap .table-wcard{background:var(--skeleton-bg);border:none;}
.page-content-loader .result-table-wrap .table-wcard .skeleton{min-width:auto;}
.page-content-loader .result-table-wrap .table-wcard .pack-td{max-width:42px;width:42px;}
.page-content-loader .pack-figure .skeleton{aspect-ratio:1 / 1.2;min-width:100%;}
.page-content-loader .day-label .skeleton{min-width:100%;}
.page-content-loader .view-more .skeleton{min-height:42px;}
.page-content-loader .game-banner-figure{border:none;}
.page-content-loader .game-banner-figure .skeleton{min-height:64px;}
.page-content-loader .result-table-wrap .base-table tbody tr{border-color:rgba(255, 255, 255, 0.2);}

/* Leaderboard */
.page-content-loader .sticky-view-button{background:var(--skeleton-bg);border:none;}
.page-content-loader .leader-table-wrap .table-wcard{background:var(--skeleton-bg);border:none;}
.page-content-loader .leader-table-wrap .base-table thead tr th{background:var(--skeleton-bg);}
.page-content-loader .leader-table-wrap .base-table tbody tr.selected td{background:var(--skeleton-bg);}
.page-content-loader .team-bar .tm-figure{border:none;}
.page-content-loader .team-bar .tm-figure .skeleton{aspect-ratio:1;}

/* FAQ */
.page-content-loader .faq-title{background:var(--skeleton-bg);}
.page-content-loader .faq-title span{padding-right:10px;}
.page-content-loader .faq-title span .skeleton{min-height:24px;}
.page-content-loader .faq-title span.image-icon{padding:0px;}
.page-content-loader .faq-title span.image-icon .skeleton{min-height:14px;}
.page-content-loader .faq-title .image-icon .skeleton{min-width:100%;}
.page-content-loader .faq-content{background:var(--skeleton-bg);}
.page-content-loader .faq-content .wcard p{margin-bottom:4px;float:left;width:100%;}
.page-content-loader .faq-content .wcard p:last-child{margin:0px;}


/* ########################### Responsive CSS ########################### */
@media (orientation:landscape){
	.mob-item{display:none;}
/* Common */
	.container{max-width:64vmin;}
	.button-bar{padding:0.8vmin 0px;}
	.button-bar-outer{gap:0.6vmin;}
	.btn{padding:0px 0.8vmin;font-size:1.8vmin;height:4.4vmin;border-radius:0.4vmin;}
	.btn .btn-text{padding-top:0.2vmin;}
	.close-link{width:4vmin;margin-top:1.4vmin;}

/* Page Header */
	.page-header-inner{margin:2.8vmin 0px;}
	.title-label{font-size:2vmin;}
	
/* View More */	
	.view-more{padding:1.2vmin 0px 0px;}
	.view-more a{font-size:1.5vmin;}
	
/* Header */
	.header-inner{height:4.4vmin;border-width:0.1vmin;}
	.back-icon{width:4vmin;padding:0px 1.6vmin 0px 0.4vmin;height:4vmin;}
	.nav-list li a{padding:0px 1vmin;font-size:1.3vmin;line-height:4.4vmin;}
	.nav-list li.active a:after{border-width:0.3vmin;}
	.action-item .logout-btn{height:3vmin;line-height:3.4vmin;}

/* Footer */
	.brand-footer{padding:0.8vmin 0px;}
	.footer-brand{gap:0.4vmin;}
	.brand-label{font-size:1.3vmin;}
	.powered-figure-block{gap:0.4vmin;}
	.pp-figure{width:7.6vmin;}
	.gtg-figure{max-width:12.4vmin;}

/* Home Screen CSS*/
	/* Logo Block */
	.logo-block{margin:3vmin 0px 0px;}
	.brand-logo{max-width:36vmin;}
	
	/* Cash Prize Block */
	.cash-prize-block{--skew:2vmin;--rotate:-3deg;}
	.cash-prize-outer{padding:4.5vmin 0px 2.5vmin;}
	.cash-prize-inner{padding:1.6vmin 0px;}
	.cash-prize-title{text-shadow:0px 0.3vmin 0px rgba(19, 70, 51, 0.83);}
	.tournament-text{font-size:2.8vmin;margin-bottom:0.6vmin;}
	.grab-text{font-size:2.2vmin;margin-top:0.4vmin;}
	.cash-prize-card{padding:1.4vmin 0.4vmin 1vmin;}
	.cash-heading{font-size:5.3vmin;margin-top:0.6vmin;text-shadow:0px 0.3vmin 0px rgba(19, 70, 51, 0.83);}
	.cash-value{font-size:2.8vmin;}

	/* Match Card Block */
	.match-card-inner{padding:1.4vmin 1.2vmin;border-width:0.1vmin;border-radius:0.8vmin;}
	.match-card-badge .match-info-bar{padding-top:0.6vmin;}
	.col-tm{width:calc(50% - 7.2vmin);}
	.tm-bar{--icon-size:3vmin;--icon-gap:0.8vmin;}
	.tm-bar .tm-name{font-size:1.6vmin;}
	.vs-at{font-size:1.4vmin;padding-top:0.4vmin;}
	.col-tm-vs{width:3.6vmin;}
	.match-info-timer{margin-top:1.4vmin;}
	.match-time-label{margin-bottom:0.8vmin;}
	.match-time-label span{font-size:1.6vmin;padding:0px 0.6vmin;}
	.match-time-label span:before,
	.match-time-label span:after{height:0.1vmin;max-width:11vmin;}

	.match-counter-bar{gap:2vmin;}
	.match-counter-col:before, .match-counter-col:after{height:0.6vmin;width:0.6vmin;right:-1.2vmin;}
	.match-counter-col:before{top:calc(50% - 1vmin);}
	.match-counter-col:after{top:calc(50% + 0.2vmin);}
	.countdown-block{padding:0.8vmin 0px;border-radius:0.6vmin;border-width:0.1vmin;gap:0.2vmin;min-width:6vmin;}
	.co-number{font-size:1.6vmin;}
	.co-label{font-size:1.4vmin;}

	.home-button-bar .button-bar-outer{gap:0.6vmin;}
	
/* My Picks Screen*/
	.selected-team-block{margin:2.4vmin 0px 1vmin;}
	.selected-team-card{border-radius:1vmin;padding:0.8vmin;}

	.swipe-info-block{min-height:12.4vmin;padding:0px 1.2vmin;}
	.swipe-reveal-text{font-size:2.6vmin;}

	.reveal-team-label-block{gap:1.6vmin;}
	.reveal-team-label{padding:1.4vmin 1.6vmin 1vmin;border-radius:0.4vmin;font-size:2.1vmin;min-width:20vmin;}
	.reveal-team-name{font-size:3vmin;margin-bottom:1vmin;}
	.reveal-figure.circle-figure img{border-width:0.4vmin;}
	.reveal-figure{max-width:24vmin;}
	.reveal-figure.circle-figure{max-width:20vmin;margin:1vmin 0px 2vmin;}
	
	.pack-cash-data .reveal-figure.circle-figure{max-width:16vmin;margin:0px;}
	.pack-cash-data .reveal-figure{max-width:20vmin;}
	.reveal-team-data{margin-top:2vmin}
	
	.reveal-team-goals{font-size:1.6vmin;padding:0px 1vmin;}
	.reveal-team-opponent{margin-top:0.6vmin;}
	.tm-vs, .reveal-team-opponent .tm-name{font-size:1.4vmin;}
	.cash-rewards-text{font-size:1.7vmin;margin-bottom:1vmin;}
	.cash-rewards-prize{font-size:5vmin;text-shadow:0.2vmin 0.4vmin 0px rgba(0, 0, 0, 0.67);}
	
	/* Result Table */
	.selected-team-bar{gap:1vmin;}
	.selected-team-label{font-size:1.6vmin;}
	.selected-team-detail{gap:0.8vmin;}
	.selected-team-name{font-size:2.4vmin;margin-top:0.4vmin;}
	.selected-team-flag{width:6vmin;min-width:6vmin;}
	.team-flag-figure img{border-width:0.2vmin;}

	.table-card-title .title-label{font-size:1.8vmin;}
	.table-card-title{margin:1.6vmin 0px;}
	
	.result-table-wrap .table-wcard{border-width:0.2vmin;border-radius:1vmin;padding:0.8vmin;}
	.result-table-wrap .base-table thead tr th{padding-top:0.4vmin;font-size:1.2vmin;}
	.result-table-wrap .base-table tr th.date-td, .result-table-wrap .base-table tr td.date-td{width:10vmin;max-width:10vmin;font-size:1.3vmin;}
	.result-table-wrap .pack-figure{max-width:3vmin;}
	.pick-goals{font-size:1.3vmin;}
	.pick-bar{--icon-size:2vmin;--icon-gap:0.6vmin;}
	
/* Leaderboard Page */
	.base-table thead tr,
	.base-table tbody tr{border-width:0.1vmin;}
	.base-table thead tr th{font-size:1.2vmin;padding:1vmin 0.4vmin;}
	.base-table tbody tr td{font-size:1.4vmin;padding:1.1vmin 0.4vmin;line-height:2vmin;}
	.base-table tbody tr td .team-bar{--icon-size:3vmin;}
	
	.team-bar{--icon-size:2.6vmin;--icon-gap:0.6vmin;}
	.tm-figure{border-width:0.2vmin;}
	.points-td{width:8.2vmin;max-width:8.2vmin;}
	.sharein-td{width:8.2vmin;max-width:8.2vmin;}
	.sticky-view-button{height:6.8vmin;border-width:0.1vmin;padding:1.2vmin;}

/* FAQ Page */
	.faq-prizes-list > ul > li {margin-bottom:0.8vmin;border-radius:0.2vmin;}
	.faq-title{min-height:4vmin;padding:1.4vmin 2.6vmin 1vmin 1.2vmin;}
	.faq-title span{font-size:1.4vmin;letter-spacing:0.02vmin;}
	.faq-title .image-icon{width:1.6vmin;right:1vmin;}
	.faq-content .wcard{padding:1vmin 1.2vmin;}
	.faq-content p{font-size:1.4vmin;}
	
/* How to Modal */
	:root{--modalWidth:40vmin;--modalRadius:1.4vmin;}
	.modal-bg-head{margin-top:-0.12vmin;padding:3.2vmin 0.8vmin;}
	.modal-head-title{font-size:2.4vmin;}
	.how-to-warp{padding:2vmin;}
	.ht-content {gap:0.6vmin;}
	.htp-listing {gap:1.4vmin;}
	.htp-info-bar{gap:1vmin;}
	.htp-icon{width:1.8vmin;min-width:1.8vmin;margin-top:0.3vmin;}
	.htp-pre{font-size:1.6vmin;}
	.ht-image{padding:2vmin 2vmin 0px;}
	.image-block{border-radius:1vmin;border-width:0.2vmin;box-shadow:0px 0px 1.2vmin #479d5a inset;}

	.target-listing{gap:0.6vmin;padding-top:1.4vmin;}
	.target-info-bar{gap:2.4vmin;border-radius:1vmin;border:0.2vmin solid #479d5a;padding:0.8vmin 1.6vmin;}
	.target-icon{min-width:5vmin;width:5vmin;}
	.target-detail{margin-bottom:0.4vmin}
	.target-title{font-size:2vmin;margin-bottom:0.8vmin;}
	.target-pre{font-size:2vmin;}
	
	.ht-image-block{border-radius:1.2vmin;border-width:0.2vmin;padding:1.6vmin;margin-top:1.2vmin;}
	.ht-image-block .pack-figure-data-inner{gap:1vmin;}
	.ht-image-block .reveal-team-name{font-size:2.3vmin;margin-bottom:0.6vmin;}
	.ht-image-block .reveal-figure.circle-figure{max-width:12vmin;margin:0px;}
	.ht-image-block .reveal-figure.circle-figure:after{bottom:-0.5vmin;height:0.5vmin;filter:blur(0.2vmin);}
	.ht-image-block .reveal-team-goals{font-size:1.6vmin;}
	.ht-image-block .tm-vs, .ht-image-block .reveal-team-opponent .tm-name{font-size:1.4vmin;}
	.ht-image-block .cash-rewards-text{font-size:1.7vmin;margin-bottom:1vmin;}
	.ht-image-block .cash-rewards-prize{font-size:5vmin;}
	
	.ht-share-block{margin-bottom:1.6vmin;}
	.ht-share-label{font-size:2vmin;margin-bottom:0.6vmin;}
	.ht-share-price{font-size:3.6vmin;}
	.htp-title{font-size:1.4vmin;margin-bottom:0.3vmin;}
	.how-to-share .htp-pre{font-size:1.3vmin;}
	.bottom-image-block{max-width:9.6vmin;filter:drop-shadow(0px 0px 0.6vmin rgba(244, 179, 78, 0.6)) drop-shadow(0px 0px 0.8vmin rgba(244, 179, 78, 1));margin-bottom:-0.8vmin;}
	.howto-button-bar .button-bar-outer{gap:0.8vmin;}

	.ht-scoring-title{font-size:2.4vmin;margin-bottom:1.2vmin;}
	.ht-scoring-list{gap:0.6vmin;}
	.ht-scoring-item{gap:0.6vmin;border-radius:1vmin;border-width:0.2vmin;padding:1.2vmin;}
	.ht-scoring-col {gap:0.6vmin;}
	.ht-scoring-col .image-block{border-width:0.1vmin;max-width:3.8vmin;}
	.ht-scoring-col .image-title, .ht-score-label{font-size:1.7vmin;padding-top:0.4vmin;}
	.ht-scoring-inner{gap:1vmin;}
	.ht-score-point{font-size:2.4vmin;padding-top:0.4vmin;}
	.ht-score-label{min-width:7vmin;}
	
	.howto-boost-header{margin-bottom:1.2vmin;}
	.ht-boost-title{font-size:2.4vmin;}
	.ht-boost-subtitle{font-size:1.6vmin;margin-top:0.8vmin}
	.ht-boost-list{gap:0.6vmin;}
	.ht-boost-item{gap:0.6vmin;border-radius:1vmin;border-width:0.2vmin;padding:1.2vmin;}
	.ht-boost-icon{max-width:6.6vmin;}
	.ht-boost-inner{gap:4px;}
	.ht-boost-name{font-size:1.8vmin;}
	.ht-boost-desc{font-size:1.5vmin;}
	

/* Summary Modal */	
	.summary-info .modal-body{border-width:0.2vmin;}
	.summary-info .modal-head{padding:2vmin 0px 1.4vmin;}
	.grid-actions .actions-col.rewards-col{min-width:26vmin;background-size:13vmin auto;}
	.grid-actions.actions-row{grid-column-gap:0.5vmin;grid-row-gap:0.5vmin;}
	.actions-outer{padding:0px 1vmin 1.6vmin;}
	.actions-row{gap:0.6vmin;}
	.actions-col{border-radius:0.6vmin;padding:0.6vmin;min-width:10vmin;}
	.action-pack-text{margin:0px;}
	.action-pack-info{gap:0.4vmin;}
	.actions-head{padding:0.6vmin 0px;}
	.rewards-col .actions-title{margin-bottom:0.8vmin;}
	.actions-title{font-size:1.2vmin;}
	.action-point{font-size:2.6vmin;}
	.action-pack-icon{min-width:12vmin;width:12vmin;padding-right:1vmin;}
	.action-pack-icon .pack-figure{max-width:4.5vmin;}
	.action-pack-text span{font-size:1.8vmin;}
	.summary-targets-inner{padding:1vmin;}
	.summary-targets-head{margin-bottom:1vmin;}
	.targets-title{font-size:1.8vmin;}
	.targets-tiles-bar{--column-gap:2.4vmin;--row-gap:1.2vmin;}
	.tiles-figure .boost-icon{left:-0.2vmin;right:-0.2vmin;top:-0.2vmin;bottom:-0.2vmin;width:calc(100% + 0.4vmin);max-width:calc(100% + 0.4vmin);}
	.summary-button-bar{padding:1vmin;}
	.summary-button-bar .button-bar-outer{gap:0.8vmin;}
	.summary-button-bar .button-bar-outer .home-col{max-width:13vmin;}
	.actions-message-text{font-size:1.6vmin;padding-top:1.4vmin;}
	
/* Coming Soon Page*/
	.coming-soon-figure{max-width:70vmin;}
	.coming-soon-title{margin:6vmin 0px;line-height:1em;}
	.coming-soon-title span{display:inline-block;}
	.coming-soon-title span,
	.coming-soon-title{font-size:7.1vmin;}
	.countdown-lg-box{margin-bottom:3vmin}
	.countdown-lg{grid-gap:1.4vmin;max-width:32vmin;}
	.count-col-lg .count-value{border-radius:0.4vmin;}
	.count-col-lg .count-value strong{font-size:4.8vmin;line-height:1.4em;}
	.count-col-lg .count-text{font-size:2.5vmin;margin-top:6px;}

/* Error Page Page*/
	.error-logo-wrap .brand-logo{max-width:54vmin;}
	.empty-title{font-size:4.2vmin;margin-bottom:1.4vmin;}
	.empty-pre{font-size:2vmin;margin:0.6vmin 0 0.4vmin;}
	
	/* Select Nation popup */
	.form-group{margin-bottom:1.6vmin;}
	.form-control{font-size:1.4vmin;height:4.4vmin;border-width:0.1vmin;padding:0 1.2vmin;border-radius:0.4vmin;}
	.addons-icon{top:0.1vmin;bottom:0.1vmin;left:0.1vmin;width:4vmin;border-top-left-radius:0.4vmin;border-bottom-left-radius:0.4vmin;}
	.search-figure{max-width:1.8vmin;}
	.prepend-addons .form-control{padding-left:4vmin;}
	.nation-search-box{margin-bottom:0.8vmin;padding:1.2vmin 1.2vmin 0px;}

	.nation-listing-card{padding:0px 1.2vmin 0px 0.8vmin;}
	.nation-listing-block{padding-right:0.8vmin;padding-left:0.4px;height:36dvh;}
	.nation-list-row{gap:1.2vmin;padding:0.4vmin 0px 1.2vmin;}
	.nation-item{width:calc(calc(100% / 3) - 0.8vmin);}

	.nation-item-card{padding:0.6vmin;border-radius:0.4vmin;box-shadow:0px 0px 0.6vmin 0px rgba(0, 0, 0, 0.25);}
	.nation-figure{height:6vmin;width:6vmin;border-width:0.1vmin}
	.nation-item-content{margin-top:0.4vmin;}
	.nation-item-label{font-size:1.4vmin;}
	.nation-button-bar.button-bar{padding:1.2vmin;box-shadow:0px -0.4vmin 0.6vmin 0px rgba(0, 0, 0, 0.25);}
	.selection-message-block{margin:0px 0px 0.8vmin 0px;}
	.selection-message-label{font-size:1.4vmin;}
	
	/* Played Text */ 
	.played-text-block {border-radius:0.6vmin;border-width:0.1vmin;padding:1.4vmin 1vmin 1vmin;margin-bottom:0.8vmin;}
	.played-text {font-size:1.6vmin;}
}
@media (min-width:1025px) and (orientation:landscape){
	.htp-pre{font-size:16px;line-height:1.25em;}
}

@media (orientation:portrait){
	.desk-item{display:none;}
}

@media (min-width:640px) and (max-width:1024px) and (orientation:portrait){
	.cash-prize-outer{padding:20px 0px;}
	.logo-block{margin:20px 0px 0px;}
	.brand-logo{max-width:324px;}
	
	.cash-banner-outer{padding:0px 2vmin}
	.cash-banner-card {max-width:48vmin;}
	.cash-label{font-size:1.8vmin;margin-bottom:0.9vmin;}
	.cash-label-price{font-size:3.6vmin;}
	.cash-pre-text{font-size:1.5vmin;}
}
@media screen and (max-width:991px) and (orientation:portrait){
	/* Home Screen */
	.navigation-inner{padding-left:12px;padding-right:12px;}
	.cash-prize-block{padding-left:12px;padding-right:12px;}
	.home-card-outer .button-bar{padding-left:12px;padding-right:12px;}
	.home-card-outer .match-card-block{padding-left:12px;padding-right:12px;}
	
	/* Leaderboard */
	.leaderboard-block{padding-left:12px;padding-right:12px;}
	.page-title{padding-left:12px;padding-right:12px;}
	.view-more{padding-left:12px;padding-right:12px;}

	/* My Picks */
	.mypicks-card-outer .button-bar{padding-left:12px;padding-right:12px;}

	.result-card-outer .mypicks-outer{padding-left:12px;padding-right:12px;}
	.result-card-outer .mypicks-outer .view-more{padding-left:0px;padding-right:0px;}
	
	/* FAQ */	
	.faq-card-outer .faq-block{padding-left:12px;padding-right:12px;}
}
@media screen and (max-width:480px){
	:root{
		--main-bg:url(../images/main-mobile-bg.jpg);
		--home-bg:url(../images/home-mobile-bg.jpg);
	}
	.home-button-bar .button-bar-outer .btn{height:42px;}
	.home-wrap .brand-footer{padding-top:0px;}
	
	.modal-bg-head{padding:24px 0px;}
	
	/* Navigation */
	.navigation-inner{padding-left:8px;padding-right:8px;}
	.back-icon{width:30px;padding:0px 10px 0px 0px;}
	.nav-list li a{padding:0 8px;font-size:12px;}
	.action-item .logout-btn{line-height:30px;height:28px;}

	/* Leaderboard */
	.leaderboard-block{padding-left:0px;padding-right:0px;}
}
@media screen and (max-width:430px){
	/* Home */
	.logo-block{margin:20px 0px 0px;}
	.brand-logo{max-width:284px;}
	
	.cash-prize-outer{padding:32px 0px 6px;}
	.cash-prize-card{padding:18px 4px 12px;}
	.tournament-text{font-size:24px;}
	.cash-heading{font-size:40px;margin:0px;}
	.grab-text{font-size:19px;}
	.cash-value{font-size:21px;margin-bottom:2px;}
	
	.match-card-badge .match-info-bar{padding-top:6px;}
	.match-card-inner{padding:10px 12px;}
	.match-info-timer{margin-top:10px;}
}
@media screen and (max-width:414px){
	/* Home */
	.cash-prize-outer{padding:22px 0px 0px;}
}
@media screen and (max-width:412px){
}
@media screen and (max-width:393px){
	.logo-block{margin:10px 0px 0px;}
	.brand-logo{max-width:244px;}
}
@media screen and (max-width:390px){
	.nav-list li a{padding:0 6px;}
	/* Home */

}
@media screen and (max-width:376px){
	/* Home */
	.logo-block{margin:10px 0px 0px;}
	.brand-logo{max-width:204px;}
	.match-card-inner{padding:10px 12px;}
	.match-info-timer{margin-top:10px;}
	.countdown-block {padding:5px 0px;gap:0px;}
	.co-number{font-size:13px;}
	.co-label{font-size:11px;}
	
	.anim-figure{top:-4%;left:-2%;right:-2%;bottom:-2%;height:108%;width:104%;}
}
@media screen and (max-width:361px){
	/* Home */
	.logo-block{margin:10px 0px 0px;}
	.brand-logo{max-width:204px;}	
	
	.cash-prize-outer{padding:32px 0px 6px;}
	.cash-prize-card{padding:18px 4px 12px;}
	.tournament-text{font-size:21px;}
	.cash-heading{font-size:36px;}
	.grab-text{font-size:17px;}	
	.match-info-bar .tm-bar .tm-name{font-size:13px;padding-top:3px;line-height:1.1em;}
	
	/* Header */
	.nav-list li a{font-size:11px;}
	
	.reveal-team-goals{font-size:15px;}
	.anim-figure{top:-2%;left:-2%;right:-2%;bottom:-2%;height:104%;width:104%;}
	.cash-rewards-prize{font-size:5.5vmax;text-shadow:2px 4px 0px rgba(0, 0, 0, 0.67);}
	.reveal-team-opponent .tm-name span{display:inline-block;max-width:120px;}
}
@media screen and (max-width:344px){
	/* .cash-prize-outer{padding:14px 0px 0px;} */
}
@media screen and (max-width:340px){
	.nav-list li a{padding:0px 3px;font-size:11px;}
	.match-info-bar .tm-bar .tm-name{font-size:11px;padding-top:3px;}
	.cash-prize-outer{padding:4px 0px 0px;}
	.home-button-bar .button-bar-outer .btn{height:36px;font-size:16px;}
	
	.reveal-pack-data{left:1vmin;}
	.reveal-team-opponent .team-bar{--icon-size:20px;--icon-gap:4px;}
	.match-time-label span:before, .match-time-label span:after{max-width:70px;}
}

/* MY Picks Video Animation CSS Start*/
@media (orientation:landscape) {
/* New Reveal Cars */
	.reveal-team-bar-block{padding:0px 2vmin;}
	.reveal-tm-block{padding-bottom:1.6vmin;border-bottom:0.01vmin solid rgba(0, 0, 0, 0.2);}
	.reveal-col-tm .tm-bar{--icon-size:4vmin;--icon-gap:0.8vmin;}
	.reveal-col-tm .tm-bar .tm-name{font-size:2vmin;padding-top:0.3vmin;}
	.reveal-col-tm-vs .vs-at{font-size:1.6vmin;}
	.reveal-score-block{padding:0px 2vmin;}
	.reveal-score-label-text{font-size:2.4vmin;}
	.super-figure{max-width:11.4vmin;filter:drop-shadow(0px 0.2vmin 0.4vmin rgba(0, 0, 0, 0.35));}
	.super-text-block{margin-top:1.2vmin;}
	.super-label-block{font-size:2vmin;}
}

/* All Mobile Portrait Device */
@media (max-width:1024px) and (orientation:portrait){
	.mypicks-wrap .header{position:absolute;top:0px;}
	.mypicks-wrap .mid-wrapper{margin-top:5vmax;}
	
	.swipe-info-block{min-height:14vmax;align-items:end;padding:0px 2vmax;}
	.swipe-reveal-text{font-size:3vmax;}
	.reveal-pack-data .pack-figure-data-inner{padding:10dvh 0px 12dvh;gap:1.6vmax;}
	.reveal-pack-data .pack-figure-data-inner .super-block{margin-top:-1vmax;}
	
	.anim-box-in{width:28dvh;height:63dvh;}
	.pack-team-block{margin-top:0vmax;}
	.reveal-team-label-block{gap:1vmax;}
	.reveal-team-label{padding:1vmax 2vmax 0.8vmax;font-size:2.3vmax;min-width:18vmax;}
	.reveal-team-name{font-size:3vmax;margin-bottom:0.9vmax;}
	.reveal-figure.circle-figure{max-width:17vmax;margin:3vmax 0px;}
	.reveal-figure.circle-figure img{border-width:0.3vmax;}
	.pack-cash-data .reveal-figure.circle-figure{max-width:14vmax;}
	.reveal-team-data{margin-top:1.5vmax;}
	.pack-cash-rewards{margin-top:1vmax;}
	.cash-rewards-text{font-size:1.8vmax;margin-bottom:1vmax;}
	.cash-rewards-prize{font-size:4.5vmax;text-shadow:0.2vmax 0.4vmax 0px rgba(0, 0, 0, 0.67)2;}
	
/* New Reveal Cars */
	.reveal-team-bar-block{padding:0px 1vmax;}
	.reveal-tm-block{padding-bottom:1.6vmax;}
	.reveal-col-tm .tm-bar{--icon-size:4.5vmax;--icon-gap:0.8vmax;}
	.reveal-col-tm .tm-bar .tm-name{font-size:2.2vmax;padding-top:0.45vmax;}
	.reveal-col-tm-vs .vs-at{font-size:2vmax;}

	.reveal-score-label-text{font-size:2.5vmax;padding-top:1vmin;line-height: 1.1em;}
	.super-figure{max-width:12vmax;filter:drop-shadow(0px 3vmax 6vmax rgba(0, 0, 0, 0.35));}
	.super-text-block{margin-top:0.9vmax;;}
	.super-label-block{font-size:2vmax;}
}

@media screen and (max-width:340px){
	.reveal-team-goals{font-size:14px;}
	.reveal-pack-data .pack-figure-data-inner{padding:13dvh 0px 10dvh;}
}

/*All Mobile Landscape Device */
@media (max-width:991px) and (orientation:landscape){
	.reveal-team-label-block{gap:1.6vmin;}
	.reveal-team-label{padding:1.2vmin 1.6vmin 0.8vmin;border-radius:0.3vmin;font-size:2.2vmin;min-width:20vmin;}
	.reveal-team-name{font-size:2.8vmin;margin-bottom:0.6vmin;}
	.reveal-figure{max-width:24vmin;}
	.pack-cash-data .reveal-figure{max-width:16vmin;}
	.reveal-figure.circle-figure{max-width:18vmin;margin:2vmin 0px;}
	.pack-cash-data .reveal-figure.circle-figure{max-width:14vmin;margin:0px;}

	.reveal-team-goals{font-size:1.6vmin;}
	.reveal-team-opponent{margin-top:0.6vmin;}
	.tm-vs, .reveal-team-opponent .tm-name{font-size:1.4vmin;}
	.cash-rewards-text{font-size:1.7vmin;margin-bottom:1vmin;}
	.cash-rewards-prize{font-size:5vmin;text-shadow:0.2vmin 0.4vmin 0px rgba(0, 0, 0, 0.67);}
	/* .anim-box-in{height:50vmin;} */
	.reveal-figure.circle-figure img{border-width:0.2vmin;}
	.team-bar{--icon-size:3vmin;}
	.reveal-team-data{margin-top:1.2vmin;}
	
	/* Footer */
	.brand-footer{padding:1vmin 0px;}
	.footer-brand{gap:0.5vmin;}
	.brand-label{font-size:1.8vmin;}
	.powered-figure-block{gap:0.4vmin;}
	.pp-figure{width:10vmin;}
	.gtg-figure{max-width:16.2vmin;}	
}
/* MY Picks Animation CSS End*/