@font-face {
    font-family: 'DunbarTall-Light';
    src: url('../webfonts/DunbarTall-Light.eot');
    src: url('../webfonts/DunbarTall-Light.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DunbarTall-Light.woff2') format('woff2'),
        url('../webfonts/DunbarTall-Light.woff') format('woff'),
        url('../webfonts/DunbarTall-Light.ttf') format('truetype'),
        url('../webfonts/DunbarTall-Light.svg#DunbarTall-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DunbarTall-Regular';
    src: url('../webfonts/DunbarTall-Regular.eot');
    src: url('../webfonts/DunbarTall-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DunbarTall-Regular.woff2') format('woff2'),
        url('../webfonts/DunbarTall-Regular.woff') format('woff'),
        url('../webfonts/DunbarTall-Regular.ttf') format('truetype'),
        url('../webfonts/DunbarTall-Regular.svg#DunbarTall-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DunbarTall-Medium';
    src: url('../webfonts/DunbarTall-Medium.eot');
    src: url('../webfonts/DunbarTall-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DunbarTall-Medium.woff2') format('woff2'),
        url('../webfonts/DunbarTall-Medium.woff') format('woff'),
        url('../webfonts/DunbarTall-Medium.ttf') format('truetype'),
        url('../webfonts/DunbarTall-Medium.svg#DunbarTall-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DunbarTall-Bold';
    src: url('../webfonts/DunbarTall-Bold.eot');
    src: url('../webfonts/DunbarTall-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DunbarTall-Bold.woff2') format('woff2'),
        url('../webfonts/DunbarTall-Bold.woff') format('woff'),
        url('../webfonts/DunbarTall-Bold.ttf') format('truetype'),
        url('../webfonts/DunbarTall-Bold.svg#DunbarTall-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DunbarTall-ExBold';
    src: url('../webfonts/DunbarTall-ExtraBold.eot');
    src: url('../webfonts/DunbarTall-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DunbarTall-ExtraBold.woff2') format('woff2'),
        url('../webfonts/DunbarTall-ExtraBold.woff') format('woff'),
        url('../webfonts/DunbarTall-ExtraBold.ttf') format('truetype'),
        url('../webfonts/DunbarTall-ExtraBold.svg#DunbarTall-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DunbarTall-Ultra';
    src: url('../webfonts/DunbarTall-Ultra.eot');
    src: url('../webfonts/DunbarTall-Ultra.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DunbarTall-Ultra.woff2') format('woff2'),
        url('../webfonts/DunbarTall-Ultra.woff') format('woff'),
        url('../webfonts/DunbarTall-Ultra.ttf') format('truetype'),
        url('../webfonts/DunbarTall-Ultra.svg#DunbarTall-Ultra') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DunbarText';
    src: url('../webfonts/DunbarText-Regular.eot');
    src: url('../webfonts/DunbarText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DunbarText-Regular.woff2') format('woff2'),
        url('../webfonts/DunbarText-Regular.woff') format('woff'),
        url('../webfonts/DunbarText-Regular.ttf') format('truetype'),
        url('../webfonts/DunbarText-Regular.svg#DunbarText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BAFranknatan';
    src: url('../webfonts/BAFranknatanRegular.eot');
    src: url('../webfonts/BAFranknatanRegular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/BAFranknatanRegular.woff2') format('woff2'),
        url('../webfonts/BAFranknatanRegular.woff') format('woff'),
        url('../webfonts/BAFranknatanRegular.ttf') format('truetype'),
        url('../webfonts/BAFranknatanRegular.svg#BAFranknatanRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BAFranknatanBold';
    src: url('../webfonts/BAFranknatanBold.eot');
    src: url('../webfonts/BAFranknatanBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/BAFranknatanBold.woff2') format('woff2'),
        url('../webfonts/BAFranknatanBold.woff') format('woff'),
        url('../webfonts/BAFranknatanBold.ttf') format('truetype'),
        url('../webfonts/BAFranknatanBold.svg#BAFranknatanBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BAFranknatanExtraBold';
    src: url('../webfonts/BAFranknatan-ExtraBold.eot');
    src: url('../webfonts/BAFranknatan-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/BAFranknatan-ExtraBold.woff2') format('woff2'),
        url('../webfonts/BAFranknatan-ExtraBold.woff') format('woff'),
        url('../webfonts/BAFranknatan-ExtraBold.ttf') format('truetype'),
        url('../webfonts/BAFranknatan-ExtraBold.svg#BAFranknatan-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Hebrew';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('../webfonts/nato-sans/NotoSansHebrew-VariableFont_wdth,wght.ttf'),
    url('../webfonts/nato-sans/NotoSansHebrew-Bold.ttf') format('woff2');
}
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { line-height: 1; margin: 0; padding: 0; font-family: 'DunbarTall-Regular'; color: var(--primary-lightblue); background-attachment: fixed; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: middle; background: transparent;text-decoration: none; }
change colours to suit your needs */ ins { background-color: var(--primary-yellow); color: var(--black); text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: var(--primary-yellow); color: var(--black); font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid var(--secondary-gray); margin: 1em 0; padding: 0; }
::-webkit-input-placeholder { color: var(--secondary-gray); font-family: 'DunbarText'; font-size: 13px; }
::-moz-placeholder { color: var(--secondary-gray); font-family: 'DunbarText'; font-size: 13px; }
:-ms-input-placeholder { color: var(--secondary-gray); font-family: 'DunbarText'; font-size: 13px; }
:-moz-placeholder { color: var(--secondary-gray); font-family: 'DunbarText'; font-size: 13px; }
ul, li { font-family: 'DunbarTall-Light'; margin: 0; padding: 0; list-style: none; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }
.mt-4 { margin-top: 40px; }
input, select { vertical-align: middle; }
p { font-size: 18px; line-height: 26px; font-family: 'DunbarText'; font-weight: normal; }
h1 { font-size: 50px; line-height: 58px; margin: 0 0 20px 0; font-weight: normal; font-family: 'DunbarTall-Light'; }
h2 { font-size: 50px; color: var(--primary-yellow); font-weight: normal; font-family: 'DunbarTall-Light'; margin-bottom: 35px; line-height: 62px; }
h3 { font-size: 28px; color: var(--white); font-weight: normal; font-family: 'DunbarTall-Regular'; line-height: 38px; }
.overflow-hide {overflow: hidden;}
body { background: #392884; }
input[type="checkbox"], input[type="radio"] {cursor: pointer;}
.scrollbaar::-webkit-scrollbar, .inner-body-wrapper .content::-webkit-scrollbar { width: 11px; }
.scrollbaar::-webkit-scrollbar-track, .inner-body-wrapper .content::-webkit-scrollbar-track { border-radius: 11px; background: var(--black); }
.scrollbaar::-webkit-scrollbar-thumb, .inner-body-wrapper .content::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--primary-yellow); border: 2px solid var(--black); }
.raffle-inner-wrapper.scrollbaar::-webkit-scrollbar, .raffle-main-box::-webkit-scrollbar, .winner-items::-webkit-scrollbar { width: 0px; }
:root {
    --black: #000000;
    --white: #FFFFFF;
    --green: #008C38;
    --orange: #FF5C00;
    --red: #E80000;
    --primary-darkblue: #110F22;
    --primary-lightblue: #25255F;
    --primary-red: #EC297B;
    --primary-yellow: #F7FF00;
    --primary-gray: #D3D3D3;
    --secondary-gray: #A9A9A9;
    --secondary-blue: #382F83;
    --secondary-darkblue: #2D2A43;
    --secondary-yellow: #D7DC3C;
}
.you-win-popup-scroller{ overflow-y: auto; max-height: 600px; height: calc(100dvh - 150px); }
/*  
*                                                                      _^_
*                                                                     (_ _)
*                                                                     |_ _|
*                                                                     (   )
*                                                                      ) (
*                                                                      ) (
*                                                                  ___(   )___
*                                                      ___________[____|_|____]___________
*                                                     |___________________________________|
*                                                     [                                   ]
*                                                     [                _^_                ]
*                                                     [               {   }               ]
*                                                     {             {       }             }
*                                                     {           {  DREIDEL  }          }
*                                                      {            {       }           }
*                                                       {             {_ _}            }
*                                                         {                           }
*                                                           {                       }
*                                                             {                   }
*                                                               {_______________}
*                                                                  {_-_-^-_-_}
*
*                                           <===============>   <===============>   <===============>
*                                         <===============>      CUSTOM CSS HERE      <===============>
*                                           <===============>   <===============>   <===============>
*/
/*  <=============
 Container 
=============>  */ 
.main-wrapper { max-width: 100%; }
.container { max-width: 1360px; margin: 0 auto; padding: 0 10px; }
.game-instruction-wrapper .container, .contact-us-wrapper .container { padding: 0 20px;}
button.yellow-btn { border: initial; }
.yellow-btn { border-radius: 50px; background: var(--primary-yellow); color: var(--primary-red); align-items: center; justify-content: space-between; display: inline-flex; font-family: 'DunbarTall-Ultra'; font-size: 18px; line-height: 18px; padding: 5px 5px 5px 20px; gap: 20px; cursor: pointer; transition: all 0.5s ease; }
.yellow-btn span { width: 40px; height: 40px; background: var(--secondary-blue); border-radius: 100px; color: var(--white); text-align: center; font-family: 'DunbarText'; font-size: 35px; line-height: 18px; display: flex; align-items: center; justify-content: center; min-width: 40px; transition: all 0.5s ease;}
.yellow-btn-border { border-radius: 50px; background: transparent; color: var(--primary-yellow); align-items: center; justify-content: space-between; display: inline-flex; font-family: 'DunbarTall-Regular'; font-size: 18px; font-weight: 500; padding: 3px 3px 3px 20px; gap: 20px; cursor: pointer; border: 1px solid var(--primary-yellow); transition: all 0.5s ease; }
.yellow-btn-border span { width: 28px; height: 28px; background: var(--white); border-radius: 100px; color: var(--secondary-blue); text-align: center; font-family: 'DunbarText'; font-size: 25px; line-height: 18px; display: flex; align-items: center; justify-content: center; min-width: 28px; transition: all 0.5s ease;}
.spin-loader {font-size: 25px;}

/* Btn Hover */
.yellow-btn-border:hover { color: #fff; border-color: var( --primary-red); }
.yellow-btn:hover { background: var(--primary-red); color: var(--white); }
.yellow-btn:hover span, .yellow-btn-border:hover span { background: var(--primary-yellow); color: var(--primary-red); }
.yellow-btn:hover span.light-text.bt-text { background: none; color: #fff; }
.grecaptcha-badge{ opacity: 0!important; visibility: hidden !important; }
.yellow-btn:hover .bt-text span {color: #fff;}

.claim-yellow-btn { border: 1px solid #F7FF00; }
.claim-yellow-btn:hover { background: none; color: #F7FF00; border: 1px solid #F7FF00; }
.claim-yellow-btn:hover span { background: #fff; color: #382F83; }

/*  <=============
  Header
=============>  */ 
.navigation-section { display: flex; justify-content: space-between; align-items: center; }
.logo { padding: 8px 0; display: flex; align-items: center; }
.bonei-olam { margin: 0 0 0 17px; }
.Onco-fertility { margin: 0 0 0 9px; }
.header .logo img { transition: height 0.3s ease; }
.header .logo a:first-child img { height: 37px; }
.header .logo a:nth-child(2) img { height: 51px; }
.header .logo a:nth-child(3) img { height: 40px; }
.header.fixed .logo a:first-child img { height: 30px; }
.header.fixed .logo a:nth-child(2) img { height: 43px; }
.header.fixed .logo a:nth-child(3) img { height: 33px; }

/* .header .logo .logo-img { position: relative; margin-top: 5px; height: 38px; transition: all 0.5s ease; } */
/* .header.fixed img { height: 40px; }
.header.fixed .slide-icon img, .header .slide-icon img { height: auto; }
.header.fixed .logo .logo-img { height: 35px; } */
/* .fixed .logo { padding-top: 10px; } */

.main-nav-outer { display: inline-flex; align-items: center; }
.header { padding: 0px; display: block; background: var(--primary-red); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position: fixed; width: 100%; max-height: 69px; top: 0; left: 0; z-index: 99; transition: all .5s ease; }
.menu-title { color: #F7FF00; font-family: 'DunbarText'; font-size: 24px; font-weight: 400; line-height: normal; display: none; }
.header .nav { justify-content: flex-end; align-items: center; }
.header .nav { justify-content: flex-end; align-items: center; display: flex; margin-right: 0; flex-wrap: wrap; }
.nav-dropdown-menu { position: absolute; top: 69px; display: none; width: 100%; background: var(--primary-red); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 12px 0px; min-width: 137px; border-top: 3px solid #990644; opacity: 0; z-index: 1; }
.menu-align:hover .nav-dropdown-menu { opacity: 1; display: block; }
.fixed .nav-dropdown-menu { top: 60px; }
.header .nav li .nav-dropdown-menu a { padding: 14px 25px; }
.menu-align { position: relative; }
.menu-align i { position: absolute; top: 0; height: 100%; display: inline-flex; right: 0px; align-items: center; width: 17%; color: var(--white); cursor: pointer; transition: 0.2s all ease; justify-content: flex-end;}
.header .nav li a { color: var(--white); font-weight: 400; text-decoration: none; padding: 24px 20px; font-family: 'DunbarText'; font-size: 16px; transition: all .5s ease; position: relative; display: block; line-height: normal; }
.header.fixed .nav li a {padding: 20px 20px;}
.rounded_bubble { min-width: 30px; height: 21px; border-radius: 100px; margin: 0 -16px 0 4px; font-size: 16px; background: #FF0000; display: inline-flex; line-height: normal; text-align: center; border: 1px solid var(--primary-yellow); font-family: 'DunbarTall-Bold'; color: var(--white)!important; padding: 0px 5px; justify-content: center; align-items: center; }
.header .nav li a:hover { color: var(--primary-yellow); }
.header .nav li.current a { color: var(--primary-yellow); }

/*=*=*=*=*=* 
 Slide-icon
    *=*=*=*=*=*/
.slide-icon { padding: 16px 13px; cursor: pointer; display: none; min-height: 61px;align-items: center; }
.slide-icon.active { background: #262626; }
.slide-icon img { transform: rotateX(180deg); }
.slide-icon.active img { transform: rotateX(0deg); }
.top-head-slide { background: #262626; display: none; position: fixed; width: 100%; z-index: 9; top: 61px; max-height: 53px; }
.top-head-inner { padding: 10px 5px; display: flex; align-items: stretch; gap: 10px; justify-content: center; }
.top-inner-text { color: var(--white); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: 120%; display: flex; align-items: center; cursor: pointer; white-space: nowrap; flex-direction: column; border-radius: 20px; border: 1px solid #FFF; padding: 2px 9px; }
.inner-prize-content { color: #F7FF00; text-align: center; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family: 'DunbarTall-Ultra'; font-size: 10px; font-weight: 860; line-height: normal; margin-top: -1px; }
.inner-prize-content sup { font-size: 7px; }
.top-head-inner .yellow-btn span { width: 24px; height: 24px; font-size: 11px; line-height: 10.8px; min-width: 24px; }
.top-head-inner .yellow-btn { border: 1px solid var(--primary-red); gap: 5px; font-size: 10px; line-height: 120%; font-family: 'DunbarTall-Bold'; padding: 4px 5px 4px 12px; }

/* Mobile Prize section */
.mob-prize-section { display: none; top: 54px; z-index:9; position: relative;}
.mob-prize-section .prize-section { background: #392884; }
.mob-prize-section .prize-section-inner { gap: 0px; max-width: 420px; margin: 0 auto; }
.mob-prize-section .prize-list { display: flex; align-items: center; gap: 5px; min-height: 70px; flex: initial; padding: 4px 16px; position: relative; transition: all 1s ease; max-height: 70px; overflow: hidden; }
.mob-prize-section .prize-list:not(:first-child):before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; border-radius: 4px; background: linear-gradient(rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.00)); }
.mob-prize-section .prize-list.active { flex: 1; }
.mob-prize-section .prize-list .text-info { background: initial; font-size: 11px; opacity: 0; padding: 0; min-height: initial; transition: opacity 3s ease; min-width: 92px; max-width: 92px; }
.mob-prize-section .prize-list.active .text-info { opacity: 1; display: block; }
.mob-prize-section .prize-section .price-logo { width: 100%; height: 49px; max-width: 37px; min-width: 37px; }

/*=*=*=*=*=* 
 Toogle menu
    *=*=*=*=*=*/
#nav-icon1 { width: 21px; height: 15px; position: relative; margin: 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; }
#nav-icon1 span { display: block; position: absolute; height: 2px; width: 100%; background: var(--white); border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon1.open span { background: #999; }
#nav-icon1 span:nth-child(1) { top: 0px; }
#nav-icon1 span:nth-child(2) { top: 6px; }
#nav-icon1 span:nth-child(3) { top: 12px; }
#nav-icon1.open span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
#nav-icon1.open span:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.menu-icon { padding: 10px; background: none; display: inline-block; float: right; z-index: 4; position: relative; display: none; }

/*  <=============
  Banner 
=============>  */
.content-section { padding-top: 69px; }
.content-section .container-fluid { padding-top: 21px; }
.banner-inner { position: relative; height: calc(100vh - 90px); }
.panel-wrapper{display: flex ; justify-content: space-between;}
.banner-inner .left-panel, .banner-inner .right-panel { position: absolute; top: 0; width: 100%; top: 0; z-index: 1; }
.banner-inner .left-panel { left: 0; }
.banner-inner .right-panel { right: 0; }
.fixed .content-section {padding-top: 60px;}
/* .fixed .play-information, .fixed .purchase-content { height: calc(100vh - 134px);} */

/*=*=*=*=*=* 
 Left Panel
    *=*=*=*=*=*/
.banner-inner .left-panel { max-width: 240px; padding: 30px 0px; border-radius: 0px 20px 20px 0px; background: var(--primary-darkblue);}
.banner-inner .left-panel:after { content: ''; position: absolute; bottom: 0; left: 0; width: calc(100% - 11px); height: 144px; border-radius: 0px 0px 20px 0px; background: linear-gradient(180deg, rgba(17, 15, 34, 0.00) 0%, #110F22 41.72%); z-index: 2; }
.play-information { display: flex; align-items: center; flex-direction: column; gap: 30px; height: calc(100vh - 200px); overflow-x: hidden; overflow-y: auto; padding-left: 20px; padding-right: 10px; }
.spin-logo img { width: 100%; height: 100%; max-width: 113px; }
.left-btn-wrapper { position: relative; z-index: 3; padding: 0px 20px; }
.left-btn-wrapper .yellow-btn { font-family: 'DunbarText'; gap: 12px; padding-left: 13px; }
.left-btn-wrapper .yellow-btn span { font-size: 18px; }

/*---* Bullet listing *---*/
.description-section h1 { font-size: 16px; margin-bottom: 8px; color: var(--white); font-weight: 300; line-height: normal; }
.bullet-listing li:not(:last-child) { margin-bottom: 10px; }
.bullet-listing li { position: relative; padding: 0 0 0 14px; font-size: 18px; line-height: normal; font-family: 'DunbarTall-Bold'; }
.bullet-listing li span { width: 6px; height: 6px; display: block; font-family: 'DunbarTall-Regular'; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); }
.bullet-listing li P { font-size: 14px; font-weight: 400; }
.bullet-listing li:nth-child(2){ color: var(--primary-red); }
.bullet-listing li:nth-child(3){ color: var(--primary-yellow); }
.bullet-listing li:nth-child(4){ color: var(--white); }
.bullet-listing li:nth-child(2) span{ background: var(--primary-red); }
.bullet-listing li:nth-child(3) span{ background: var(--primary-yellow); }
.bullet-listing li:nth-child(4) span{ background: var(--white); }

/*---* Button *---*/
.full-instruction-btn { width: 100%; }
.full-instruction-btn .normal-btn:not(:last-child) { margin-bottom: 10px; }
.normal-btn { padding: 3px 4px 3px 15px; display: flex; justify-content: space-between; align-items: center; width: auto; text-decoration: none; color: var(--white); transition: all .3s ease; font-size: 18px; font-weight: 400; font-family: 'DunbarText'; border-radius: 50px; border: 1px solid var(--primary-red); background: linear-gradient(0deg, #7454FF 0%, #1F1762 100%) }
.normal-btn span { width: 32px; height: 32px; background: var(--primary-yellow); transition: all .3s ease; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; color: var(--primary-darkblue);transition: all 0.5s ease; }
.normal-btn:hover {background: var(--primary-red);color: var(--white);}
.normal-btn:hover span {background: var(--primary-yellow);color: var(--primary-red);}

/*---* Prize Section *---*/
.prize-section-inner { display: flex; align-items: flex-start; gap: 3px; }
.prize-section .prize-list a { text-decoration: none; }
.prize-section .prize-list a:hover .text-info { color: var(--primary-yellow); }
.prize-section .price-logo { width: 47px; height: 62px;}
.prize-section .price-logo img { width: 100%; height: 100%}
.prize-section {width: 100%;}
.prize-list { position: relative; cursor: pointer; flex: 1; }
.prize-list.active { z-index: 1; }
.text-inner { margin-top: -7px; position: relative; }
.prize-section .text-info { color: var(--white); font-family: 'DunbarText'; font-size: 15px; font-weight: 400; line-height: normal; display: none; border-radius: 0px 0px 5px 5px; background: var(--secondary-darkblue); padding: 16px 10px 10px; min-height: 64px;}
.prize-section .show .text-info {display: flex; align-items: center;}

/*---* Top Inner About *---*/
.left-panel .desc {margin-bottom: 70px;}
.about-us-sections h2 { font-family: 'DunbarTall-Bold'; margin-bottom: 24px; font-size: 24px; font-weight: 700; line-height: normal; }
.about-us-sections p { font-size: 13px; }
.about-us-sections a { font-size: 12px; }
.about-us-sections a i { padding-left: 5px; font-size: 17px; }
.about-us-sections p, .about-us-sections a { line-height: normal; color: var(--white); margin: 0 0 24px 0; font-weight: 400; }

/*=*=*=*=*=* 
 Right Panel
    *=*=*=*=*=*/
.banner-inner .right-panel { border-radius: 20px 0px 0px 20px; background: var(--primary-darkblue); max-width: 240px; padding-top: 30px; min-width: 240px; overflow: hidden; }
.purchase-btn { padding-left: 12px; padding-right: 12px; }
.purchase-btn .yellow-btn { border-radius: 50px; font-size: 16px; line-height: normal; padding: 5px 6px 5px 14px; gap: 5px; font-family: 'DunbarText'; display: flex; }
.purchase-btn span { font-size: 18px; }
.purchase-btn .yellow-btn:not(:last-child) { margin-bottom: 10px; font-family: 'DunbarTall-Ultra'; }
.purchase-content { display: flex; align-items: center; flex-direction: column; gap: 2px; }
.raffle-wrapper { width: 100%; position: relative; }
 
/*---* Mega Raffle  *---*/
.raffle-inner-wrapper { height: calc(100vh - 232px); overflow-x: hidden; overflow-y: auto; }
.raffle-inner-wrapper:after, .raffle-inner-wrapper:before { content: ''; position: absolute; left: 0; right: 0; width: 100%; margin: 0 auto; height: 50px; transition: all 0.3s ease; z-index: 10; }
.raffle-inner-wrapper:before { top: -2px; background: linear-gradient(180deg, #110F22 31%, rgb(45 42 67 / 0%) 100%); }
.raffle-inner-wrapper:after { bottom: 0px; border-radius: 0px 0px 0px 20px; background: linear-gradient(0deg, #110F22 31%, rgb(45 42 67 / 0%) 100%); height: 70px; }
.raffle-inner-wrapper .mega-raffle-wrapper {padding-top: 50px;}
/* .raffle-inner-wrapper .recent-win-wrapper {padding-bottom: 70px;} */
.mega-raffle-wrapper { margin-bottom: 10px; padding-left: 12px; padding-right: 12px; }
.card-head { border-radius: 14.043px 14.043px 0px 0px; background: var(--primary-red); padding: 9px 0; color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 18px; font-weight: 700; line-height: normal; height: 41px; }
.mega-raffle-container { padding: 5px 0px 23px; position: relative; background: linear-gradient(180deg, var(--secondary-darkblue) 0%, #D7D2FF 81.41%); }
.bg-layer { content: ''; position: absolute; height: 100%; width: 100%; left: 0; background-position: bottom; mix-blend-mode: darken; top: 0; }
.bg-layer video {width: 100%; height: 100%; object-fit: fill;}
.mobile-bg-video {display: none;}
.mega-raffle-inner{position: relative;}
.jackpot-img img { max-width: 156px; }
.tl-prize { color: var(--white); font-family: 'DunbarTall-Bold'; font-size: 14px; font-weight: 700; line-height: normal; }
.mega-raffle-wrapper .card-content { text-align: center; }
.total-price { color: var(--primary-yellow); text-align: center; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family: 'DunbarTall-Ultra'; font-size: 37px; font-weight: 860; line-height: normal; }
.total-price sup { font-size: x-large; padding-right: 2px; }
.total-entries-wrapper { border-radius: 50px; background: #110F22; padding: 2px 2px 3px; max-width: 180px; margin: 3px auto 24px; min-height: 37px; }
.total-entries { display: inline-flex; gap: 5px; align-items: center; border-bottom: 1px solid #fff; padding-bottom: 2px; }
.total-entries-wrapper .total-entry-text { color: #FFF; font-family: 'DunbarTall-Light'; font-size: 8px; font-weight: 350; line-height: normal; display: block; margin-top: 1px; }
.total-entries span { color: var(--white); font-family: 'DunbarTall-Bold'; font-size: 13px; font-weight: 700; line-height: normal; }
.total-entries b { color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 16px; font-weight: 700; line-height: 16.851px; }
.date-time-section { position: relative; }

/*---* Animate Progress  *---*/
.animate-progress-wrapper { border-top: 1px solid var(--white); border-bottom: 1px solid var(--white); background: rgba(255, 255, 255, 0.25); padding: 4px 0; }
.animate-progress { overflow: hidden; height: 13px; position: relative; background: var(--primary-yellow); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
.animate-progress:before, .animate-progress:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: 1; }
.animate-progress:before { background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 57.69%, rgba(255, 255, 255, 0.20) 100%); }
.animate-progress:after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 26.92%); }
.animate-progress-bar { height: 100%; background-image: linear-gradient(-45deg, rgba(215, 220, 60, 0.25) 25%, transparent 0, transparent 50%, rgba(215, 220, 60, 0.25) 0, rgba(215, 220, 60, 0.25) 75%, transparent 0, transparent); background-size: 14px 14px; position: relative; }
.progress-bar-inner:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(-45deg, rgba(3, 3, 3, 0.25) 25%, transparent 0, transparent 50%, rgba(3, 3, 3, 0.25) 0, rgba(3, 3, 3, 0.25) 75%, transparent 0, transparent); border-radius: 3px 0px 0px 3px; background-size: 14px 14px; z-index: 1; -webkit-animation: progressmove 0.8s linear infinite; animation: progressmove 0.8s linear infinite; }
.animation-progress { -webkit-animation: progressmove 0.8s linear infinite; animation: progressmove 0.8s linear infinite; }
.progress-bar-inner { position: absolute; left: 0; height: 100%; border-radius: 0px 3px 3px 0px; background: linear-gradient(90deg, #402E96 0%, #2A1E77 30%, #831659 50%, #831659 70%, var(--primary-red) 100%); top: 0; }
@-webkit-keyframes progressmove { 0% { background-position: 0 0; } to { background-position: 14px 0; } }
@keyframes progressmove { 0% { background-position: 0 0; } to {background-position: 14px 0; } }
.timer.green { background: var(--green)!important; }
.timer.green span { color: #F7FF00!important; }
.timer.green b { color: #fff!important; }
.timer { width: 37px; height: 28px; border-radius: 15px; border: 1px solid var(--white); background: #E83838; display: flex; align-items: center; justify-content: center; }
.timer span { color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 16px; font-weight: 860; line-height: normal; }
.timer b { color: var(--white); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: normal; }
.timers { display: flex; align-items: center; gap: 13px; padding: 0 10px; position: absolute; top: -3px; z-index: 9; }
.date-text span { padding-bottom: 10px; border-bottom: 1px solid rgb(255 255 255 / 30%); display: inline-block; }
.winner-title h3 { color: var(--white); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 14.043px; line-height: normal; }
.winner-section { padding: 15px 9px 10px; border-radius: 0px 0px 10px 10px; background: var(--secondary-darkblue); }
.winner-body { padding-bottom: 19px; }
.date-text { color: var(--white); text-align: center; font-family: 'DunbarTall-Regular'; font-size: 10.298px; font-weight: 400; line-height: normal; margin-bottom: 10px; }
.last-win { color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 31.83px; line-height: normal; }
.winner-name { color: var(--white); text-align: center; font-family: 'DunbarTall-Light'; font-size: 9.362px; line-height: normal; }

/*---* Recent Winner  *---*/
.right-panel .card-content {position: relative;}
.right-panel .recent-win-wrapper .card-content {padding-left: 12px; padding-right: 12px;}
.recent-win-wrapper .winner-list-section { height: calc(100vh - 819px); overflow-x: hidden; overflow-y: auto; min-height: 228px;margin-bottom: 2px;}
.recent-win-wrapper .winner-list-section:before { content: ''; position: absolute; left: 0; width: calc(100% - 21px); height: 0px; transition: all 0.3s ease; z-index: 1; }
.recent-win-wrapper .winner-list-section:before { top: 41px; height: 40px; border-radius: 20px 0px 0px 0px; background: linear-gradient(180deg, #110F22 31%, rgb(45 42 67 / 0%) 100%); }
.recent-win-wrapper .winner-list:first-child { margin-top: 40px; }
.recent-win-wrapper .winner-list:last-child { margin-bottom: 70px; }
.recent-win-wrapper .winner-list { padding: 10px 13px 13px; border-radius: 5px; background: var(--secondary-darkblue); margin-top: 4px; display: flex; align-items: center; gap: 11px; }
.winner-detail h3 { color: var(--primary-yellow); font-family: 'DunbarTall-Bold'; font-size: 14px; font-weight: 700; line-height: 16px;text-transform: capitalize; }
.update-view { color: var(--white); font-family: 'DunbarText'; font-size: 8px; font-weight: 400; line-height: 11px; }
.price-img { text-align: center; }
.price-inner-image { border-radius: 5px; border: 1px solid var(--white); background: var(--white); width: 47px; height: 47px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.price-img img { border-radius: 5px; width: 100%; height: 100%; object-fit: cover; }
.recent-win-wrapper .win-price + .price-inner-image { height: 37px; }
.win-price { color: var(--primary-red); text-align: center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--white); font-family: 'DunbarTall-Ultra'; font-size: 16px; line-height: normal; margin-bottom: -8px; position: relative; letter-spacing: -1px; }
.hrs_mob, .hrs_mins, .hrs_secs {display: none;}

/*=*=*=*=*=*
 Middle Panel
    *=*=*=*=*=*/
.middle-panel {margin: 0 auto;}
.object-3d-section { width: calc(100vw - 18px); height: calc(100vh - 249px); margin: 0 auto; }

/*=*=*=*=*=* 
 Bottom Panel 
    *=*=*=*=*=*/
.bottom-panel { background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); padding: 17px 0px 18px; position: absolute; bottom: 0; width: 100%; left: 0; overflow: hidden; }
.bottom-panel:before, .bottom-panel:after { content: ''; position: absolute; top: 0; width: calc(50% - 108px); height: 100%; }
.bottom-panel:before { background: linear-gradient(86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%);left: 0; }
.bottom-panel:after { background: linear-gradient(-86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%);right: 0; }
.bottom-overlayer { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 46px); background: linear-gradient(180deg, rgba(125, 13, 190, 0.00) 0%, #7D0DBE 100%); }
.inner-container { max-width: 908px; width: calc(100% - 510px); margin: 0 auto; display: flex; align-items: center; gap: 20px; position: relative; z-index: 1; }

/*---* Slider Sound *---*/
.play-content-inner { display: flex; align-items: center; gap: 16px;border-radius: 5px; background: rgba(45, 42, 67, 0.60); padding: 5px 16px; min-width: 318px; }
.play-sound { width: 36px; }
.play-sound .spin-title { display: none; }
.switch-btn { border-radius: 5px; background: var(--white); box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.25) inset; max-width: 24px; height: 54px; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; position: relative; }
.switch-label { position: relative; z-index: 2; float: left; cursor: pointer; color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Regular'; font-size: 11px; font-weight: 400; line-height: 24px; }
.switch-label:active { font-weight: bold; }
.switch-input { display: none; }
.switch-selection { position: absolute; z-index: 1; top: 0; left: 50%; display: block; width: 100%; height: 27px; border-radius: 4px; background: linear-gradient(180deg, var(--primary-red) 28.65%, #C10C4D 100%); box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.25); transition: transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03); transform: translate(-50%, 27px); min-width: 36px;}
.switch-label.switch-label-on { color: var(--black); }
.switch-input:checked  ~ .switch-btn .switch-selection { transform: translate(-50%, 0px) }
.switch-input:checked ~ .switch-btn .switch-label.switch-label-off { color: var(--black); font-family: 'DunbarTall-Regular'; }
.switch-label.switch-label-off { font-family: 'DunbarTall-Bold'; }
.switch-input:checked ~ .switch-btn .switch-label.switch-label-on { color: var(--primary-yellow); font-family: 'DunbarTall-Bold'; }
.switch-input:checked ~ .sound-on { color: var(--white); }
.switch-input:checked ~ .sound-off { color: rgba(255, 255, 255, 0.25); }
.sound-ico { text-align: center; font-size: 17px; }
.sound-ico.sound-on { margin-bottom: 8px; color: rgba(255, 255, 255, 0.25); }
.sound-ico.sound-off { color: var(--white); margin-top: 8px; }

/*---* Spin Available *---*/
.spins-available-wrapper { border-radius: 5px; background: rgba(255, 255, 255, 0.08); padding: 6px 10px; max-width: 104px; }
.spin-title { color: var(--white); text-align: center; font-family: 'DunbarTall-Light'; font-size: 10px; font-weight: 300; line-height: normal; }
.spin-count { color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 35px; font-weight: 860; line-height: normal; }
.available-top { position: relative; margin-bottom: 4px; }
.available-top:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--white); border-radius: 4px; }
.kids-prize { display: flex; align-items: center; gap: 5px; margin-top: 4px; cursor: pointer; }
.kids-prize .label-kids { color: rgba(255, 255, 255, 0.50); font-family: 'DunbarTall-Bold'; font-size: 10px; font-weight: 700; line-height: 10px; /* 100% */ }
.prize-field { display: inline-block; box-sizing: border-box; padding: 0px; max-width: 18px; min-width: 18px; width: 100%; height: 18px; float: none; position: relative; border-radius: 50px; appearance: none; vertical-align: middle; margin: 0px; }
.prize-field::before { content: '\f0c8'; font-family: 'Font Awesome 6 Pro'; font-weight: 300; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; color: var(--white); font-size: 18px; }
.prize-field:checked::before { content: '\f14a'; font-weight: 900; }
.kids-prize .prize-field:checked ~ .label-kids { color: var(--primary-yellow); }

/*---* Play Demo Spinner  *---*/
.spin-wrapper { position: relative; width: 100%; max-width: 197px; text-align: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;}
.outer-loader { aspect-ratio: 1; display: grid; color: #8d7958; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.inner-spin-block { display: block; aspect-ratio: 1 / 1; width: 100%; max-width: 112px; text-align: center; position: relative; min-width: 112px; }
.spin-wrapper .center { position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;border-radius: 50%;}
.spin-wrapper .center:before { background: radial-gradient(50% 50% at 50% 50%, #3a3165 86%, #161032 92%, #5B559B 98%, #393366 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; border-radius: 50%; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.spin-wrapper .center .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-radius: 50%; }
.spin-wrapper .center .circle:nth-child(1) { height: calc(112px - 10px); width: calc(112px - 10px); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); background: var(--primary-yellow); transition: background .4s ease; }
.spin-wrapper .center .text-content { height: calc(112px - 20px); width: calc(112px - 20px); display: flex; align-items: center; justify-content: center; text-transform: capitalize; color: var(--secondary-blue); font-family: 'DunbarTall-Ultra'; font-size: 40px; line-height: normal; z-index: 2; text-shadow: 0px 2px 5px #0000004a; -webkit-background-clip: text; -webkit-text-fill-color: var(--secondary-blue); -webkit-text-stroke: 1px; -webkit-text-stroke-color: var(--white); }
.spin-wrapper .center .text-content span { position: relative; font-size: 40px; }
.inner-loader { height: 100%; width: 100%; border: 11px solid #0074d900; border-top-color: var(--primary-yellow); border-radius: 50%; background-image: linear-gradient(var(--primary-yellow), var(--primary-yellow)), radial-gradient(circle at top left, var(--white), rgb(255 255 255 / 50%)); background-origin: border-box; background-clip: content-box, border-box;}
.inner-animation {height: calc(112px - 24px); width: calc(112px - 24px);}
.inner-loader::after { content: "\f0d7"; font-family: 'Font Awesome 6 Pro'; font-weight: 900; font-size: 39px; color: #EB2B7B; position: absolute; top: -4px; left: 8px; rotate: -135deg; transition: all 1s ease; }
/* .spin-wrapper.disabled .center .circle:nth-child(1) { animation-name: push_btn_circle; animation-duration: 1s; animation-iteration-count: 1; } */
.spin-move .inner-animation {animation: outer-loader-animate 4s infinite linear;}
@keyframes outer-loader-animate { 100% { transform: rotate(1turn) } }
/* @keyframes push_btn_circle { 
    0% { height: calc(112px - 12px); width: calc(112px - 12px); }
    50% { height: calc(112px - 16px); width: calc(112px - 16px); }
    100% { height: calc(112px - 10px); width: calc(112px - 10px); }
} */
.spin-wrapper .center:hover .circle:nth-child(1) { background: #EC297B; }
.spin-wrapper .center:hover .inner-loader { border: 11px solid #45678500; border-top-color: #EC297B; border-radius: 50%; background-image: linear-gradient(#EC297B, #EC297B), radial-gradient(circle at top left, #f7ff00, rgb(236 100 88 / 0%)); }
.spin-wrapper .center:hover .inner-loader::after { color: #fff; }
/* .winner-list-section-box{ display:none; } */

/*---* Winner Popup  *---*/
.recent-winner-view { position: absolute; right: 267px; bottom: 179px; z-index: 1; }
.recent-winner-view .winner-list { padding: 11px 10px 11px; gap: 12px; border-radius: 14px; background: rgba(45, 42, 67, 0.75); margin-top: 10px; min-width: 227px; display: flex; align-items: center; }
.recent-winner-view .win-price { font-size: 17px; }
.recent-winner-view .price-inner-image { width: 60px; height: 60px; }
.recent-winner-view .win-price + .price-inner-image { height: 47px; }

/*---* Play Game Wrapper  *---*/
.play-game-wrapper { width: calc(100% - 318px); }
.game-inner-body { border-radius: 5px; background: rgba(45, 42, 67, 0.60); padding: 10px; min-height: 124px; }
.results-info-wrapper, .waiting-sec .results-info-wrapper { display: none; }
.spinner-active .dreidel-info-inner, .waiting-sec .dreidel-info-inner { display: none; }
.spinner-active .results-info-wrapper { display: block; }

/*---* Play game head Box  *---*/
.play-game-head {display: none; min-height: 42px;}
.head-inner-box { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; color: var(--white); max-height: 42px; z-index: 9; position: relative; }
.opened .head-inner-box { background: initial; }
.play-game-title { color: var(--white); font-family: 'DunbarText'; font-size: 16px; font-weight: 400; line-height: normal; }
.play-game-title span { font-family: 'DunbarTall-Bold'; }
.play-game-head i {font-size: 18px; cursor: pointer;}

/*---* Default Box  *---*/
.dreidel-info-inner { display: flex; align-items: flex-start; gap: 10px; }
.dreidel-list { flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.dreidel-list .text-info { color: var(--white); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: normal; margin-top: 6px; }

/*
=====> SHOW RESULTS INFO <=====
        Steps Animate  
*/
.step-items-inner { display: flex; justify-content: center; align-items: center; padding: 3px; border-radius: 6px; border: 1px solid var(--white); background: rgba(255, 255, 255, 0.25); }
.inner-step { display: flex; flex-direction: row; align-items: center; flex: 1; position: relative; }
.inner-step:before, .inner-step:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: 1; }
.prize-step.inner-step:before, .prize-step.inner-step:after, .prize-step .move-bar { border-radius: 3px 0 0 3px; }
.final-step.inner-step:before, .final-step.inner-step:after, .final-step .move-bar  { border-radius: 0px 3px 3px 0px; }
.inner-step:before { background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 57.69%, rgba(255, 255, 255, 0.20) 100%); }
.inner-step:after  { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 26.92%); }
.step-item { display: flex; align-items: center; flex-shrink: 0; z-index: 2; position: absolute; left: -1px; }
.prize-step .step-item { left: 20px; }
.step-title { position: absolute; top: 50%; left: 38px; width: 100px; transition: color 0.3s cubic-bezier(0.65, 0, 0.35, 1), font-weight 0.3s cubic-bezier(0.65, 0, 0.35, 1); color: var(--primary-lightblue); font-family: 'DunbarTall-Bold'; font-size: 12px; font-weight: 400; line-height: 13px; transform: translate(0px, -50%); margin-top: -1px; }
.icon-box { background-color: #272534; color: var(--primary-yellow); border-radius: 50%; width: 30px; height: 30px; border: 2px solid var(--white); font-size: 16px; transition: background-color 0.3s cubic-bezier(0.65, 0, 0.35, 1), box-shadow 0.3s cubic-bezier(0.65, 0, 0.35, 1); display: flex; align-items: center; justify-content: center; }
.get-ready-section { display: none; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; padding: 23px 30px; border-radius: 5px; background: rgba(255, 255, 255, 0.08);max-height: 104px; min-height: 104px; }
.waiting-sec .get-ready-section { display: flex; }
.get-ready-section span { color: var(--white); font-family: 'DunbarTall-Bold'; font-size: 16px; font-weight: 700; line-height: normal; }
.get-ready-section p { color: var(--white); text-align: center; font-family: 'DunbarTall-Light'; font-size: 12px; font-weight: 350; line-height: normal; }
.step-bar-line { width: 100%; transition: background-color 0.3s; height: 13px; position: relative; background: var(--primary-yellow); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
.prize-step .step-bar-line { border-radius: 3px 0 0 3px; }
.final-step .step-bar-line { border-radius: 0px 3px 3px 0px; }
.step-bar-line:before { content: ""; display: block; width: 100%; height: 100%; transform: scale(0, 1); transform-origin: 0 50%; transition: background-color 0.3s, transform 0.3s cubic-bezier(0.65, 0, 0.35, 1); }

.spinning .prize-step .step-title,
.driedel-spinning .prize-step .step-title,
.driedel-spinning .dreidel-step .step-title,
.final-result .step-title { color: var(--primary-yellow); font-family: 'DunbarTall-Regular'; }

.shin .prize-step .icon-box, .driedel-spinning.shin .dreidel-step .icon-box, .final-result.shin .icon-box, .nun .prize-step .icon-box, .hey .prize-step .icon-box {background-color: #E83838;}

.driedel-spinning.nun .dreidel-step .icon-box, .final-result.nun .dreidel-step .icon-box, .final-result.nun .final-step .icon-box, 
.driedel-spinning.hey .dreidel-step .icon-box, .final-result.hey .dreidel-step .icon-box, .final-result.hey .final-step .icon-box,
.gimmel .prize-step .icon-box, .driedel-spinning.gimmel .dreidel-step .icon-box, .final-result.gimmel .icon-box {background-color: var(--green);}

.spinning .prize-step .step-bar-line:before,
.driedel-spinning .prize-step .step-bar-line:before,
.final-result .prize-step .step-bar-line:before { background: linear-gradient(90deg, #402e96 0%, #2a1e77 88%, #831659 105%); border-radius: 3px 0 0 3px; transform: scale(1, 1); }
.driedel-spinning .dreidel-step .step-bar-line:before,
.final-result .dreidel-step .step-bar-line:before { background: linear-gradient(90deg, #831659 50%, #831659 70%); transform: scale(1, 1); }
.final-result .final-step .step-bar-line:before { background: linear-gradient(90deg, #831659 10%, var(--primary-red) 100%); border-radius: 0px 3px 3px 0px; transform: scale(1, 1); }

.move-bar { height: 100%; background-size: 14px 14px; z-index: 1; position: absolute; width: 100%; top: 0; left: 0; -webkit-animation: progressMoveBar 0.8s linear infinite; animation: progressMoveBar 0.8s linear infinite; background-image: linear-gradient(-45deg, rgba(215, 220, 60, 0.25) 25%, transparent 0, transparent 50%, rgba(215, 220, 60, 0.25) 0, rgba(215, 220, 60, 0.25) 75%, transparent 0, transparent); }
.spinning .prize-step .step-bar-line .move-bar, .driedel-spinning .prize-step .step-bar-line .move-bar, .final-result .step-bar-line .move-bar {background-image: linear-gradient(-45deg, rgba(3, 3, 3, 0.25) 25%, transparent 0, transparent 50%, rgba(3, 3, 3, 0.25) 0, rgba(3, 3, 3, 0.25) 75%, transparent 0, transparent);}
@-webkit-keyframes progressMoveBar { 0% { background-position: 0 0; } to { background-position: 14px 0; } }
@keyframes progressMoveBar { 0% { background-position: 0 0; } to {background-position: 14px 0; } }

/*---* Results Wrapper Box *---*/
.results-box-wrapper { display: flex; align-items: flex-start; gap: 12px; padding-top: 10px; }
.results-box-inner { border-radius: 5px; background: rgba(255, 255, 255, 0.08); min-height: 73px; flex: 1; display: flex; align-items: center; justify-content: center; position: relative; }
.results-box-inner:nth-child(1) { max-width: 80px; }
.results-box-inner:nth-child(2) { min-width: 203px; }
.results-box-inner:nth-child(3) { max-width: 223px; }
.results-box-inner:nth-child(3) .results-inner-content {padding: 0 12px;}
.without_img::before {display: none;}
.no-prize { color: var(--white); text-align: center; font-family: 'DunbarText'; font-size: 14px; font-weight: 400; line-height: normal; padding: 10px; }
.results-inner-content { display: none; position: relative; z-index: 1; width: 100%;}
.prize-box .text-info {display: none;}
.empty-line { color: var(--white); text-align: center; font-family: 'DunbarText'; font-size: 14px; font-weight: 400; line-height: normal; max-width: 116px; position: relative; }
.results-box-wrapper .results-price {letter-spacing: -1px;}
.results-price { color: var(--primary-red); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 17px; font-weight: 860; line-height: normal; margin-bottom: -8px; position: relative; letter-spacing: -2.5px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--white); }
.spinning .prize-box .empty-line,
.driedel-spinning .prize-box .empty-line, .driedel-spinning .dreidel-box .empty-line,
.final-result .prize-box .empty-line, .final-result .dreidel-box .empty-line, .final-result .result-box .empty-line { display: none; }
.spinning .prize-box .results-inner-content,
.driedel-spinning .prize-box .results-inner-content, .driedel-spinning .dreidel-box .results-inner-content,
.final-result .prize-box .results-inner-content, .final-result .dreidel-box .results-inner-content, .final-result .result-box .results-inner-content { display: block; }

/*---* Result First Box  *---*/
.results-img .image-wrap { border-radius: 5px; border: 1px solid var(--white); background: var(--secondary-darkblue); display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; overflow: hidden; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center; }
.results-img .results-price + .image-wrap {height: 47px;width: 60px;margin-bottom: 9px;}

/*---* Result Center Box  *---*/
.results-inner-content .dreidel-list { flex-direction: row; padding: 0px 20px 7px 11px; gap: 12px; justify-content: flex-start; }
.results-inner-content .dreidel-list .text-info { font-size: 15px; margin-top: 2px; text-align: left;max-width: 124px;}
.dreidel-box .results-inner-content .dreidel-list .text-info { display: -webkit-box; height: 54px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/*---* Result Last Box  *---*/
.result-box:before { content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 6px); height: calc(100% - 6px); border-radius: 3.631px; border: 3.631px solid var(--primary-yellow); background: radial-gradient(93.1% 93.1% at 50% 50%, var(--primary-red) 40.57%, #7454FF 90.72%); filter: blur(1.0893855094909668px); opacity: 0; transition: all 0.5s ease; }
.final-result .result-box:before { opacity: 1; }
.final-content-area, .final-result-wrapper { display: flex; align-items: center; position: relative; }
.final-result-wrapper { justify-content: space-between; }
.final-img-wrap .results-price { font-size: 14px; margin-bottom: -5px; }
.final-img-wrap .results-price + .image-wrap { width: 52px; height: 40px; }
.final-img-wrap .image-wrap { border-radius: 3.631px; border: 0.726px solid var(--white); box-shadow: 0px 2.905px 2.905px 0px rgba(0, 0, 0, 0.25); background: var(--secondary-darkblue); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px;overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.daily-box-wrap { display: flex; align-items: center; }
.daily-box-wrap .add-plus { display: none; }
.daily-box-wrap .image-wrap:last-child { margin-left: 9px; }
.add-plus { color: var(--white); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 12.346px; font-weight: 860; line-height: normal; padding: 0px 12px; }
.final-text { color: var(--white); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 15px; font-weight: 860; line-height: normal; max-width: 75px; margin-left: 6px; letter-spacing: .5px; }

/*  <=============
  Recent mobile
=============>  */
.recent-mobile-block { background: var(--primary-darkblue); padding: 10px; display: none; }
.recent-mobile-block .card-content { position: relative; }
.recent-mobile-block .recent-win-wrapper .winner-list-section:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(0deg, #110F22 0%, rgba(17, 15, 34, 0.00) 103.7%); }
.recent-mobile-block .recent-win-wrapper .winner-list-section:after, .recent-mobile-block .recent-win-wrapper .winner-list-section:before {height: 40px;}
.recent-mobile-block .recent-win-wrapper .winner-list:last-child {margin-bottom: 40px;}

/*  <=============
  Available Prizes 
=============>  */
.available-prizes-wrapper { padding: 50px 0; }
.section-title, .section-title-inner { color: var(--primary-yellow); font-family: 'DunbarTall-Light'; font-size: 50px; font-weight: 300; line-height: normal;position: relative; z-index: 2; }
.section-title-inner, .account-wins-section .section-title { margin-bottom: 30px; }
.available-inner-block .todays-prize { margin-top: 20px; }
.available-inner-block .today-prize-inner { position: relative; background-color: var(--black); border-radius: 14px; overflow: hidden;min-height:350px}
.available-inner-block .today-prize-area { background-color: var(--primary-red); border-radius: 14px 14px 0px 0px; }
.today-head { padding: 12px 30px 10px; border-radius: 14px 14px 0px 0px; position: relative; z-index: 1; }
.today-head h3 { color: var(--primary-yellow); font-family: 'DunbarTall-Ultra'; font-size: 30px; font-weight: 860; line-height: normal; }
.today-head-detail { position: relative; margin-bottom: 16px; z-index: 1; }
.today-head-detail h4, .today-head-detail h4 span { color: var(--primary-yellow); font-family: 'DunbarTall-Bold'; font-size: 25px; font-weight: 700; line-height: normal; }
.today-head-detail span { color: var(--white); font-family: 'DunbarText'; font-size: 16px; font-weight: 400; line-height: normal; margin-top: -4px; display: inline-block; }
.available-inner-block .bg-with-data { background-image: var(--desktop-img); position: absolute; width: 100%; height: 100%; top: 0; max-height: 330px; background-repeat: no-repeat; background-position: top right; }
.today-body { position: relative; padding: 17px 30px 29px; z-index: 1;min-height:270px; }
.body-description { max-width: 746px; }
.body-description p br { content: ''; display: block; margin-bottom: 11px; }
.body-description p { color: var(--white); font-family: 'DunbarTall-Light'; font-size: 12px; font-weight: 300; line-height: normal; }
.today-footer, .today-time-baar { display: flex; }
.today-footer { border-radius: 0px 0px 14px 14px; background: var(--secondary-darkblue); }
.today-price { border-radius: 0px 0px 0px 14px; background: var(--primary-yellow); display: flex; max-width: 330px; padding: 4px 18px; flex-direction: column; align-items: center; justify-content: center; flex: 1; }
.price-amount { color: var(--primary-red); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 35px; font-weight: 860; line-height: normal; }
.today-price span { color: var(--primary-lightblue); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: normal; }
.today-time-baar { flex: 1; width: 100%; padding: 12px 20px 18px; align-items: flex-end; gap: 5px; justify-content: space-between; }
.baar-details{margin-right: 20px;}
.baar-details p { color: var(--white); line-height: normal; font-family: 'DunbarText'; }
.winner-soon-wrap p { color: var(--white); font-family: 'DunbarText'; font-size: 25px; font-weight: 400; line-height: normal; }
.winner-soon-wrap { justify-content: center; }
.baar-details p span { color: var(--primary-yellow); font-family: 'DunbarTall-Bold'; } small { color: var(--white); font-family: 'DunbarText'; font-size: 12px; line-height: normal; }
.result-winner-wrap { justify-content: center; gap: 12px; align-items: center; }
.winner-wrap { border-radius: 25px; background: var(--primary-red); color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Light'; font-size: 20px; font-weight: 300; line-height: normal; min-width: 129px; height: 31px; }
.result-winner-wrap p { color: var(--white); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 25px; font-weight: 750; line-height: normal; }
.result-winner-wrap p span { color: var(--primary-yellow); font-family: 'DunbarTall-Light'; margin-left: 12px; font-weight: 350; }
.time-left-wrap { flex: 1; position: relative; }
.time-left-wrap .animate-progress-wrapper { padding: 4px; border-radius: 6px; border: 1px solid var(--white); }
.time-left-wrap .progress-bar-inner { border-radius: 3px 0px 0px 3px; }
.time-left-wrap .animate-progress:before, .time-left-wrap .animate-progress:after { border-radius: 3px 3px 3px 3px; }
.time-left-wrap .animate-progress { border-radius: 3px; }
.time-left-num { display: flex; max-width: 179px; padding: 4px 8px 3px; justify-content: center; align-items: center; gap: 11px; border-radius: 15px; border: 1px solid var(--white); background: #E83838; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 1; }
.timer-inner { min-width: 27px; }
.timer-left span { color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 16px; font-weight: 860; line-height: normal; }
.timer-left b { color: var(--white); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: normal; }
.kids-filter-wrap { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-bottom: 25px; margin-top: 40px; }
.filter-prize-kids { border-radius: 5px; background: var(--secondary-darkblue); padding: 8px 10px; display: inline-flex; align-items: center; gap: 11px; min-width: 215px;}
.label-title { color: var(--white); font-family: 'DunbarTall-Light'; font-size: 10px; line-height: normal; }
.filter-prize-kids .kids-prize .label-kids { font-size: 14px; }
.avail-subtext { display: inline-flex; align-items: center; gap: 9px; }
.gift-wrapper { border-radius: 5px; background: var(--white); padding: 5px; color: var(--primary-red); font-size: 24px; }
.avail-subtext p { color: var(--white); font-family: 'DunbarTall-Bold'; font-size: 24px; font-weight: 700; line-height: normal; }
.account-wins-section .yellow-btn .bt-text { font-family: 'DunbarTall-Ultra'; }
.todays-prize .confetti-container { max-width: 100%; margin: 0 0 0 auto; opacity: 0.5; mix-blend-mode: screen; z-index: 3; }

/*---* Prize Box Listing *---*/
.prizes-listing-wrapper { border-radius: 20px; background: var(--primary-darkblue); padding: 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); grid-gap: 20px; align-items: stretch; }
.listing-item { border-radius: 14px; background: var(--secondary-darkblue); display: flex; flex-direction: column; position: relative; }
.upto { position: absolute; top: 9px; left: 50%; transform: translate(-50%); color: var(--white); font-family: 'DunbarTall-Regular'; font-size: 12px; font-weight: 400; line-height: normal; }
.prize-list-img { padding: 30px 30px 10px; text-align: center; flex: 1; }
.prize-list-img .results-price { font-size: 65px; -webkit-text-stroke-width: 3px; margin-top: -13px; margin-bottom: 0px; position: relative; z-index: 1; }
.price-list-image { border-radius: 5px; border: 3px solid var(--white); height: 250px; width: 250px;margin: 0 auto; background-position: center; background-repeat: no-repeat;background-size: cover;position: relative;}
.price-list-image img { width: 100%; height: 100%; object-fit: cover; }
.prize-list-img .results-price + .price-list-image { height: 207px; margin-top: -27px; }
.prize-title { flex: 1; padding: 0px 30px 20px; }
.prize-title h4 { color: var(--primary-yellow); font-family: 'DunbarText'; font-size: 16px; font-weight: 400; line-height: normal; text-transform: capitalize; }
.address, .small_txt { color: var(--white); font-family: 'DunbarTall-Light'; font-size: 12px; font-weight: 300; line-height: normal; margin-top: 5px; }
.prize-title .yellow-btn {margin-top: 15px;}
.yellow-btn.donated {padding: 5px 20px; cursor: initial;}
.yellow-btn.donated:hover { background: var(--primary-yellow); color: var(--primary-red); }

/*---* Prize Bottom Area *---*/
.avail-amount { border-radius: 0px 0px 14px 14px; background: var(--primary-yellow); padding: 19px 20px 18px; display: flex; align-items: center; gap: 8px; justify-content: center; }
.avail-amount p { color: var(--primary-red); font-family: 'DunbarTall-Regular'; font-size: 12px; font-weight: 400; line-height: normal; }
.avail-amount span { border-radius: 5px; background: var(--primary-lightblue); color: var(--white); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 25px; font-weight: 700; line-height: normal; min-width: 41px; min-height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; }

/* Sponser Bottom  */
.sponsor-brand { border-radius: 0px 0px 14px 14px; background: #93D5D4; display: flex; align-items: center; padding: 20px 46px; justify-content: center; gap: 9px; }
.sponser-items { display: flex; align-items: center; justify-content: center; gap: 9px; }
.sponser-items img {width: 100%;max-height: 28px;}
.sponsor-brand p { color: var(--primary-lightblue); font-family: 'DunbarText'; font-size: 8px; font-weight: 400; line-height: normal; }
.prize-btn-wrapper { text-align: center; margin-top: 50px; }

/* winner Bottom  */
.winner-items-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 70px); z-index: 1; background: #2D2A43; border-radius: 14px 14px 0px 0px; overflow: hidden; }
.winner-items { padding: 0 30px; height: 100%; overflow-y: auto; }
.winner-items-wrapper:before, .winner-items-wrapper:after { content: ''; position: absolute; left: 0; width: 100%; height: 30px; }
.winner-items-wrapper:before { top: 0; background: linear-gradient(0deg, rgba(45, 42, 67, 0.00) 0%, #2D2A43 78.28%); }
.winner-items-wrapper:after { bottom: 0; background: linear-gradient(180deg, rgba(45, 42, 67, 0.00) 0%, #2D2A43 78.28%); }
.winner-list-block { padding: 18px 30px 17px 30px; border-radius: 0px 0px 14px 14px; background: #EC297B; display: flex; align-items: center; gap: 10px; justify-content: space-between; min-height: 70px; width: 100%; border: initial; color: #FFF; cursor: pointer; }
.winner-list-block p { color: #FFF; font-family: 'DunbarTall-Ultra'; font-size: 21px; font-weight: 860; line-height: normal; }
.winner-list-block i { font-size: 35px; transition: all 0.3s ease; }
.winner-list-block.open i { transform: rotate(180deg); }
.winner-item { border-radius: 5px; background: #110F22; padding: 22px 18px; text-align: center; }
.winner-item a { color: #F7FF00; text-align: center; font-family: 'DunbarTall-Bold'; font-size: 14px; font-weight: 700; line-height: 16px; }
.winner-item:not(:last-child) { margin-bottom: 10px; }
.winner-item:first-child { margin-top: 30px; }
.winner-item:last-child { margin-bottom: 30px; }


/*  <=============
  Recent Winner
=============>  */
.recent-winners-wrapper { position: relative; padding: 50px 0 50px; background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); }
.recent-winners-wrapper:before, .recent-winners-wrapper:after { content: ''; position: absolute; top: 0; width: 25.168%; height: 100%; z-index: 1; }
.recent-winners-wrapper:before { background: linear-gradient(86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%);left: 0; }
.recent-winners-wrapper:after { background: linear-gradient(-86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%);right: 0; }
.recent-overlayer { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 142px); background: linear-gradient(180deg, rgba(125, 13, 190, 0.00) 0%, #7D0DBE 100%); }
.recent-box { border-radius: 5px; background: rgba(45, 42, 67, 0.60); width: 140px; height: 170px; margin: 0 27px; }
.recent-list-img { padding-top: 30px; }
.recent-list-image { border-radius: 5px; border: 1px solid var(--white); height: 75px; width: 75px; overflow: hidden; margin: 0 auto; }
.recent-list-image img { width: 100%; height: 100%; object-fit: cover; }
.recent-list-img .results-price + .recent-list-image { height: 59px; margin: -10px auto 0 auto; }
.recent-list-img .results-price { font-size: 21px; margin-top: -13px; margin-bottom: 0px; }
.recent-detail { padding-top: 7px; text-align: center; }
.recent-name { color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 14px; font-weight: 700; line-height: 16px; text-transform: capitalize; }
.recent-inner-block .recent-name {white-space: normal;}

/*---* Marquee *---*/
.moved-baar { margin-top: 20px; }
.recent-animate-wrapper { white-space: nowrap; display: flex; flex-direction: column; row-gap: 47px; overflow: hidden; }
.recent-animate-inner {--total-marquee-items: var(--max-count); width: calc(194px * (var(--max-count))); overflow: hidden; margin: 0 auto; }
.inner-count-wrap {display: inline-flex; align-items: center;}
.animate-controller {position: relative; width: 200%; display: block;}
.animate-controller { white-space: nowrap; display: flex; align-items: center; }
.recent-animate-wrapper.active .recent-animate-inner:nth-child(odd) .animate-controller {animation: marqueeLeft 100s linear infinite;}
.recent-animate-wrapper.active .recent-animate-inner:nth-child(even) .animate-controller {animation: marqueeRight 90s linear infinite;}
@keyframes marqueeLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes marqueeRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }

/*  <=============
  Game Instruction
=============>  */
.game-instruction-wrapper { padding-bottom: 100px; }
.game-inner-block .game-img { float: right; margin: 0px 0px 0px 38px; width: 100%; max-width: 755px; }
.instruction-inner-details { padding-top: 100px; padding-bottom: 50px; max-width: 545px; }
.instruction-items { margin-top: 30px; }
.instruction-item, .win-item { position: relative; padding-left: 25px; }
.dot-style { width: 3px; height: 3px; position: absolute; left: 12px; background: var(--white); top: 10px; }
.game-inner-block p, .video-wrapper p { color: var(--white); font-family: 'DunbarText'; font-size: 18px; font-weight: 400; line-height: normal; }
.game-inner-block p span { font-weight: 700; text-transform: uppercase; }
.instruction-items .instruction-item:not(:last-child) p { margin-bottom: 16px; }
.reddish-text { color: var(--primary-red); }
.yellow-text { color: var(--primary-yellow); }
.win-title { color: var(--primary-red); font-family: 'DunbarTall-Bold'; font-size: 28px; font-weight: 700; line-height: normal; }
.win-instruction { display: flex; align-items: flex-start; }
.win-detail { max-width: 545px; }
.game-btn-wrapper { flex: 1; text-align: center; }
.video-wrapper { display: flex; align-items: center; margin-top: 26px; }
.video-panel { max-width: 600px; margin-right: 126px; flex: 1; }
.video-panel-inner { position: relative; padding-top: 56.26%; overflow: hidden; cursor: pointer;border-radius: 10px; }
.video-panel-inner i { color: #171035; font-size: 75px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.paragraph-text { max-width: 464px; }
.paragraph-text h3 { color: var(--primary-yellow); font-family: 'DunbarText'; font-size: 28px; font-weight: 400; line-height: normal; margin-bottom: 20px; }
.paragraph-text p:not(:last-child) { margin-bottom: 20px; }

/*  <=============
  Contacts Us
=============>  */
.contact-us-wrapper { position: relative; padding: 50px 0px 100px; background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); }
.contact-us-wrapper::before { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 60%; background: linear-gradient(-86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%); }
.contact-inner-block { display: flex; align-items: center; position: relative; z-index: 1; }
.contact-form-wrapper { flex: 1; max-width: 573px; }
.contact-form { margin-top: 40px; border-radius: 24px 24px 20px 20px; background: var(--secondary-darkblue); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); padding-bottom: 50px; }
.contact-head { padding: 18px 20px; border-radius: 20px 20px 0px 0px; background: var(--primary-red); }
.contact-head h3 { color: var(--primary-yellow); font-family: 'DunbarText'; font-size: 25px; font-weight: 400; line-height: normal; }
.body-wrapper { padding: 30px 20px 50px; }
.field-input:not(:last-child) { margin-bottom: 12px; }
.col-flex-two { display: flex; gap: 15px; align-items: center; }
.inner-group { flex: 1; position: relative; }
.control-form { border-radius: 6px; border: 1px solid var(--primary-gray); background: var(--white); outline: none; color: var(--black); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: normal; padding: 6px 15px; width: 100%; display: flex; min-height: 30px; }
textarea.control-form { font-size: 14px; padding: 10px 12px; }
::placeholder { color: var(--secondary-gray); font-family: "DunbarText"; font-size: 12px; font-weight: 400; line-height: normal;}
.error { border: 1px solid var(--red) !important; }
.foot-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; }
.foot-btn .yellow-btn { min-width: 146px; padding-left: 26px; border: none; outline: none; }
.back-btn, .back-otp-btn { color: var(--white); text-align: center; font-family: 'DunbarTall-Light'; font-size: 14px; line-height: normal; }
.contact-information { margin-left: 155px; }
.info-detail { margin-bottom: 60px; }
.info-detail li:not(:last-child) { margin-bottom: 19px; }
.info-detail a { color: var(--white); font-family: 'DunbarTall-Regular'; font-size: 20px; font-weight: 500; line-height: normal; }
.info-detail a i { color: var(--primary-yellow); font-size: 20px; margin-right: 6px; }
.image-panel img { width: 243px; }
.popup-content .form-group { position: relative; }
.emailError { position: absolute; width: 200px; background: var(--primary-red); color: var(--white); right: 0; top: 30px; padding: 0; z-index: 1; border-radius: 5px; font-size: 12px; line-height: 20px; text-align: center; display: none; }
.popup-content .error-text { position: relative; display: block; padding: 10px; }
.popup-content .error-text:before { content: ""; position: absolute; top: -14px; border: 8px solid transparent; border-bottom: 8px solid var(--primary-red); right: 10px; }
.popup-content .error-text b { display: block; font-weight: normal; text-align: center; }
.popup-content .error-text i { width: 30px; height: 30px; background: var(--primary-yellow); color: var(--black); border-radius: 100%; font-size: 18px; line-height: 28px; margin: 0 0 5px 0; }
.contact-us-wrapper .grecaptcha-badge {z-index: 9;}

/*  <=============
  Footer
=============>  */
.footer { background: var(--primary-red); padding: 16px 0; }
.footer .container { max-width: 1397px; }
.footer-content-wrap { display: flex; justify-content: space-between; }
.footer-logo > img { margin-top: 5px; position: relative; height: 37px; }
.footer-logo > img.bonei-olam { height: 42px; }
.footer-content-wrap ul, .footer-content-wrap ul li { margin: 0; padding: 0; list-style: none; }
.footer-content-wrap ul { display: flex; align-items: center; }
#customspins{ text-align:center; padding-left:0px; }
.footer-content-wrap ul li { padding: 5px 30px 5px 30px; border-right: 1px solid rgba(255, 255, 255, .5); display: flex; align-items: center; font-size: 14px; color: var(--white); font-family: 'DunbarTall-Regular'; }
.footer-content-wrap ul li a { color: var(--white); text-decoration: none; }
.footer-content-wrap ul li i { margin: 0 6px 0 0; color: var(--primary-yellow); }
.footer-content-wrap ul li a:hover { color: var(--primary-yellow); }
.footer-content-wrap ul li:last-child { border-right: 0;padding-right: 0;}
.designedBy { font-size: 14px; display: flex; align-items: center; line-height: 16px; }
.designedBy img { height: 22px; margin: 0 0 0 10px; }
.footer-links { display: flex; align-items: center; }

/*  <=============
  All Popup Css Here
=============>  */
.popup-wrapper .notification { margin: 0 20px; }
.overlayBg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; background: rgba(0, 0, 0, .6); z-index: 9; display: none; }
.md-size, .login-pop {width: 100%; max-width: 573px;}
.popup-wrapper { display: none; position: fixed; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 99; border-radius: 24px 24px 20px 20px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); margin-top: 20px; }
.step-info-wrapper, .popup-body-inner .wizard .steps ul { display: flex; align-items: center; gap: 30px; justify-content: space-between; margin-bottom: 30px; overflow-x: auto; }
.popup-head-section { border-radius: 20px 20px 0px 0px; background: var(--primary-red); display: flex; align-items: center; justify-content: space-between; padding-right: 20px; max-height: 68px; }
.head-inner { position: relative; max-height: 68px; display: flex; align-items: flex-end; padding-left: 20px; gap: 15px; }
.amount-pop-wrap .head-inner img { height: 100px; }
.amount-pop-wrap .head-inner img:first-child { margin-left: -20px; }
.pop-title { font-family: 'DunbarText'; font-size: 25px; font-weight: 400; line-height: normal; padding-top: 18px; padding-bottom: 17px; margin-bottom: 0; }
.btnClose { color: var(--primary-red); font-size: 16px; cursor: pointer; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background: var(--white); border-radius: 3px; }
.btnClose:hover { opacity: 0.6; }
#SendGiftPopup .popup-body-inner, #PurchaseSpins .popup-body-inner { padding: 30px 0px 50px; }
.popup-body-inner { padding: 22px 0px 50px; background: var(--secondary-darkblue);border-radius: 0px 0px 20px 20px; }
#SendGiftPopup .inner-body-wrapper, #PurchaseSpins .inner-body-wrapper, #PurchaseRaffle .inner-body-wrapper { max-height: initial; padding-bottom: 0; padding-left: 0; padding-right: 0; overflow-y: initial; height: initial; }
#PurchaseRaffle .donate-inner-group {flex: 1 130px;}
#SendGiftPopup .inner-body-wrapper .content, #PurchaseSpins .inner-body-wrapper .content, #PurchaseRaffle .inner-body-wrapper .content { padding-bottom: 25px; padding-left: 20px; padding-right: 20px; overflow-y: auto; max-height: calc(100dvh - 376px); }
.inner-body-wrapper { padding-bottom: 25px; padding-left: 20px; padding-right: 20px; max-height: calc(100vh - 289px);overflow-y: auto; }
.win-zone .inner-body-wrapper { padding-bottom: 25px; padding-left: 20px; padding-right: 20px; max-height: 100%;overflow-y: none }
.popup-wrapper .foot-btn, .popup-wrapper .button-panel {padding-left: 20px; padding-right: 20px;margin-top: 25px;}
.popup-body-inner .wizard .actions ul { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; padding-left: 20px; padding-right: 20px; margin-top: 25px; }
.popup-body-inner .wizard > .actions a { padding: 5px 5px 5px 26px!important; min-width: 146px; border: none; outline: none; }
.popup-body-inner .wizard .actions ul li:first-child a { padding: 0 !important; color: var(--white); text-align: center; font-family: 'DunbarTall-Light'; font-size: 14px; line-height: normal; min-width: initial; background: initial; }
.popup-body-inner .wizard .actions ul li:first-child { order: 1; }
.popup-body-inner .wizard .actions ul li { margin: 0; }
.steps ul li.error { border: initial !important; }
.step-info { display: flex; align-items: center; gap: 4px; opacity: 0.5;white-space: nowrap; }
.step-info.active { opacity: 1; }
.step-num, .number { color: var(--primary-darkblue); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 16px; font-weight: 860; line-height: normal; width: 23px; height: 23px; background: var(--white); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.popup-wrapper .wizard > .steps .disabled .number, .popup-wrapper .wizard > .steps .disabled .number:hover, .popup-wrapper .wizard > .steps .disabled .number:active {opacity: 0.5;}
.step-info h4, .steps .current a, .steps a, .popup-wrapper .wizard > .steps .current a { color: var(--white); font-family: 'DunbarText'; font-size: 16px; font-weight: 400; line-height: normal; white-space: nowrap; }
.popup-wrapper .steps a, .popup-wrapper .wizard > .steps .current a, .popup-wrapper .wizard > .steps .current a:hover, .popup-wrapper .wizard > .steps .current a:active, .popup-wrapper .wizard > .steps .disabled a, .popup-wrapper .wizard > .steps .disabled a:hover, .popup-wrapper .wizard > .steps .disabled a:active, .popup-wrapper .wizard > .steps .done a, .popup-wrapper .wizard > .steps .done a:hover, .popup-wrapper .wizard > .steps .done a:active { margin: 0; padding: 0; background: initial; }
.active .step-num, .done .step-num, .current .number, .done .number { background: var(--primary-yellow); }
.done.step-info, li.done { opacity: 0.5;}
.step-info:first-child, .steps ul li:first-child {padding-left: 20px;}
.step-info:last-child, .steps ul li:last-child {padding-right: 20px;}
.col-flex-three { display: flex; align-items: center; gap: 15px; }
.col-flex-three .inner-group:nth-child(1) { flex: 1 1 50%; }
.col-flex-three .inner-group:nth-child(2) { flex: 1 1 24%; }
.col-flex-three .inner-group:nth-child(3) { flex: 1 1 25%; }
.inner-group .check-label { position: relative; color: var(--white); font-family: 'DunbarTall-Regular'; font-size: 12px; font-weight: 400; line-height: normal; padding-left: 25px; cursor: pointer; }
.input-check, .wizard > .content > .body input[type="checkbox"].input-check { display: none; }
.inner-group .check-label:before { content: ''; position: absolute; left: 0; top: 50%; width: 17px; height: 17px; border-radius: 6px; border: 1px solid var(--primary-gray); background: var(--white); transform: translate(0, -50%) }
.inner-group .check-label::after { content: '\f00c'; width: 19px; height: 19px; position: absolute; top: -2px; left: 0px; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-family: "Font Awesome 6 Pro"; font-size: 14px; font-weight: 600; color: var(--primary-red); opacity: 0; -webkit-transform: scale(0); transform: scale(0); display: flex; align-items: center; justify-content: center; }
.input-check:checked + .check-label::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/*---* Step Second *---*/
.inner-body-wrapper h5, .form-group-container h5, .yourgame-info h5, .prize-head p { margin: 0 0 4px 0; font-size: 16px; font-weight: normal; font-family: 'DunbarText'; color: var(--white); line-height: normal; }
/* .donate-radio-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(121px, 1fr)); grid-gap: 12px; } */
.donate-radio-list { display: flex; gap: 12px; flex-wrap: wrap; }
.donate-inner-group { flex: 1 121px; }
.error_message { flex: 1 100%; }
.donate-inner-group { width: 100%; }
.donate-inner-group input[type="checkbox"], .donate-inner-group input[type="radio"] { display: none; appearance: initial; }
.payment-details .form-content-section:not(:last-child), .payment-details .form-group-container { margin-bottom: 20px; }
.payment-details .flex-group.col-flex-two {align-items: flex-start;}
.donate-package { background: var(--white); width: 100%; text-align: center; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; height: 64px; display: flex; justify-content: center; align-items: center; border-radius: 6px; padding: 4px 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; }
.donate-radio-list .spin { font-size: 16px; text-align: center; border-bottom: 1px solid var(--primary-red); padding-bottom: 4px; font-family: 'DunbarTall-Regular'; color: var(--primary-lightblue); line-height: normal; }
.donate-radio-list .price { font-size: 25px; font-family: 'DunbarTall-Ultra'; color: var(--primary-lightblue); line-height: normal; }
.custom-heading { color: var(--primary-lightblue); text-align: center; font-family: 'DunbarText'; font-size: 10px; font-weight: 400; line-height: normal; border-bottom: 1px solid var(--primary-red); padding-bottom: 6px;padding-top: 6px; }
.donate-radio-list input:checked ~ .donate-package { background: var(--primary-red); }
.donate-radio-list input:checked ~ .donate-package .price { color: var(--white); }
.donate-radio-list input:checked ~ .donate-package .spin, .donate-radio-list input:checked ~ .donate-package .custom-heading { color: var(--white); border-bottom-color: var(--white); }
.donate-radio-list input:checked ~ .donate-package .custom-form { color: var(--white); }
.donate-radio-list .customamountsection input:checked ~ .donate-package .spin, .donate-radio-list .customamountsection input:checked ~ .donate-package .custom-heading { color: var(--white); border-bottom-color: transparent; }
.donate-radio-list .customamountsection .spin { border-bottom: none; }
.donate-cus-amount { display: flex; align-items: center; }
.custom-form { border: none; width: 100%; font-size: 25px; font-family: 'DunbarTall-Ultra'; color: var(--primary-lightblue); line-height: normal; outline: initial; background: initial; }
.label-absolute { position: relative; }
.label-absolute .control-form { padding-left: 42px; padding-right: 10px; }
.label-absolute .label-text { position: absolute; left: 15px; color: var(--secondary-gray); font-family: 'DunbarTall-Regular'; font-size: 12px; font-weight: 400; line-height: normal; top: 50%; transform: translate(0, -50%) }
.coupon-section { position: relative; display: flex; align-items: center; }
.flex-group-auto { display: flex; align-items: center; gap: 10px; }
.form-list { flex: 1; }
.coupon-section .control-form { border-radius: 6px 0px 0px 6px; padding-right: 6px; }
.apply-btn { border-radius: 0px 6px 6px 0px; background: var(--primary-red); padding: 6px 17px 7px; min-height: 30px; }
.apply-btn a { color: var(--white); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 12px; line-height: normal; }
.credit-col .label-text { color: var(--primary-lightblue); text-align: center; height: 30px; border-radius: 6px; background: rgba(255, 255, 255, 0.60); text-align: left; padding: 2px 14px; font-size: 20px; font-family: 'DunbarTall-Ultra'; color: var(--primary-lightblue); line-height: normal; }
.additional-col .label-absolute .control-form { font-size: 20px; font-family: 'DunbarTall-Ultra'; padding: 0px 15px 0px 30px; }
.additional-col .label-absolute .label-text { font-size: 20px; font-family: 'DunbarTall-Ultra'; color: var(--primary-lightblue); line-height: normal; z-index: 1;}
.notes-section { border-radius: 6px; background: #F8FC8D; padding: 13px 9px 14px; }
.notes-section h4 { font-size: 12px; font-weight: normal; font-family: 'DunbarTall-Bold'; margin: 0; line-height: normal; }
.text-section-notes p { color: var(--black); font-family: 'DunbarTall-Regular'; font-size: 10px; font-weight: 400; line-height: normal; }
.highlight { color: var(--primary-red); font-family: 'DunbarTall-Bold'; font-size: 11px; }
.grand-total-block.show { border-radius: 6px; background: var(--white); padding: 9px 11px 8px 16px; }
.total-list { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.total-list span { color: var(--black); font-family: 'DunbarTall-Regular'; font-size: 16px; line-height: normal; }
.total-list b { color: var(--black); text-align: right; font-family: 'DunbarTall-Bold'; font-size: 16px; line-height: normal; }
.total-list.grandtotal span { font-family: 'DunbarTall-Bold'; }
.total-list.grandtotal b { color: var(--black); font-family: 'DunbarTall-Ultra'; line-height: normal; }

/*=*=*=*=*=* 
 Congratulation popup
    *=*=*=*=*=*/
.congratulation-info-wrapper { display: flex; align-items: flex-start; gap: 20px; padding: 25px 17px 0; }
.congratulation-img { border-radius: 50%; background: #B4B826; width: 100%; max-width: 150px; min-width: 110px; aspect-ratio: 4 / 4; }
.congratulation-img img { width: 100%; height: 100%; padding-bottom: 5px; }
.congratulation-message p { color: var(--white); font-family: 'DunbarText'; font-size: 24px; font-weight: 400; line-height: normal;max-width: 323px; }
.congratulation-message p:not(:last-child) {margin-bottom: 15px;}
.yellow-btn .fa-dreidel { font-size: 25px; }

/*=*=*=*=*=* 
 Results popup
    *=*=*=*=*=*/
.win-zone { /* max-width: 845px; */ min-width: 751px; margin-top: 10px; }
.nun.win-zone, .shin.win-zone {width: 100%; min-width: initial; max-width: 618px;}
.nun.win-zone .dreidel-list-inner img, .hey.win-zone .dreidel-list-inner img {width: 47px;}
.win-zone .head-inner img { height: initial; display: none; }
.win-zone .head-inner img:first-child { margin-left: 0px; }
.win-zone .head-inner img {margin-bottom: -5px;}
.gimmel.win-zone .head-inner img:nth-child(1) { display: block; }
.hey.win-zone .head-inner img:nth-child(2) { display: block; }
.nun.win-zone .head-inner img:nth-child(3) { display: block; }
.shin.win-zone .head-inner img:nth-child(4) { display: block; }
.win-zone .resultspop-wrapper { display: flex; align-items: flex-start; gap: 48px; justify-content: center; }
.win-zone .popup-body-inner { padding: 30px 20px 50px; }
.win-zone .outer-pop-block { padding: 20px 10px 20px 20px; position: relative; margin-top: 20px; }
.outer-pop-block:before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 100%; border-radius: 3px; border: 3.631px solid #F7FF00; background: radial-gradient(93.1% 93.1% at 50% 50%, #EC297B 40.57%, #7454FF 90.72%); filter: blur(1.0893855094909668px); }
.win-zone.shin .outer-pop-block:before, .win-zone.nun .outer-pop-block:before { background: initial; }
.nun .content-title, .hey .content-title { text-align: center; }
.content-title { color: #F7FF00; font-family: 'DunbarText'; font-size: 16px; line-height: normal; margin-bottom: 13px; }
.win-zone .inner-body-wrapper { padding: 0px 10px 0px 0px; position: relative;  }
.win-zone.nun .resultspop-wrapper, .win-zone.hey .resultspop-wrapper { flex-direction: column; align-items: center; gap: 0; }
.prize-des .yellow-btn { font-family: 'DunbarText'; }
.win-zone .result-prize-content { justify-content: center; gap: 87px; padding: 50px 0; }
.win-zone .no-prize-text h3 { font-size: 38px; max-width: 217px; }
.resultspop-wrapper .add-plus { font-size: 25px; padding: 0px 20px; max-width: 55px; }
.resultspop-img-wrap .results-price { -webkit-text-stroke-width: 3px; font-size: 65px; margin-top: -13px; margin-bottom: 0px; }
.results-img-wrap { border-radius: 5px; border: 3px solid var(--white); width: 235px; height: 235px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
.results-img-wrap img { width: 100%; height: 100%; }
.resultspop-img-wrap .results-price + .results-img-wrap { height: 194px; margin-top: -30px; }
.left-result-baar {display: flex; flex-direction: row; align-items: center; gap: 10px;}
.results-details .prize-title { margin-top: 16px; margin-bottom: 20px; padding: initial; }
.results-details .address, .results-details .small_txt { margin-top: 2px; }
.prize-content-box .prize-title { margin-top: 16px; margin-bottom: 20px; padding: initial; }
.prize-content-box .address, .prize-content-box .small_txt { margin-top: 2px; }
.exp-date { color: var(--white); font-family: 'DunbarTall-Light'; font-size: 14px; line-height: normal; margin-bottom: 10px; }
.prize-des p { color: var(--white); font-family: 'DunbarTall-Light'; font-size: 12px; line-height: normal; margin-top: 10px; max-width: 225px; }
.result-prize-content { display: flex; justify-content: space-between; gap: 67px; padding: 18px 20px 0; }
.no-prize-text h3 { color: var(--white); font-family: 'DunbarText'; font-size: 29px; font-weight: 400; line-height: normal; max-width: 160px; }
.congratulation-message .yellow-text { color: var(--primary-yellow); font-family: 'DunbarText'; font-weight: 700; }
.congratulation-message .yellow-text:last-child { font-weight: 400; }

/*---* Result Top *---*/
.win-zone .game-inner-body { background: rgba(255, 255, 255, 0.08); padding: 16px 20px 20px; }
.win-zone .results-box-wrapper { padding-top: 19px; }
.win-zone .results-box-inner:nth-child(1) .content-inner-text { padding-left: 28px; }
.win-zone .results-box-wrapper i { padding-top: 3px; margin-right: 4px; }
.win-zone .results-box-wrapper .results-box-inner:nth-child(2) i { margin-right: 0px; }
.win-zone .step-title { margin-top: 0px; }
.win-zone .results-box-wrapper .fa-circle-check { color: #389C78; }
.win-zone .results-box-wrapper .fa-circle-x { color: #E83838; }
.win-zone .bold-text { color: #FFF; }
.win-zone .results-box-inner { background: initial; align-items: flex-start; min-height: initial; }
.win-zone .results-box-inner:nth-child(1), .win-zone .results-box-inner:nth-child(2), .win-zone .results-box-inner:nth-child(3) {max-width: 100%;min-width: initial;}
.win-zone .final-result .result-box:before {display: none;}
.win-zone .final-text { max-width: initial; font-family: 'DunbarTall-Bold'; text-align: left; margin-left: 0px; font-size: 16px; letter-spacing: normal; }
.win-zone .results-inner-content .dreidel-list { gap: 10px; align-items: flex-start; padding: 0; }
.win-zone .results-inner-content .dreidel-list .text-info { margin-left: 4px; max-width: 127px; margin-top: 6px; }
.win-zone .results-box-inner:nth-child(3) .results-inner-content {padding: 0; padding-right: 29px;}
.results-box-inner:nth-child(3) .content-inner-text {max-width: 214px;}
.win-zone.popup-wrapper .foot-btn { margin-top: 50px; }
.content-inner-text span { padding: 0 3px; }
.dreidel-list-inner img { width: 50px; }

/*=*=*=*=*=* 
 Fun Get Free Spin
    *=*=*=*=*=*/
#getFreeSpins { width: 100%; max-width: 895px; }
.free-spin-content { display: flex; align-items: flex-start; gap: 30px; padding: 8px 10px 0; }
.spin-text {max-width: 271px;}
.spin-text p { color: var(--white); font-family: 'DunbarText'; font-size: 14px; font-weight: 400; line-height: normal; }
.spin-text p:not(:last-child) { margin-bottom: 30px; }
.spin-text p a { color: var(--white); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-underline-position: from-font; }
.free-right-content { flex: 1; }
.free-right-content .form-group-container:not(:first-child) { margin-top: 30px; }
.free-spin-content .field-input:not(:last-child) { margin-bottom: 20px; }
.yellow-btn.smaller-btn { font-family: 'DunbarTall-Regular'; font-size: 18px; font-weight: 500; line-height: normal; padding: 3px 3px 3px 25px; }
.yellow-btn.smaller-btn span { width: 28px; height: 28px; font-size: 19px;min-width: 28px; }
p.text-yellow { padding-bottom: 14px; }
.text-yellow { color: var(--primary-yellow); font-family: 'DunbarTall-Bold'; font-size: 16px; line-height: 18px; }
.coupon-inner { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.coupn-doller { border-radius: 6px; background: var(--white); min-width: 72px; height: 47px; display: flex; align-items: center; justify-content: center; color: var(--primary-red); text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 22px; line-height: 18px; }
.sm-text { color: var(--white); font-family: 'DunbarText'; font-size: 10px; font-weight: 400; line-height: 18px; }
.add-more {margin-top: 20px;}
.remove_invitee { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: var(--white); color: var(--primary-red); border-radius: 50%; cursor: pointer; font-size: 14px;transition: all 0.5s ease; }
.remove_invitee:hover { background: var(--primary-red); color: var(--primary-yellow); }

/*=*=*=*=*=* 
 Videos Popup
    *=*=*=*=*=*/
#videsPopup,#videoPopupNew {width: 100%; max-width: 938px;}
.video-outer { text-align: center; }
.video-content-wrapper { position: relative; padding-top: 56.6%; }
.video-content-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-outer .text-btn { color: var(--white); text-align: center; font-family: 'DunbarTall-Light'; font-size: 14px; font-weight: 350; line-height: normal; margin-top: 10px; cursor: pointer; border: initial; background: initial; outline: initial; }

.popup-thumbs { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; }
.popup-thumbs li { max-width: 150px; flex: 1;}
.popup-thumbs li span { color: #FFF; text-align: center; font-family: 'DunbarTall-Light'; font-size: 14px; font-weight: 350; line-height: 16px; margin-top: 5px; display: block; }
.popup-thumbs li img { width: 100%; padding: 5px; border-radius: 5px; background: #110F22; }
.popup-thumbs li.active img { background: #F7FF00; }
.popup-thumbs li.active span { color: #F7FF00; font-family: 'DunbarTall-Bold'; }

/*=*=*=*=*=* 
 Thank you Popup
    *=*=*=*=*=*/
.thank-you-text h3 { color: var(--white); font-family: 'DunbarText'; font-size: 24px; font-weight: 400; line-height: normal; }
#donate_bonei_olem .inner-body-wrapper { padding-bottom: 0px; }

/*=*=*=*=*=* 
 Login Popup
    *=*=*=*=*=*/
.login-pop .popup-body-inner {min-height: 326px;}
.login-pop .popup-body-inner .inner-body-wrapper { min-height: 97px; }
.popup-wrapper .button-panel {justify-content: center;}
.loginemailError, .notification, .loginnotification {padding: 0 20px;}
.loginemailError .alert, .notification .alert, .loginnotification .alert { text-align: center; border: 1px solid var(--primary-gray); padding: 8px; background: var(--white); border-radius: 6px; margin-top: 15px; font-size: 16px; font-family: 'DunbarText'; }
.alert {font-size: 16px; font-family: 'DunbarText';}
.loginemailError .alert-danger , .notification .alert-danger , .loginnotification .alert-danger { color: var(--red); }
.loginemailError .alert-success , .notification .alert-success , .loginnotification .alert-success { color: var(--green); }
.popup-wrapper .button-panel {flex-direction: column;}

/*=*=*=*=*=* 
 Todays Daily Raffle Popup
    *=*=*=*=*=*/
.today-daily-pop { width: 100%; max-width: 938px; margin-top: 10px; }
.today-daily-pop .pop-title { color: #F7FF00; font-family: 'DunbarTall-Bold'; font-size: 35px; }
.today-daily-pop .btnClose { position: relative; z-index: 9; }
.today-daily-pop .head-inner, .today-daily-pop .popup-head-section { max-height: 80px; }
.daily-inner-pop { border-radius: 20px 20px 20px 20px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); }
.daily-inner-pop .today-body { padding: 40px; }
.daily-inner-pop .body-description { max-width: 100%; display: flex; align-items: flex-start; gap: 40px; }
.raffle-main-box .today-body, .raffle-main-box .today-footer { z-index: 2; }
.daily-inner-pop .body-description p:first-child { margin-top: 20px; }
.daily-inner-pop  .body-description p { font-size: 16px; width: 100%; }
.daily-inner-pop .today-price { border-radius: 7px; min-width: 300px; }
.daily-inner-pop .today-head-detail { margin-bottom: 0px; }
.daily-inner-pop .today-footer { padding: 24px 40px 50px; flex-direction: column; align-items: center; position: relative; margin-top: -1px; }
.daily-inner-pop .today-time-baar { gap: 32px; padding: 0px; margin-bottom: 50px; }
.daily-inner-pop .raffle-main-box { padding-top: 300px; max-height: calc(100vh - 120px); overflow-y: auto; border-radius: 0px 0px 15px 15px; position: relative; z-index: 3; }
.daily-inner-pop .today-prize-inner {background: #000;}
.daily-inner-pop .img-upper-box { height: 424px; }
.today-daily-pop .today-prize-area { position: absolute; width: 100%; height: 424px; top: 0; left: 0; z-index: 2; }
.daily-inner-pop .bg-with-data { position: relative; top: 0px; background-image: var(--popup-desktop-img); width: 100%; height: 100%; background-repeat: no-repeat; background-position: top right;background-size: contain; }

/*<=============
    Mega Raffle
=============>*/
.mega-raffle { width: 100%; max-width: 950px; margin-top: 10px; }
.mega-raffle .banner-body-inner { border-radius: 0 0 20px 20px; overflow: hidden; }
.banner-body-inner.mega-raffle .inner-body-wrapper { max-height: calc(100vh - 138px); border-radius: 0 0 20px 20px; }
.banner-wrapper.mega-raffle .mega-raffle-wrapper { padding: 0; margin-top: 0; }
.banner-wrapper.mega-raffle .mega-raffle-container { padding: 50px; }
.mega-raffle .total-prize-wrapper { display: flex; flex-direction: row-reverse; align-items: center; gap: 63px; justify-content: center; }
.mega-raffle .total-prize { width: 100%; }
.banner-wrapper.mega-raffle .tl-prize { font-size: 37px; }
.banner-wrapper.mega-raffle .total-price { font-size: 92.979px; }
.mega-raffle .total-price sup { font-size: 50px; padding-right: 2px; }
.mega-raffle .total-entries span { font-size: 32px; }
.mega-raffle .total-entries b { font-size: 41px; line-height: 41.841px; }
.mega-raffle .jackpot-img img { max-width: 310px; }
.mega-raffle .total-entries { gap: 19px; }
.banner-wrapper.mega-raffle .total-entries-wrapper { max-width: max-content; padding: 7px 30px; margin: 19px auto 0; border-radius: 124px; }
.mega-raffle .total-entries-wrapper .total-entry-text { font-size: 19px; }
.banner-wrapper.mega-raffle .winner-section { padding: 50px 50px; }
.winner-right-section { justify-content: center; margin-top: 50px; gap: 20px; }
.banner-wrapper.mega-raffle .winner-inner-block { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.winner-frame-wrapper { width: 100%; }
.winner-frame-wrapper .video-panel { margin-right: 0px; }
.drawing-left-section p { color: #FFF; font-family: 'DunbarTall-Light'; font-size: 25px; line-height: normal; }
.drawing-left-section p span { font-family: 'DunbarTall-Bold'; font-size: 60px; line-height: 65px; }
.mega-raffle .drawing-right-section .timers { display: flex; gap: 10px; align-items: center; padding: 0; position: relative; top: initial; transform: initial; z-index: initial; }
.mega-raffle .drawing-right-section .timer { border-radius: 14.417px; width: 85px; height: 58px; display: flex; align-items: center; justify-content: center;border: initial; }
.mega-raffle .drawing-right-section .timer span, .mega-raffle .drawing-right-section .timer b { text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 32px; font-weight: 860; line-height: normal; }
.mega-raffle .drawing-right-section .timer span { min-width: 59px; }
.mega-raffle .drawing-right-section .timer b { font-family: 'DunbarTall-Light'; }
.mega-raffle .date-text { margin-bottom: 0px; font-family: 'DunbarTall-Light'; font-size: 25px; margin-top: 9px; }
.mega-raffle .date-text span { padding-bottom: 0px; border-bottom: initial; }
.mega-raffle .drawing-section, .mega-raffle .winner-bottom-wrapper { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-direction: column; }
.winner-content-area, .winner-frame-wrapper { flex: 1; }
.mega-raffle .winner-bottom-wrapper { margin-top: 30px; }
.mega-raffle .yellow-btn { gap: 15px; }
.mega-raffle .winner-left-section span { color: #FFF; font-family: 'DunbarTall-Bold'; font-size: 25px; font-weight: 700; line-height: normal; }
.mega-raffle .winner-left-section p { color: #FFF; font-family: "DunbarTall-Light"; font-size: 14px; font-weight: 350; line-height: normal; }
.mega-raffle .yellow-btn span { font-size: 25px; }

/*<=============
    Banner Popups
=============>*/
.banner-wrapper { display: none; position: fixed; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); z-index: 99; border-radius: 24px 24px 20px 20px; background: var(--secondary-darkblue); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); }
.banner-wrapper .head-inner { padding-left: 0px; min-height: initial; }
.banner-wrapper .popup-head-section { padding-left: 20px; padding-right: 20px; }
.banner-body-inner { position: relative;}
.banner-body-inner .inner-body-wrapper { max-height: calc(100vh - 138px);padding: 0;height: initial;}
.banner-wrapper .play-information { align-items: flex-start; gap: 40px; padding: 23px 30px 100px; height: initial; }
.banner-wrapper .desc {margin-bottom: 0px;}
#popHowToPlay .banner-wrapper .inner-body-wrapper:before { content: ''; position: absolute; bottom: 0; left: 0; height: 66px; width: 100%; background: linear-gradient(0deg, #110F22 0%, rgba(17, 15, 34, 0.00) 103.7%); }
.banner-wrapper .bullet-listing li:nth-child(1){ color: var(--primary-red); }
.banner-wrapper .bullet-listing li:nth-child(2){ color: var(--primary-yellow); }
.banner-wrapper .bullet-listing li:nth-child(3){ color: var(--white); }
.banner-wrapper .bullet-listing li:nth-child(1) span{ background: var(--primary-red); }
.banner-wrapper .bullet-listing li:nth-child(2) span{ background: var(--primary-yellow); }
.banner-wrapper .bullet-listing li:nth-child(3) span{ background: var(--white); }
.banner-wrapper .prize-section-inner { flex-wrap: wrap; gap: 20px; }
.banner-wrapper .prize-list { display: flex; align-items: center; gap: 10px; flex: 1 calc(50% - 20px); }
.banner-wrapper .prize-section .text-info { font-size: 12px; display: block; padding: 0; min-height: initial; max-width: 94px; background: initial; }

/*=*=*=*=*=* 
 Why Spin
    *=*=*=*=*=*/
.banner-wrapper .about-us-sections { padding: 0px; }
.banner-wrapper .about-us-sections a { color: var(--primary-yellow); }

/*=*=*=*=*=* 
 Mega Raffle
    *=*=*=*=*=*/
.banner-wrapper .mega-raffle-wrapper { padding: 10px 20px 20px; }
.banner-wrapper .mega-raffle-container, .banner-wrapper .bg-layer { border-radius: 20px 20px 0px 0px; }
.banner-wrapper .winner-section { border-radius: 0px 0px 20px 20px; padding: 16px 20px 20px; }
.banner-wrapper .timers { justify-content: center; width: 100%; top: 50%; transform: translate(0, -50%); }
.banner-wrapper .timer { width: 44px; height: 34px; border-radius: 20px; }
.banner-wrapper .mega-raffle-container { padding: 30px 0px 30px; }
.banner-wrapper .total-entries-wrapper { margin-bottom: 27px; gap: 7px; }
.banner-wrapper .tl-prize { font-size: 17px; }
.banner-wrapper .total-price { font-size: 43px; }
.banner-wrapper .winner-title h3 { font-size: 16px; }
.banner-wrapper .last-win { font-size: 36; }
.banner-wrapper .winner-name { font-size:10; }
.banner-wrapper .winner-bottom { border-radius: 15px; background: var(--primary-darkblue); padding: 15px; margin-top: 12px; }
.banner-wrapper .winner-bottom h4 { color: var(--primary-yellow); text-align: center; font-family: 'DunbarTall-Bold'; font-size: 16px; font-weight: 700; line-height: 130%; margin-bottom: 5px; }
.banner-wrapper .winner-bottom p:not(:last-child) { margin-bottom: 16px; }
.banner-wrapper .winner-bottom p { color: var(--white); text-align: center; font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: 130%; }

/*  <=============>  Close All Popup Css  <=============> */

/*  <=============
  Account Win History Page
=============>
    Account Section
*/
.account-wins-section, .available-allprize-section { padding-top: 164px; padding-bottom: 80px; }
.account-wrapper, .your-wins-price { margin-bottom: 100px; }
.account-personal-info { border-radius: 20px; background: var(--primary-darkblue); padding: 50px; }
.account-personal-info .col-flex-two { align-items: flex-start; gap: 20px; }
.form-bottom-content { margin-top: 30px; }
.account-personal-info .button-panel.col-flex-two { align-items: center; justify-content: center; align-self: flex-end; }
.ac-right, .ac-left {flex: 1;}
.yourgame-info h5, .form-group-container h5 { margin-bottom: 12px; }
.donation-list { border-radius: 6px; border: 1px solid var(--primary-gray); background: var(--white); padding: 10px 0px; }
.donation-list li:nth-child(even) { background: #FEFFD6; }
.donation-list li { display: flex; align-items: center; justify-content: space-between; padding: 0px 12px; }
.donation-list span { color: var(--black); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: 26px; }
.donation-list b { color: var(--black); text-align: right; font-family: "DunbarTall-Bold"; font-size: 12px; font-weight: 700; line-height: 26px; }
.available-prize-section { border-radius: 20px; background: var(--primary-darkblue); }
.available-prize-section .prize-btn-wrapper { margin-top: 30px; padding-bottom: 50px; }
.your-wins-price p {padding: 20px;}
.your-wins-price .prizes-listing-wrapper p {padding: 0px;}

/*=*=*=*=*=* 
 History Table
    *=*=*=*=*=*/
.history-table { border-radius: 20px; background: var(--primary-darkblue); padding: 20px; }
.table-wrapper { position: relative; width: 100%; }
.table-outer-wrapper { position: relative; padding: 20px; border-radius: 15px; background: var(--white); overflow-y: auto; max-height: 600px; }
.empty-data { text-align: center; }
.table-outer-wrapper thead { border-radius: 6px; background: var(--primary-lightblue); overflow: hidden; }
.table-outer-wrapper th:first-child { border-radius: 6px 0px 0px 6px; }
.table-outer-wrapper th:last-child { border-radius: 0px 6px 6px 0px; text-align: end; }
.table-outer-wrapper td:last-child { text-align: end; }
.table-outer-wrapper td { padding: 9px 16px 10px; border-bottom: 1px solid var(--black); }
.table-outer-wrapper tbody tr { vertical-align: top; }
.mobile-only{ display:none; }
.table-outer-wrapper th { padding: 4px 16px 5px; color: var(--white); font-family: 'DunbarTall-Bold'; font-size: 20px; font-weight: 700; line-height: normal; text-align: start;white-space: nowrap; }
.table-outer-wrapper th i { margin-right: 8px; }
.bold-text { color: var(--primary-lightblue); font-family: 'DunbarTall-Bold'; font-size: 16px; font-weight: 700; line-height: normal; }
.table-wrapper .sm-text, .table-wrapper .sm-text p { font-family: 'DunbarTall-Regular'; font-size: 12px; font-weight: 400; line-height: normal; color: var(--primary-lightblue); }
.bold-text span.yellow-amount { border-radius: 6px; background: var(--primary-yellow); margin-right: 8px; width: 49px; display: inline-block; text-align: center; font-family: 'DunbarTall-Bold'; font-weight: 700; }
.bold-text span, .text-content span .claimprize-btn { font-weight: 400; font-family: 'DunbarTall-Regular'; }
.inner-content .fa-circle-check, .inner-content .fa-circle-x { margin-right: 6px; font-size: 16px; }
.inner-content .fa-circle-check { color: #389C78; }
.inner-content .fa-circle-x { color: #E83838; }
.text-content span, .text-content span .claimprize-btn { font-size: 13px; display: flex; align-items: center; }
.claimprize-a-btn { border: unset; background: unset; padding: 0; color:var(--primary-lightblue); text-decoration: none; display: block; }
.inner-content .text-content span i { font-size: 22px; color: var(--primary-red); margin-left: 5px; padding-top: 2px; }
.bold-text p { font-size: 13px; line-height: normal; }
.bold-text p span { font-size: 16px; font-weight: 700; margin-left: 2px; }

/*  <=============
  Claim and claimed
=============> */
.claim-wins-section .step-info-wrapper { padding-top: 10px; }
.step-info:first-child { padding-left: 30px; }
.step-info:last-child { padding-right: 30px; }
.claim-wins-section { min-height: calc(100vh - 84px); }
.pd-center { padding-top: 164px; padding-bottom: 70px; }
.bg-black { border-radius: 20px; background: var(--primary-darkblue); padding: 20px; }
.mystery-box-inner.bg-black {padding: 20px 0;}
.claim-prize-section { margin-bottom: 30px; padding: 0 12px; }
.claim-wins-section .step-info { flex: 1; }
.claim-wins-section .step-info:nth-child(2) { justify-content: center; }
.claim-wins-section .step-info:nth-child(3) { justify-content: flex-end; }
.cetre-prize-inner { max-width: 310px; margin: 0 auto 30px; }
.claim-prize-section .center-prize-box:last-child .cetre-prize-inner { margin-bottom: 50px; }
.cetre-prize-inner .field-input:not(:last-child) { margin-bottom: 30px; }
.verify-otp-wrapper { display: flex; align-items: center; gap: 7px; }
.otp-control { border-radius: 6px; border: 1px solid var(--primary-gray); background: var(--white); width: 45px; height: 45px; flex: 1; text-align: center; padding: 10px; color: var(--primary-darkblue); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: normal; outline: initial; }
.resend-btn { font-size: 16px; font-weight: normal; font-family: 'DunbarText'; color: var(--white); line-height: normal; margin-top: 30px; }
.resend-btn a { color: var(--primary-yellow); font-weight: 700; font-family: 'DunbarTall-Regular'; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; vertical-align: top; }
.bottom-back-btn { text-align: center; }
.bottom-back-btn .light-text { color: var(--white); text-align: center; font-family: 'DunbarTall-Light'; font-size: 12px; line-height: normal; }
.bottom-back-btn .back-btn { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
.choose-btn { margin-top: 10px; }
.round-check { display: none; }
.round-label { color: var(--white); font-family: 'DunbarText'; font-size: 12px; font-weight: 400; line-height: normal; padding-left: 27px; position: relative; cursor: pointer; }
.round-label:before { content: ''; position: absolute; width: 19px; height: 19px; top: -1px; left: 0; border-radius: 10px; background: var(--white); }
.round-label:after { content: ''; width: 13px; height: 13px; position: absolute; top: 2px; left: 3px; border-radius: 10px; background: var(--primary-red); scale: 0; transition: all 0.3s; }
.round-check:checked + .round-label:after { scale: 1; }
.verify-error { text-align: center; margin-top: 15px; color: var(--primary-red); font-size: 12px; }
.cetre-prize-inner .prize-notice p { color: var(--primary-lightblue); background: #85dd61; padding: 5px 10px; border: 1px solid var(--primary-gray); border-radius: 4px; }
.cetre-prize-inner .avail-amount { padding: 24px 46px 24px; }
.cetre-prize-inner .avail-amount p { font-family: 'DunbarTall-Bold'; font-size: 17px; }
.personal-info-content { margin-top: 30px; }
.vritual-gift-content { margin-top: 36px; }
.instructions-content { margin-top: 30px; }
.personal-info-inner, .virtual-gift-inner, .instructions-inner { border-radius: 6px; border: 1px solid var(--primary-gray); background: var(--white); padding: 14px 15px; }
.personal-info-inner span:not(:last-child), .instructions-name:not(:last-child), .virtual-gift-name:not(:last-child) { margin-bottom: 11px; }
.personal-info-inner span, .instructions-name, .virtual-gift-name { display: block; font-size: 12px; line-height: normal; font-family: 'DunbarTall-Regular'; }
.message-content .instructions-name { font-size: 20px; font-weight: 700; font-family: 'DunbarText'; margin: 0; color: var(--black); }
.claim-prize-btn { justify-content: center; flex-wrap: wrap; gap: 20px; }
.claim-prize-btn .yellow-btn { border: initial; }
.yellow-btn .bt-text { width: 100%; height: 100%; font-family: 'DunbarText'; font-size: 18px; line-height: 18px; background: initial; color: var(--primary-red); display: inline-block; text-align: left; }
.yellow-btn .bt-text span { width: auto; height: 100%; font-family: 'DunbarText'; font-size: 12px; line-height: 18px; background: initial; color: var(--primary-red); display: inline-block; text-align: left; }
.yellow-btn .bt-text b { font-family: 'DunbarTall-Ultra'; }
.yellow-btn .fa-circle-dollar-to-slot { font-size: 18px; }
.virtual-gift-inner.pdf-wrapper { display: inline-block; padding: 0; background: initial; border: initial; }
.pdf-wrapper .pdf-image { border-radius: 6px; border: 1px solid var(--primary-gray); background: var(--white); overflow: hidden; }

/* Prize To Claimed */
.prize-claimed-wrapper .available-prize-section .prize-btn-wrapper { margin-top: 10px; padding-bottom: 50px; }
.prize-claimed-wrapper .foot-btn { padding-bottom: 30px; }
.prize-claimed-wrapper .prize-title { padding: 0px 30px 30px; }
.prize-bottom .foot-btn p { color: var(--white); text-align: center; font-family: 'DunbarText'; font-size: 9px; font-weight: 400; }
.exp-red span { color: #F00; }

/*  <=============
  Donate Page
=============> */
.video-about-section { padding-top: 120px; padding-bottom: 40px; }
.donate-account-wrapper .section-title { margin-bottom: 20px; }
.video-about-section .video-wrapper { margin-top: 0px; align-items: flex-start; }
.video-about-section .video-panel { margin-right: 120px; flex: 1 100%; }
.video-about-section .paragraph-text {max-width: 100%;}
.video-about-section .paragraph-text p { color: #fff; font-size: 16px; }
.video-about-section .paragraph-text p:not(:last-child) {margin-bottom: 10px;}
.donate-account-wrapper { margin-bottom: 80px; }
.main-donate-section { margin-bottom: 50px; }
.left-donate-side, .right-donate-side { flex: 1; width: 100%; }
.donationList { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 15px; row-gap: 15px; }
.donationList .list {width: calc(33.33% - 15px);}
.donationList .list:nth-child(4), .donationList .list:nth-child(5),  .donationList .list:nth-child(6),  .donationList .list:nth-child(7){width: calc(25% - 15px);}
.donationList .list input { visibility: hidden; opacity: 0; position: absolute; }
.donationList .list label { background: #fff; width: 100%; text-align: center; padding: 0; display: inline-block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; display: flex; align-items: center; border-radius: 6px; padding: 10px 10px 6px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; }
.donationList .list label:hover .price-message { background: #f48d80; color: #371e53; }
.donate-info { display: block; width: 100%; }
.donate-info .donate-amount { padding: 15px 0; font-size: 23px; background: #D7DC3C; border-radius: 6px; font-size: 23px; color: #25255F; font-family: 'DunbarTall-Ultra'; width: 100%; margin-bottom: 5px; position: relative; }
.donate-info .donate-desc { font-size: 15px; font-family: 'DunbarText'; font-weight: bold; padding: 0; color: #25255f; line-height: 17px; min-height: 55px; display: flex; align-items: center; justify-content: center; }
.donationList .list input:checked ~ label { position: relative; background: #EC297B; }
.donationList .list input:checked ~ label .donate-amount { background: #fff; }
.donationList .list input:checked ~ label .donate-desc { color: #fff; }
.proceedtoSpin.btn-large.btn-md { padding-left: 30px; padding-right: 30px; max-width: 416px; }
.button-panel.flex-center { text-align: center; display: flex; justify-content: center; margin: 10px 0 0 0; }
.custom-amount-donation{background: #fff; padding: 10px 10px 6px; width:auto; border-radius: 6px;}
.custom-amount-donation.active{background: #EC297B;}
.donate-info.custom-amount-donation .donate-amount{padding: 0; height: 53px;}
.custom-amount-donation span.pricedollar { position: absolute; left: 7px; top: 50%; transform: translateY(-50%); font-size: 23px; font-weight: 300; font-family: 'DunbarTall-Ultra'; color: #25255f; line-height: 26px; }
.donationList .list .custom-amount-donation input { visibility: visible; opacity: 1; padding: 0; position: static; padding-left: 23px; font-family: 'DunbarTall-Ultra'; font-size: 23px; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius: 5px; border: 0; -webkit-appearance: none; background: none; height:100%; }
.custom-amount-donation .donate-desc{text-align: center;}
.custom-amount-donation.active .donate-desc{color:#fff;}
.custom-amount-donation.active .donate-amount{background: #fff;}

/*  <=============
  Countdown page
=============>  */ 
.mega-raffle-wrraper { padding-top: 90px; }
.mega-banner-inner { position: relative;}

/* mega right panel */
.mega-right-panel { border-radius: 20px 0px 0px 20px; background: var(--primary-darkblue); max-width: 240px; min-width: 240px; padding: 30px 12px 13px; position: absolute; top: 0; right: 0; z-index: 1; }
.right-panel-inner { display: flex; align-items: center; flex-direction: column; gap: 53px; height: calc(100vh - 133px); overflow-x: hidden; overflow-y: auto; }
.panel-bar-btn, .about-us-sections { padding: 0 8px; }
.panel-bar-btn span { font-size: 18px; }
.mega-right-panel .spin-logo img { max-width: 151px; }
.about-us-sections p:last-child { margin-bottom: 0; }
.last-year-winner { width: 100%; }
.winner-outer-section { border-radius: 0px 0px 14px 14px; background: #2D2A43; margin-top: 4px; padding: 23px 20px; text-align: center; min-height: 112px; }
.winner-details h3 { color: #F7FF00; text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 31.83px; font-weight: 860; line-height: normal; }
.winner-text-content { color: #FFF; text-align: center; font-family: "DunbarTall-Light"; font-size: 9.362px; font-weight: 350; line-height: normal; }

/* Mega Middle-panel */
.mega-right-box { position: absolute; top: 42px; left: 80px; gap: 13px; z-index: 2; width: 100%; max-width: 104px; }
.mega-right-box img { width: 100%; }
.scanner-bar { position: absolute; top: 42px; right: 24px; display: flex; align-items: center; flex-direction: column; gap: 13px; z-index: 2; }
.scanner-bar a { color: #FFF; text-align: center; font-family: 'DunbarTall-Light'; font-size: 25px; line-height: normal; }
.scanner-bar a b { font-family: 'DunbarTall-Bold'; }
.mega-panel-wrapper .object-3d-section { width: 100vw; height: calc(100vh - 330px); margin: 0 auto; }
.mega-banner-content { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0%); display: flex; align-items: flex-end; padding: 0px 0 100px; width: 100%; }
.mega-content-inner { position: relative; max-width: 26.045%; margin: 0 auto; width: 100%; min-width: 440px; text-align: center; }
.mega-banner-details .details-title { color: #FFF; font-family: 'DunbarTall-Bold'; font-size: 37.192px; font-weight: 700; line-height: normal; }
.mega-banner-details h1 { color: #F7FF00; text-align: center; text-shadow: 0px 9.932px 9.932px rgba(0, 0, 0, 0.25); font-family: 'DunbarTall-Ultra'; font-size: 92.979px; font-weight: 860; line-height: normal; margin-top: -15px; }

/* mega Bottom */
.mega-bottom-panel { background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); padding: 25px 0px 13px; position: relative; overflow: hidden;min-height: 159px; }
.mega-bottom-panel:before, .mega-bottom-panel:after { content: ''; position: absolute; top: 0; width: calc(50% - 108px); height: 100%; }
.mega-bottom-panel:before { background: linear-gradient(86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%);left: 0; }
.mega-bottom-panel:after { background: linear-gradient(-86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%);right: 0; }
.mega-inner-container { max-width: 820px; width: 100%; position: relative; z-index: 1; margin: 0px auto; }
.mega-bottom-text span { color: #FFF; text-align: center; font-family: 'DunbarTall-Light'; font-size: 25px; font-weight: 350; line-height: normal; }
.mega-bottom-text span span { font-family: 'DunbarTall-Bold'; font-size: 60px; font-weight: 700; margin-top: -10px; display: block; }
.timer-block { display: flex; align-items: flex-start; position: relative; gap: 50px; justify-content: center; }
.countdown-time-block .timers { display: flex; gap: 10px; align-items: center; padding: 0; position: relative; top: initial; }
.countdown-time-block .timer { border-radius: 14.417px; background: #F7FF00; width: 150px; height: 81px; border: initial; transition: all 0.3s ease; }
.countdown-time-block .timer span, .countdown-time-block .timer b { color: #382F83; text-align: center; font-family: 'DunbarTall-Ultra'; font-size: 46px; font-weight: 860; line-height: normal; transition: all 0.3s ease; }
.countdown-time-block .timer span { min-width: 59px; }
.countdown-time-block .timer b { font-family: 'DunbarTall-Light'; margin-left: 4px; }
.by-date-time { color: #FFF; text-align: center; font-family: 'DunbarTall-Light'; font-size: 25px; font-weight: 350; line-height: normal; margin-top: 7px; }

/*  <=============
  ended page
=============>  */ 
.inner-row-block { display: flex; align-items: center; justify-content: center; gap: 90px; border-radius: 20px; background: #110F22; padding: 35px 40px; margin-top: 29px; }
.inner-row-block .countdown-section { display: flex; align-items: center; gap: 30px; }
.inner-row-block .countdown-section p { font-size: 25px; font-family: 'DunbarTall-Light'; color: #fff; line-height: normal; }
.inner-row-block .countdown-section h3, .inner-row-block .countdown-section .year-txt { font-size: 63px; font-family: 'DunbarTall-Bold'; color: #fff; line-height: 65px; }
.count-spin-logo img { max-width: 195px; }
.grandReffle-wrapper { padding: 40px; border-radius: 20px; background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); position: relative; overflow: hidden; }
.coundown-winner-listing { margin-top: 20px; }
.winner-section-full { padding: 50px 0px 100px; }
.winner-section-full .section-title { margin-bottom: 25px; }
.grandReffle-wrapper:before, .grandReffle-wrapper:after { content: ''; position: absolute; top: 0; width: calc(50% - 146px); height: 100%; }
.grandReffle-wrapper:before { background: linear-gradient(86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%); left: 0; }
.grandReffle-wrapper:after { background: linear-gradient(-86deg, #2B051A 0.69%, rgba(43, 5, 26, 0.00) 79.95%); right: 0; }
.grandReffle-wrapper .bottom-overlayer { height: 113px; }
.grandReffle-wrapper .megaRaffleConent { display: flex; justify-content: center; align-items: center; gap: 70px; position: relative; z-index: 1; }
.grandReffle-wrapper .image-panel img { height: 194px; width: initial; }
.grandReffle-wrapper .tl-prize { font-size: 37px; text-align: center; }
.grandReffle-wrapper .total-price { font-size: 92px; }
.grandReffle-wrapper .total-price sup { font-size: 50px; padding-right: 2px; }
.grandReffle-wrapper .grandWinner { border-radius: 124.148px; background: #110F22; color: #FFF; font-family: 'DunbarTall-Bold'; font-size: 32.543px; font-weight: 700; line-height: normal; padding: 10px 30px; margin-top: 6px;text-align: center; }
.grandReffle-wrapper .address { color: #F7FF00; text-align: center; font-family: 'DunbarTall-Regular'; font-size: 30px; line-height: 41.841px; margin-top: 0; }
.grandReffle-wrapper .address.waiting { text-shadow: 0px 9.932px 9.932px rgba(0, 0, 0, 0.25); font-family: 'DunbarTall-Regular'; font-size: 43px; line-height: 60px; }
.total-prize a, .total-prize p { color: #F7FF00; text-align: center; font-family: 'DunbarTall-Regular'; font-size: 20px; line-height: normal; }
.total-prize a { color: #fff; vertical-align: baseline; }
.ended-game { position: relative; background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); }
.ended-game .game-inner-block .game-img { margin-top: -2px; }
.ended-game .game-inner-block { position: relative; z-index: 1; }
.ended-game .video-panel { margin-right: 0; }
.ended-game .instruction-inner-details { padding-top: 50px; }
.ended-game .paragraph-text { margin-top: 38px; }
.ended-game .game-btn-wrapper { margin-top: 70px; }
.ended-game .video-wrapper { margin-top: 100px; justify-content: center; width: 100%; }
.contact-head + .account-personal-info { border-radius: 0px 0px 20px 20px; background: #2D2A43; }
.ended-donate { padding: 50px 0 100px; }

/*************************** 
    @media screen area
***************************/
@media only screen and (min-width: 1201px) {
    .on-mobile-wrap { display: none; }
}

@media only screen and (max-width: 1420px) and (min-width: 1201px), only screen and (max-width: 991px) and (min-width: 768px) {
    /* bottom */
    /* play game leftside */
    .play-content-inner { padding: 5px 10px; min-width: initial; }
    .spins-available-wrapper { padding: 6px 6px; max-width: 90px; min-width: 90px; }
    .play-game-wrapper { width: calc(100% - 290px); }
    .dreidel-info-inner { gap: 7px; }
    .dreidel-info-inner img { height: 48px; }
    .dreidel-list .text-info { font-size: 10px; }
    .get-ready-section p { font-size: 10px; }

    /* results box */
    .results-box-wrapper { gap: 10px; }
    .results-box-inner:nth-child(1) { max-width: 90px; }
    .results-inner-content .dreidel-list { padding: 0px 12px 0px 8px; }
    .results-inner-content .dreidel-list .text-info { font-size: 13px; }
    .add-plus { padding: 0px 10px; }
    
}

@media only screen and (max-width: 1300px) and (min-width: 1201px), only screen and (max-width: 991px) and (min-width: 768px) {
    .banner-inner .right-panel, .banner-inner .left-panel { max-width: 220px; min-width: 220px; }
    .play-information { padding-left: 12px; padding-right: 0px; }
    .purchase-btn .yellow-btn { font-size: 15px; }

    /* bottom play game */
    .inner-container { width: calc(100% - 470px); }
    .results-box-inner:nth-child(1) { max-width: 70px; }
    .results-box-inner:nth-child(2) { min-width: 165px; }
    .empty-line { font-size: 10px; }
    .results-info-wrapper .dreidel-list-inner img { width: 40px; }
    .results-img .image-wrap, .final-img-wrap .image-wrap { width: 40px; height: 40px; }
    .results-img .results-price + .image-wrap { height: 30px; width: 40px; margin-bottom: 0px; }
    .final-img-wrap .results-price + .image-wrap { width: 40px; height: 30px; }
    .results-price { -webkit-text-stroke-width: 0.5px; }

}

@media only screen and (max-width: 1300px) {
    .footer-content-wrap ul li { padding: 5px 20px 5px 20px; }
    .game-inner-block .game-img { max-width: 50%; }
    .video-panel, .video-about-section .video-panel { margin-right: 50px; }
    /* header */
    .header .nav li a { padding: 24px 14px; }
    .header.fixed .nav li a { padding: 20px 14px; }
    .header .logo a:nth-child(3) img { height: 33px; }
    
    /* Donate Page */
    .donate-info .donate-amount, .donationList .list .custom-amount-donation input { font-size: 18px; }
    .donate-info.custom-amount-donation .donate-amount { height: 48px; }

    /* ended page */
    .inner-row-block { gap: 60px; }
    .inner-row-block .countdown-section h3, .inner-row-block .countdown-section .year-txt { font-size: 56px; line-height: 57px; }

}

@media only screen and (max-width: 1200px) {
    /* header */
    .slide-icon {display: flex;}
    .content-section {padding-top: 61px;}
    .header.fixed .nav li a {padding: 20px 8px;}
    .header .nav li a { padding: 20px 8px;}
    .logo { min-height: 61px; }
    .header .logo a:first-child img { height: 26px; }
    .header .logo a:nth-child(2) img { height: 37px; }
    .header .logo a:nth-child(3) img { height: 25px; }
    .header.fixed .logo a:first-child img { height: 25px; }
    .header.fixed .logo a:nth-child(2) img { height: 30px; }
    .header.fixed .logo a:nth-child(3) img { height: 20px; }

    /* banner */
    .banner-inner {height: calc(100vh - 82px); padding-top: 20px;}
    .banner-inner .left-panel, .banner-inner .right-panel { display: none; }
    .inner-container {width: calc(100% - 20px);}
    .object-3d-section {height: calc(100vh - 261px); width: calc(100vw - 0px); }
    .recent-winner-view {right: 10px; bottom: 400px;}

    /* Footer */
    .footer-logo img { height: 35px; }
    .footer-content-wrap ul li { padding: 5px 16px 5px 16px; }
    
    /* Account Information */
    .account-personal-info { padding: 35px; }
    .account-personal-info .yellow-btn { min-width: 260px; }
    .account-personal-info .button-panel.col-flex-two { flex-direction: column; gap: 15px;}
    .form-bottom-content .col-flex-three { flex-wrap: wrap; }
    .form-bottom-content .col-flex-three .inner-group:nth-child(1) { flex: 1 1 100%; }
    .form-bottom-content .col-flex-three .inner-group:nth-child(2) { flex: 1 1 calc(50% - 15px); }
    .form-bottom-content .col-flex-three .inner-group:nth-child(3) { flex: 1 1 calc(50% - 15px); }

    /* Donate Page */
    .donate-account-wrapper .account-personal-info { padding: 25px 25px 50px; }
    .donate-account-wrapper .account-personal-info .yellow-btn { min-width: initial; }

    /* Countdown page */
    .mega-raffle-wrraper { padding-top: 76px; }
    .mega-panel-wrapper .object-3d-section {height: calc(100vh - 316px);}
    
    /* ended page */
    .inner-row-block .countdown-section h3, .inner-row-block .countdown-section .year-txt { font-size: 40px; line-height: 40px; }
    .inner-row-block { gap: 40px; }
    .count-spin-logo img { max-width: 150px; }
    .inner-row-block { padding: 30px; }
    .grandReffle-wrapper { padding: 30px; }
    .grandReffle-wrapper .image-panel img { height: 150px; }
    .grandReffle-wrapper .total-price { font-size: 70px; }
    .grandReffle-wrapper .total-price sup { font-size: 36px; }
    .grandReffle-wrapper .grandWinner { font-size: 25px; }
    .grandReffle-wrapper .address { font-size: 22px; line-height: 30px; }

}

@media only screen and (max-width: 1100px) {
    .footer-content-wrap { flex-direction: column; gap: 10px; }
    
    /* Countdown Page */
    .mega-panel-wrapper .object-3d-section {height: calc(100vh - 360px);}

}

@media only screen and (max-width: 1029px) {
    .prizes-listing-wrapper { grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); }
    .prize-list-img .results-price + .price-list-image { height: initial; padding-bottom: 80.62%; }
    .price-list-image { height: initial; width: 100%; padding-bottom: 97.82%; }
    .price-list-image img { position: absolute; top: 0; left: 0; }
    .today-price { max-width: 30%; min-width: 290px; }

}

@media only screen and (max-width: 991px) {
    .menu-title { display: block; }
    /* .center-nav { display: flex; align-items: center; height: 100%; } */
    .main-nav { display: none; position: fixed; left: 0; top: 0; height: 100vh; background: #110F22; width: 100%; z-index: 99; padding: 9px 30px 30px; }
    .logo { min-height: 55px; }
    .header .logo a:first-child img { height: 35px; }
    .header .logo a:nth-child(2) img { height: 37px; }
    .header .logo a:nth-child(3) img { height: 30px; }
    .header.fixed .logo a:first-child img { height: 28px; }
    .header.fixed .logo a:nth-child(2) img { height: 34px; }
    .header.fixed .logo a:nth-child(3) img { height: 22px; }
    .menu-icon { display: block; z-index: 999; position: initial;}
    #nav-icon1.open {
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        width: 33px;
        height: 33px;
    }
    #nav-icon1.open span {
        height: 3px;
        border-radius: 16px;
        width: 50%;
        left: 10px;
        background: #EC297B;
    }
    #nav-icon1.open span:nth-child(1), #nav-icon1.open span:nth-child(2) {
        top: 14px;
    }
    #nav-icon1.open span:nth-child(3) {
        top: 15px;
    }
    .header ul.nav { margin-top: 30px; }
    .header ul.nav li { width: 100%; transition: all 0.3s ease; }
    .header.fixed .nav li a, .header .nav li a {padding: 15px 20px; font-size: 18px;}
    .header .nav li.current a {color: var(--white);font-family: 'DunbarTall-Bold';}
    .slide-icon {padding: 13px 13px;min-height: 55px;}
    .header {min-height: 55px; max-height: 55px;}
    .inner-item-menu {position: relative;}
    
    .header ul.nav li.active {
        border-radius: 10px;
        background: #EC297B;
    }
    .nav-dropdown-menu {
        position: relative;
        top: initial;
        padding: 0;
        border-top: initial;
        background: initial;
        box-shadow: initial;
        padding: 0px 10px 5px;
        opacity: 1;
    }
    .header ul .active .nav-dropdown-menu {
        display: block;
    }
    .dropdown-menu-item.current {
        border-radius: 6px;
        background: #C3165F;
        font-family: 'DunbarTall-Bold';
    }
    .header.fixed .nav li .nav-dropdown-menu a, .header .nav li .nav-dropdown-menu a {padding: 15px 10px; display: flex; align-items: center; justify-content: space-between; font-family: 'DunbarText';}
    .header.fixed .nav li .nav-dropdown-menu a:first-child, .header .nav li .nav-dropdown-menu a:first-child {
        padding: 10px;
    }
    .fixed .nav-dropdown-menu {top: initial;}
    .menu-align i {
        width: 50%;
        right: 0px;
        padding-right: 20px;
    }
    .rounded_bubble {
        min-width: 30px;
        height: 31px;
        border: initial;
        padding: 0px 15px;
        border-radius: 50px;
        background: #F7FF00;
        color: #FF0000 !important;
        margin: initial;
    }

    /* banner */
    .top-head-slide {top: 55px;}
    .banner-inner {height: calc(100vh - 55px); padding-top: 65px;}
    .content-section { padding-top: 55px; }
    .content-section .container-fluid {padding-top: 0px;}
    .banner-inner .play-information {height: calc(100vh - 165px);}
    .object-3d-section { height: calc(100vh - 279px); }
    .play-game-wrapper {width: calc(100% - 20px);}

    /* Available Prizes */
    .prize-list-img { padding: 17px 20px 10px; }
    .prize-title { flex: 1; padding: 0px 20px 10px; }
    .prize-list-img .results-price { font-size: 50px; -webkit-text-stroke-width: 2px; margin-top: -17px; }
    .prize-list-img .results-price + .price-list-image { margin-top: -20px; }
    .today-footer { flex-direction: column; align-items: center; background: var(--black); gap: 20px; padding: 20px 30px 23px; }
    .today-time-baar {padding: 0;}
    .today-price { width: calc(100% - 40px); border-radius: 7px; }
    .todays-prize .confetti-container {max-width: initial;}
    .baar-details p { font-size: 16px; }

    /* Today Daily popup */
    .daily-inner-pop .today-body { padding: 25px 20px; background:#000}
    .daily-inner-pop .today-footer { padding: 30px 20px 50px; margin-top: -1px; background: var(--secondary-darkblue); border-radius: 0px; }
    .daily-inner-pop .today-time-baar { gap: 20px; }
    .daily-inner-pop .today-footer { gap: 0px; }
    .daily-inner-pop  .body-description p { font-size: 14px; }

    /* Mega Raffle Popup */
    .banner-wrapper.mega-raffle .mega-raffle-container { padding: 30px; }
    .mega-raffle .jackpot-img img { max-width: 248px; }
    .banner-wrapper.mega-raffle .winner-section {padding: 30px 30px 50px;}
    .banner-wrapper.mega-raffle .total-price { font-size: 75px; }
    .mega-raffle .total-price sup { font-size: 40px; }
    .mega-raffle .total-entries b { font-size: 32px; line-height: normal; }
    .mega-raffle .total-entries span { font-size: 26px; }
    .mega-raffle .total-entries-wrapper .total-entry-text { font-size: 13px; }
    .banner-wrapper.mega-raffle .tl-prize { font-size: 30px; }
    .drawing-left-section p { font-size: 24px; line-height: 99%; }
    .drawing-left-section p span { font-size: 35px; line-height: 99%; }
    .mega-raffle .date-text { font-size: 20px; }

    /* game-instruction */
    .video-panel { margin-right: 30px; }
    .paragraph-text { max-width: 364px; }
    .paragraph-text h3 { font-size: 18px; }
    .game-inner-block p, .video-wrapper p { font-size: 14px; }

    /* contact-us */
    .contact-information { margin-left: 50px; }
    .footer-content-wrap ul { flex-wrap: wrap; }

    /* Donate Page */
    .video-about-section .video-wrapper { flex-direction: column; gap: 20px;}
    .video-about-section .video-panel { margin-right: 0px; width: 100%; max-width: initial; }
    .account-personal-info .main-donate-section.col-flex-two { flex-direction: column; }

    /* Share Get Free Spin popup */
    #shareGetFreeSpin .inner-body-wrapper {padding: 0px 10px 25px; margin: 20px;}
    .free-spin-content {gap: 15px;}
    .free-spin-content textarea.control-form {max-height: 80px;}

    /* Countdown page */
    .mega-right-box { top: 0; left: 40px; max-width: 70px; }
    .scanner-bar { right: 24px; top: 0; }
    .scanner-bar a { font-size: 16px; }
    .scanner-bar img { max-width: 40%; }
    .mega-bottom-panel { padding: 25px 0px; min-height: initial; }
    .mega-panel-wrapper .object-3d-section { height: calc(100vh - 335px); }
    .by-date-time { font-size: 16px; margin-top: 5px; }
    .mega-bottom-text span { font-size: 15px; }
    .mega-bottom-text span span { font-size: 36px; }

    /* ended page */
    .countdown-time-block .timer { width: 91px; height: 58px; }
    .countdown-time-block .timer span, .countdown-time-block .timer b { font-size: 32px; margin-left: 0; }
    .inner-row-block { justify-content: space-around; }
    .inner-row-block .countdown-section { flex-direction: column; }
    .grandReffle-wrapper .image-panel img { height: 100px; }
    .grandReffle-wrapper .megaRaffleConent { gap: 40px; }
    .grandReffle-wrapper .tl-prize { font-size: 20px; }
    .grandReffle-wrapper .total-price { font-size: 50px; }
    .grandReffle-wrapper .total-price sup { font-size: 26px; }
    .grandReffle-wrapper .grandWinner { font-size: 20px; }
    .grandReffle-wrapper .address { font-size: 14px; }
    .grandReffle-wrapper .address.waiting { font-size: 30px; line-height: 40px; }

}

@media only screen and (max-width: 880px) {
    /* Game */
    .image-flow {text-align: center;}
    .game-inner-block .game-img { float: initial; margin: initial; }
    .instruction-details { text-align: center; }
    .instruction-inner-details { padding-top: 30px; max-width: initial; text-align: left; }
    .win-instruction { flex-direction: column; gap: 30px; }
    .game-btn-wrapper { width: 100%; }
    /* Win-zone */
    .results-img-wrap { width: 200px; height: 200px; }
    .resultspop-img-wrap .results-price + .results-img-wrap { height: 159px; }
    .prize-des .yellow-btn { padding: 5px 5px 5px 13px; gap: 10px; }
    .win-zone .results-box-inner:nth-child(3) .results-inner-content { padding-right: 20px; }
    .win-zone .final-text, .win-zone .bold-text, .win-zone .results-box-wrapper i { font-size: 14px; }

}

@media only screen and (max-width: 767px) {
    .overflow-hide{ position:fixed; }
    .mob-prize-section { display: block;}

    /* banner bottom mobile */
    .content-section { background: #110F22;}
    .banner-inner { height: initial; padding-top: 0px; }
    .play-game-wrapper { width: 100%; background: linear-gradient(90deg, rgb(48 3 30 / 30%) 0%, transparent 51.5%, rgb(48 3 30 / 30%) 100%); position: relative; }
    .play-game-wrapper:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #F00B7A 0%, #7D0DBE 60%); z-index: -1; }
    .play-game-head {display: block;}
    .game-inner-body {min-height: initial;margin: 10px 10px 20px 10px;}
    .dreidel-info-inner {padding: 1px 0;}
    .inner-container {width: 100%;}
    .object-3d-section {height: calc(100svh - 320px);}
    .bottom-panel { background: initial; padding: 0px; position: relative; }
    .play-sound .spin-title {display: block;}
    .inner-container {flex-direction: column;gap: 0;}
    .play-content-wrapper { width: 100%; position: relative; padding: 19px 10px; background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); min-height: 100px; }
    .bottom-panel:before, .bottom-panel:after, .bottom-panel .bottom-overlayer { display: none; }
    .play-content-wrapper:before { content: ''; width: 100%; position: absolute; height: calc(100% - 16px); bottom: 0; left: 0; background: linear-gradient(180deg, rgba(125, 13, 190, 0.00) 0%, #7D0DBE 100%); }
    .play-content-inner { align-items: flex-start; gap: 15px; padding: 6px 20px 0px; min-width: inherit; max-width: calc(100% - 40px); position: relative; }
    .spin-count { margin-top: -3px; }
    .bottom-panel .switch-wrapper { padding: 8px 6px 0px; }
    .switch-btn-wrapper { position: relative; width: 22px; height: 17px; display: block; }
    .switch-btn span { display: none; }
    .switch-btn { max-width: initial; border-radius: initial; box-shadow: initial; background: initial; opacity: 0; z-index: 1; }
    .switch-btn, .sound-ico { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .sound-ico.sound-on {margin-bottom: 0px;}
    .sound-ico.sound-off {margin-top: 0px;}
    .switch-input:checked ~ .sound-off {opacity: 0;}
    .spins-available-wrapper { padding: 0; max-width: inherit; display: flex; align-items: flex-start; background: initial; gap: 15px; }
    .available-top { margin-bottom: 0; padding: 0 15px; min-width: 98px; }
    .available-top:after { content: ''; position: absolute; top: 4px; bottom: initial; right: 0; width: 2px; height: calc(100% - 15px); border-radius: 4px; background: linear-gradient(rgba(255, 255, 255, 0.00),rgba(255, 255, 255, 0.30),rgba(255, 255, 255, 0.30),rgba(255, 255, 255, 0.00)); }
    .available-top:before { content: ''; position: absolute; top: 4px; bottom: initial; left: 0; width: 2px; height: calc(100% - 15px); border-radius: 4px; background: linear-gradient(rgba(255, 255, 255, 0.00),rgba(255, 255, 255, 0.30),rgba(255, 255, 255, 0.30),rgba(255, 255, 255, 0.00)); }
    .available-bottom { max-width: 75px; }
    .available-bottom .spin-title { text-align: left; }
    .play-spinner { position: absolute; right: -40px; top: 50%; transform: translate(0px, -50%); }
    .inner-spin-block { max-width: 80px; min-width: 80px; }
    .spin-wrapper .center .circle:nth-child(1) { height: calc(80px - 10px); width: calc(80px - 10px); }
    .inner-animation { height: calc(80px - 24px); width: calc(80px - 24px); }
    .spin-wrapper .center .text-content { height: calc(80px - 20px); width: calc(80px - 20px); }
    .spin-wrapper .center .text-content span { font-size: 26px; }
    .inner-loader::after { font-size: 35px; top: -6px; left: 3px; rotate: -148deg; }
    .results-box-inner:nth-child(1) {max-width: 100px;}
    .results-inner-content .dreidel-list .text-info {font-size: 14px;}
    .results-inner-content .dreidel-list {padding: 0px 26px 7px 25px;}

    /* Available Prizes */
    .today-head h3 { font-family: 'DunbarTall-Bold'; font-size: 24px; }
    .recent-mobile-block {display: block;}
    .recent-mobile-block .recent-win-wrapper .winner-list-section:after, .recent-mobile-block .recent-win-wrapper .winner-list-section:before { width: 100%; border-radius: 0; }
    .recent-win-wrapper .winner-list-section:before {top: 40px;}
    .today-head h3 { font-size: 21px; }
    .available-inner-block .img-upper-box { height: 301px; margin-top: -42px; }
    .available-inner-block .bg-with-data { background-image: var(--mobile-img); position: relative; background-size: cover; min-height: initial; }
    .daily-inner-pop .bg-with-data {background-size: cover; top: 17px; background-position-x: calc(100% - 15%); }
    .today-footer, .today-time-baar { flex-direction: column; }
    .today-footer { flex-direction: column; padding: 0px 20px 23px; }
    .today-time-baar { align-items: normal; gap: 20px; }
    .today-time-baar.winner-soon-wrap, .today-time-baar.result-winner-wrap { align-items: center; gap: 12px; }
    .baar-details p { margin-bottom: 10px; }
    .prize-list-img { padding: 17px 16px 10px; }
    .winner-items { padding: 0 16px; }
    .listing-item .prize-title h4 {font-size: 12px;}
    .listing-item .address, .listing-item .small_txt { font-size: 10px;}
    .prize-title { padding: 10px 20px; }
    
    /* game */
    .game-instruction-wrapper {padding-bottom: 50px;}
    .today-head { padding: 5px 20px 10px; }
    .today-body { padding: 17px 20px 25px; }
    .winner-soon-wrap p { font-size: 22px; }
    .video-wrapper { margin-top: 45px; flex-direction: column; gap: 20px; }
    .video-panel { margin-right: 0px; width: 100%; max-width: initial; }
    .paragraph-text { max-width: initial; }

    /* Contact us */
    .contact-form-wrapper { max-width: initial; width: 100%; }
    .contact-information {margin-left: 0px;}

    /* Account Information */
    .account-wins-section, .available-allprize-section { padding-top: 80px; }
    .account-personal-info .col-flex-two { flex-direction: column; }
    .ac-right, .ac-left, .left-donate-side, .right-donate-side, .account-personal-info .inner-group { width: 100%; }

    /* Claim and claimed */
    .pd-center {padding-top: 80px; padding-bottom: 0px;}
    .claim-wins-section .container {padding: 0;}
    .claim-wins-section .section-title-inner {padding: 0 10px;margin-bottom: 20px;}
    .claim-wins-section .step-info-wrapper {margin-bottom: 20px; }
    .bg-black {border-radius: 0px;}
    .claim-prize-btn .yellow-btn#donate_to_bonoi {gap: 10px;}
    .center-prize-box form .cetre-prize-inner {padding-top: 20px;}

    /* popup area */
    .win-zone { min-width: inherit; width: calc(100% - 20px); }
    .prize-des .yellow-btn { font-size: 16px; }
    .prize-des .yellow-btn span { width: 25px; height: 25px; font-size: 20px; min-width: 25px; }
    .win-zone .results-box-inner:nth-child(3) .results-inner-content { padding-right: 0; }
    .prize-des p { max-width: 184px; }
    .win-zone .results-box-wrapper { gap: 10px; }
    .win-zone .final-text, .win-zone .bold-text, .win-zone .results-box-wrapper i { font-size: 12px; }
    .win-zone .results-inner-content .dreidel-list .text-info { font-size: 12px; margin-left: 0; display: block; height: 100%; }
    .win-zone .dreidel-list-inner img, .nun.win-zone .dreidel-list-inner img, .hey.win-zone .dreidel-list-inner img { width: 40px; }
    .win-zone .content-title { text-align: center; margin-bottom: 10px; }
    .win-zone .resultspop-wrapper { gap: 20px; flex-direction: column; align-items: center; }
    .with-content-area { display: flex; gap: 16px; align-items: center; justify-content: center; }
    .result-pop-content { width: 100%; }
    .left-result-baar { justify-content: center; gap: 25px; }
    .win-zone .prize-content-box .prize-title { margin-top: 9px; }
    .win-zone .prize-title h4 { font-size: 12px; }

    /* Today Daily popup */
    .daily-inner-pop .body-description { align-items: center; gap: 30px; flex-direction: column; }
    .today-daily-pop .pop-title {font-size: 28px; }

    /* Mega Raffle Popup */
    .mega-raffle .total-prize-wrapper { flex-direction: column; align-items: center; }
    .mega-raffle .winner-bottom-wrapper { flex-direction: column; }
    .mega-raffle .head-inner img { display: none; }
    .mega-raffle .total-prize-wrapper { gap: 27px; }
    .mega-raffle .winner-bottom-wrapper { gap: 15px; }
    .mega-raffle .yellow-btn span { font-size: 18px; }
    .mega-raffle .total-entries { gap: 7px; }
    .banner-wrapper.mega-raffle .mega-raffle-container, .banner-wrapper.mega-raffle .winner-section { padding: 30px 13px; }
    .banner-wrapper.mega-raffle .winner-inner-block { flex-direction: column; align-items: center; }
    .banner-wrapper.mega-raffle .tl-prize { font-size: 17px; }
    .banner-wrapper.mega-raffle .total-price { font-size: 43px; }
    .mega-raffle .total-price sup { font-size: 24px; }
    .mega-raffle .total-entries span { font-size: 15px; }
    .mega-raffle .total-entries b { font-size: 20px; }
    .mega-raffle .total-entries-wrapper .total-entry-text { font-size: 10px; }
    .mega-raffle .jackpot-img img { max-width: 73%; }
    .mega-raffle .date-text { font-size: 14px; margin-top: 5px; }
    .winner-left-section { text-align: center; }
    .mega-raffle .drawing-section, .mega-raffle .winner-bottom-wrapper { align-items: center; }

    /* contact-us */
    .contact-inner-block { flex-direction: column; gap: 50px; align-items: stretch; }
    .image-panel {text-align: center;}
    .video-about-section {margin-bottom: 40px;}

    /* Countdown Page */
    .timer-block { gap: 15px; flex-direction: column; align-items: center; }
    .mega-bottom-panel:before, .mega-bottom-panel:after {display: none;}
    .mega-bottom-panel .bottom-overlayer { height: 100%; background: linear-gradient(180deg, #F00B7A 0%, #7D0DBE 60%); }
    .mega-bottom-panel { padding: 0; background: initial; }
    .mega-inner-container { width: calc(100% - 20px); border-radius: 5px; background: rgba(45, 42, 67, 0.60); padding: 10px; margin: 10px; }
    .mega-bottom-text { text-align: center; }
    .mega-bottom-text span span { margin-top: 0px; font-size: 28px; }
    .mega-bottom-text span br { content: ''; display: block; }
    .mega-bottom-text span { font-size: 20px; display: flex; align-items: center; gap: 3px; }
    .countdown-time-block .timer span, .countdown-time-block .timer b { font-size: 30px; }

    /* ended */
    .content-section.main-count-down-section { background: initial; }
    .inner-row-block { flex-direction: column; padding: 40px; }
    .grandReffle-wrapper { padding: 40px; }
    .grandReffle-wrapper .megaRaffleConent { gap: 20px; flex-direction: column; }
    .countdown-text { text-align: center; }
    .count-spin-logo img { max-width: 195px; }
}

@media only screen and (max-width: 575px) {
    .header .Onco-fertility { display: none; }
    .header .logo .logo-img { max-width: 176px; }
    .section-title, .section-title-inner {font-size: 30px;}
    .banner-inner .left-panel {display: none;}
    .header .logo .logo-img, .header.fixed .logo .logo-img {height: auto;}
    
    /* Recent Winner view */
    .recent-winner-view .hrs_mob, .recent-winner-view .hrs_mins, .recent-winner-view .hrs_secs { display: inline; }
    .recent-winner-view .hrs, .recent-winner-view .mins, .recent-winner-view .secs { display: none; }
    .recent-winner-view .winner-list { padding: 6px; gap: 5px; margin-top: 2px; min-width: 80px; border-radius: 6.018px; }
    .recent-winner-view .price-inner-image { width: 36px; height: 36px; border-radius: 3.761px; border: 0.752px solid #FFF; }
    .recent-winner-view .win-price { -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #FFF; font-size: 10.321px; margin-bottom: -5px; }
    .recent-winner-view .win-price + .price-inner-image { height: 28px; }
    .recent-winner-view .winner-detail h3 span { font-size: 0; }
    .recent-winner-view .winner-detail h3 span:not(:empty) { display: inline-block; margin-right: 2px; }
    .recent-winner-view .winner-detail h3 { line-height: normal; }
    .recent-winner-view .winner-detail h3 span:not(:empty):first-letter { font-size: 7.522px; line-height: normal; }
    .recent-winner-view .update-view { font-size: 5.265px; line-height: 7.522px; }

    /*===> Results box mobile design <===*/
    .game-inner-body { padding: 10px 13px 12px 13px; min-height: 205px; }

    /* Default area */
    .dreidel-info-inner { gap: 8px; flex-direction: column; }
    .dreidel-list { justify-content: flex-start; flex-direction: row; width: 100%; gap: 12px; }
    .dreidel-info-inner .dreidel-list-inner img { width: 30px; }
    .dreidel-info-inner .dreidel-list .text-info { margin-top: 0px; }

    /* Ready to spin */
    .get-ready-section { gap: 25px; padding: 23px 10px; max-height: initial; min-height: 183px; justify-content: center; }
    .results-info-inner { display: flex; align-items: stretch; gap: 15px; padding-right: 7px; }

    /* Top step area */
    .step-items-inner { flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 100%; margin-right: 60px; }
    .step-item { left: -9px; min-width: 79px; }
    .prize-step .step-item { left: -9px; top: 14px; }
    .step-title { color: var(--white); }
    .final-step .step-item { bottom: 11px; }
    .step-bar-line { width: 12px; height: 100%; box-shadow: initial; }
    .icon-box { width: 100%; max-width: 30px; }
    .step-title { position: relative; top: 0; left: 8px; width: 100%; line-height: normal; transform: initial; margin-top: 0; }
    .prize-step .step-bar-line, .spinning .prize-step .step-bar-line:before, .driedel-spinning .prize-step .step-bar-line:before, .final-result .prize-step .step-bar-line:before, .prize-step.inner-step:before, .prize-step.inner-step:after, .prize-step .move-bar { border-radius: 3px 3px 0 0px; }
    .spinning .prize-step .step-bar-line .move-bar, .driedel-spinning .prize-step .step-bar-line .move-bar, .final-result .step-bar-line .move-bar { background-image: linear-gradient(45deg, rgba(3, 3, 3, 0.25) 25%, transparent 0, transparent 50%, rgba(3, 3, 3, 0.25) 0, rgba(3, 3, 3, 0.25) 75%, transparent 0, transparent); }
    .move-bar { background-size: 11px 11px; background-image: linear-gradient(45deg, rgba(215, 220, 60, 0.25) 25%, transparent 0, transparent 50%, rgba(215, 220, 60, 0.25) 0, rgba(215, 220, 60, 0.25) 75%, transparent 0, transparent); }
    @-webkit-keyframes progressMoveBar { 0% { background-position: 0 0; } to { background-position: -11px 11px; } }
    @keyframes progressMoveBar { 0% { background-position: 0 0; } to {background-position: -11px 11px;} }
    .spinning .prize-step .step-bar-line:before, .driedel-spinning .prize-step .step-bar-line:before, .final-result .prize-step .step-bar-line:before { background: linear-gradient(180deg, #402e96 0%, #2a1e77 80%, #831659 100%); }
    .final-result .final-step .step-bar-line:before { background: linear-gradient(180deg, #831659 10%, var(--primary-red) 100%); }
    .inner-step:before { background: linear-gradient(-90deg, rgba(255, 255, 255, 0.00) 57.69%, rgba(255, 255, 255, 0.20) 100%); }
    .inner-step:after { background: linear-gradient(-90deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 26.92%); }
    .final-step .step-bar-line, .final-step.inner-step:before, .final-step.inner-step:after, .final-step .move-bar, .final-result .final-step .step-bar-line:before { border-radius: 0px 0px 3px 3px; }
    .final-result .step-bar-line { background: initial; }

    /* bottom results area */
    .empty-line { text-align: left; max-width: initial; }
    .results-box-wrapper { gap: 10px; padding-top: 0px; flex-direction: column; width: 100%; }
    .results-box-inner { width: 100%; padding: 0 17px 0px 12px; justify-content: flex-start; min-height: 53px; }
    .results-box-inner:nth-child(1) {max-width: initial;}
    .results-box-inner:nth-child(2) {min-width: initial;}
    .results-box-inner:nth-child(3) { max-width: initial; padding: 7px 20px 9px 20px; min-height: 55px; }
    .results-box-inner:nth-child(3) .results-inner-content { padding: 0px; }
    .results-box-wrapper .results-price { letter-spacing: -0.5px; font-size: 12px; -webkit-text-stroke-width: 0.5px; }

    /* Prize Box */
    .spinning .prize-box .results-inner-content, .driedel-spinning .prize-box .results-inner-content, .final-result .prize-box .results-inner-content { display: flex; align-items: center; gap: 12px; }
    .prize-box-content { max-width: 40px; }
    .prize-box .text-info { color: var(--white); font-family: 'DunbarText'; font-size: 14px; font-weight: 400; line-height: normal; margin-top: 6px; display: block; }
    .results-img .image-wrap { border-radius: 3px; width: 40px; height: 40px; margin: initial; }
    .results-img .results-price + .image-wrap { height: 32px; width: 40px; margin-bottom: 0px; }

    /* Dreidel Box */
    .dreidel-list-inner img { width: 37px; }
    .results-inner-content .dreidel-list .text-info { font-size: 14px; max-width: initial; }
    .dreidel-box .results-inner-content .dreidel-list .text-info { height: 38px; -webkit-line-clamp: 2; }

    /* Final Box */
    .add-plus { padding: 0px 18px; }
    .final-img-wrap .image-wrap { width: 35px; height: 35px; }
    .final-img-wrap .results-price + .image-wrap { width: 36px; height: 28px; }
    .without_img { justify-content: flex-start; }
    .without_img .no-prize, .results-inner-content .dreidel-list { padding: 0; }
    .daily-box-wrap .add-plus { display: block; }
    .daily-box-wrap .image-wrap:last-child { margin-left: 0px; }

    /* banner popup */
    .banner-wrapper, .popup-wrapper { top: 0; left: 0; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); border-radius: initial; width: 100vw;margin-top: 0px; }
    .md-size {max-width: 100vw;}
    .banner-body-inner .inner-body-wrapper { max-height: calc(100vh - 42px);}
    .mega-raffle .banner-body-inner {border-radius: 0;}
    .mobile-bg-video {display: block;}
    .desktop-bg-video {display: none;}
    .banner-wrapper .popup-head-section { padding-left: 30px; padding-right: 30px; }

    /* Available Prizes */
    .available-prizes-wrapper { padding: 25px 0 50px; }
    .today-head h3 { font-size: 16px; }
    .available-inner-block .img-upper-box { height: 201px; margin-top: -36px; }
    .kids-filter-wrap { flex-direction: column; max-width: 304px; margin: 20px auto; }
    .avail-subtext p { font-family: 'DunbarText'; font-size: 16px; font-weight: 400; }
    .prizes-listing-wrapper { background: inherit; padding: 0; grid-gap: 10px; }
    .available-prize-section {background: initial;}
    .account-wrapper, .your-wins-price {margin-bottom: 50px;}
    .avail-amount { padding: 11px 10px 12px; gap: 5px; }
    .avail-amount span {border-radius: 2.79px; min-width: 22px; min-height: 16px; max-height: 16px; font-size: 14px; }
    .avail-amount p { font-size: 10px; }
    .sponsor-brand { padding: 11px 7px; }
    .sponsor-brand p { display: flex; align-items: center; gap: 1px; }
    .sponsor-brand p br { content: ""; }
    .sponser-items img { max-height: 15px; }
    .listing-item { border-radius: 8px; overflow: hidden; }
    .winner-items-wrapper {border-radius: 8px 8px 0px 0px;}
    .winner-list-block {border-radius: 0px 0px 8px 8px;}
    .sponsor-brand, .avail-amount { border-radius: 0; }
    .today-price { min-width: initial; max-width: initial; width: 100%; }
    .result-winner-wrap p {font-size: 18px;}
    .result-winner-wrap p span {margin-left: 10px;}

    /* recent Win */
    .recent-winners-wrapper { padding: 30px 0; }

    /* game */
    .instruction-inner-details { padding-top: 30px; max-width: initial; }
    .game-inner-block .game-img { max-width: 230px; }

    /* all popup */
    .mb-bg-color { border-radius: 10px; background: var(--secondary-darkblue); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); padding: 20px; }
    .popup-wrapper, .banner-wrapper {background: var(--primary-darkblue);}
    .popup-head-section { border-radius: initial; background: var(--primary-darkblue); }
    .pop-title { padding-top: 9px; padding-bottom: 0; }
    .head-inner img, .win-zone .head-inner img {height: 60px;}
    .head-inner {min-height: 60px; }
    .btnClose { position: absolute; top: 0; right: 0; font-size: 23px; width: 33px; height: 33px;border-radius: 0px; }
    .popup-wrapper .notification { position: absolute; top: calc(100dvh - 130px);  width: calc(100vw - 40px); }
    .loginemailError, .notification .alert { border-radius: 3px;}
    .popup-body-inner, #SendGiftPopup .popup-body-inner, #PurchaseSpins .popup-body-inner { padding: 20px 0px 59px; background: var(--primary-darkblue); height: calc(100vh - 60px); }
    .step-info-wrapper, .popup-body-inner .wizard .steps ul { margin-bottom: 0px; padding-bottom: 20px; }
    #SendGiftPopup .inner-body-wrapper .content, #PurchaseSpins .inner-body-wrapper .content, #PurchaseRaffle .inner-body-wrapper .content { max-height: calc(100vh - 261px); padding: 20px; margin: 0px 20px 79px; border-radius: 10px; background: var(--secondary-darkblue); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); }
    .inner-body-wrapper { padding: 0px;max-height: calc(100vh - 198px); padding-right: 10px}
    .win-zone .inner-body-wrapper { max-height: 100%;}
    .popup-wrapper .col-flex-two, .flex-group-auto { flex-direction: column; }
    .inner-group { width: 100%; }
    .popup-wrapper .col-flex-three { flex-wrap: wrap; }
    .col-flex-three .inner-group:nth-child(1) { flex: 1 1 100%; }
    .col-flex-three .inner-group:nth-child(2), .col-flex-three .inner-group:nth-child(3) { flex: 1 1 calc(50% - 15px); }
    .popup-body-inner .wizard .actions ul { flex-direction: row-reverse; }
    .popup-wrapper .foot-btn, .popup-wrapper .button-panel, .popup-body-inner .wizard .actions ul, .mega-raffle .winner-right-section { flex-direction: row-reverse; padding: 10px 68px 10px 69px; background: var(--primary-red); position: fixed; top: calc(100dvh - 59px); left: 0; width: 100%; margin-top: 0; z-index: 9; }
    #PurchaseRaffle .donate-radio-list {gap: 20px;}
    .popup-wrapper.login-pop .button-panel {padding: 10px 8px 10px 10px;}
    .login-pop .yellow-btn {gap: 8px; font-size: 14px; }
    .login-pop .inner-body-wrapper { padding: 20px; }
    .yellow-btn { padding: 5px 8px 5px 11px; gap: 18px;}
    .yellow-btn span { width: 29px; height: 29px; font-size: 24px; line-height: 13px; min-width: 29px; }
    .popup-wrapper .back-btn, .back-otp-btn, .popup-body-inner .wizard .actions ul li:first-child { margin-right: auto; }
    .yellow-btn .fa-dreidel {font-size: 18px;}
    .payment-details .form-list {width: 100%;}
    .congratulation-info-wrapper { padding: 56px 25px 45px; flex-direction: column; align-items: center; margin-top: 80px; margin-left: 20px; margin-right: 10px; transition: all 0.5s ease; }
    .congratulation-img { max-width: 110px; }
    .congratulation-message p { font-size: 18px; text-align: center; }
    .resultspop-img-wrap .results-price { -webkit-text-stroke-width: 1px; font-size: 42px; margin-top: 0px;}
    .resultspop-img-wrap .results-price + .results-img-wrap { height: 115px; margin-top: -17px; }
    .results-img-wrap { width: 139px; height: 139px; }
    .prize-des .yellow-btn { font-size: 12px; padding: 5px 3px 5px 7px; gap: 3px; }
    .prize-des .yellow-btn span { width: 20px; height: 20px; font-size: 16px; min-width: 20px; }
    .resultspop-img-wrap:last-child { padding-right: 10px; }
    .hey .resultspop-img-wrap:last-child {padding-right: 0px;    }
    #donate_bonei_olem .inner-body-wrapper { display: flex; align-items: center; border-radius: 10px; background: var(--secondary-darkblue); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); padding: 20px; margin: 20px; max-height: calc(100vh - 100px); }
    .result-prize-content { gap: 40px; flex-direction: column-reverse; align-items: center; border-radius: 10px; text-align: center; }
    #donate_bonei_olem .mb-bg-color { border-radius: 0px; background: initial; box-shadow: initial; padding: 0px; }
    .thank-you-text h3 { font-size: 18px; }
    .thank-you-text h3:not(:last-child) { margin-bottom: 20px; }
    .free-spin-content { flex-direction: column; }
    .spin-text { max-width: 100%; }
    .free-right-content { width: 100%; }
    
    /* win zone */
    .win-zone .game-inner-body {background: #2D2A43;padding: 10px 13px 12px 13px;min-height: 205px;}
    .win-zone .popup-body-inner { padding: 20px 11px 59px; }
    .win-zone.popup-wrapper .foot-btn { margin-top: 0px; }
    .win-zone .final-text .win-zone .bold-text, .win-zone .results-box-wrapper i { font-size: 10px; }
    .win-zone .results-box-inner:nth-child(1) .content-inner-text { padding-left: 0px; }
    .win-zone .results-info-inner { padding-right: 0px; }
    .win-zone .results-box-wrapper i { margin-right: 10px; }
    .win-zone .results-box-wrapper { padding-top: 0; }
    .win-zone .results-box-inner { width: 100%; padding: 0 17px 0px 12px; justify-content: center; min-height: 53px; border-radius: 3px; background: rgba(255, 255, 255, 0.08); align-items: center; }
    .win-zone .dreidel-list-inner img, .nun.win-zone .dreidel-list-inner img, .hey.win-zone .dreidel-list-inner img { width: 37px; }
    .win-zone .results-inner-content .dreidel-list { flex-direction: row; align-items: center; }
    .win-zone .no-prize-text h3 { font-size: 16px; max-width: 130px; text-align: left; }
    .win-zone .result-prize-content { gap: 65px; background: initial; box-shadow: initial; margin: 0; flex-direction: row; }
    .win-zone .result-prize-content {padding: 10px 0;}
    .shin .prize-box-container img { max-width: 23%; }
    .exp-date { font-size: 9px; margin-bottom: 7px; }
    .win-zone .yellow-btn-border { font-size: 13px; font-weight: 400; padding: 3px 3px 3px 9px; gap: 7px; background: var(--primary-yellow); color: var(--primary-red); }
    .win-zone .yellow-btn-border span { background: var(--secondary-blue); color: #fff; }
    .prize-des p { font-size: 10px; margin-top: 6px; }
    
    .popup-wrapper .foot-btn .yellow-btn:hover, .popup-body-inner .actions .yellow-btn:hover {background: var(--secondary-blue);}

    /* Today Daily popup */
    .today-daily-pop .pop-title { font-family: 'DunbarText'; font-size: 25px; }
    .daily-inner-pop { border-radius: 0px; }
    .daily-inner-pop .img-upper-box, .today-daily-pop .today-prize-area { height: 201px; }
    .today-daily-pop .today-prize-area { top: 44px; }
    .daily-inner-pop .bg-with-data { background-image: var(--popup-mobile-img); top: 0; background-position: top center;background-size: contain; }
    .daily-inner-pop .raffle-main-box { padding-top: 110px; max-height: calc(100vh - 60px); border-radius: 0px; margin-top: 10px; }
    .today-daily-pop .head-inner img{display: none;}
    .today-daily-pop .btnClose { position: absolute; }
    .winner-item { padding: 8px 8px; }
    .winner-item a { font-size: 10px; }
    .winner-list-block p { font-family: 'DunbarTall-Bold'; font-size: 12px; }
    .winner-list-block { padding: 11px 16px 12px; min-height: 39px; }
    .winner-list-block i { font-size: 16px; }
    .winner-items-wrapper { height: calc(100% - 39px); }

    /* mega popup */
    .mega-raffle .winner-right-section { padding: 10px 18px 10px 18px; flex-direction: row; justify-content: space-around; }
    .mega-raffle .winner-right-section .yellow-btn { font-size: 14px; width: initial; }
    .mega-raffle .winner-bottom-wrapper { margin-top: 15px; }
    .mega-raffle .drawing-section { gap: 14px; }
    .mega-raffle .banner-body-inner .inner-body-wrapper { max-height: calc(100vh - 100px); height: calc(100vh - 100px); }
    .banner-wrapper.mega-raffle .mega-raffle-wrapper { padding: 20px 20px 59px; margin-bottom: 0px; }
    .mega-raffle .drawing-right-section .timer { width: 50px; height: 40px; border-radius: 10px; }
    .mega-raffle .drawing-right-section .timer span { font-size: 18px; }
    .mega-raffle .drawing-right-section .timer b { font-size: 14px; }
    .mega-raffle .drawing-right-section .timers { gap: 5px; }
    .mega-raffle .winner-left-section span { font-size: 20px; }
    .mega-raffle .winner-left-section p { font-size: 12px; }
    .drawing-left-section p { font-size: 12px; }
    .drawing-left-section p span { font-size: 25px; }

    /* Recent Win */
    .recent-animate-wrapper .recent-animate-inner:last-child {display: none;}

    /* Contact Us */
    .contact-form { margin-top: 20px; padding-bottom: 30px; border-radius: 10px; }
    .body-wrapper { padding: 20px 20px 30px; }
    .contact-head { display: none; }
    .contact-form .col-flex-two { flex-direction: column; }
    .contact-form textarea.control-form { max-height: 60px; }
    .contact-us-wrapper { position: relative; padding: 30px 0px 50px; background: linear-gradient(90deg, #30031E 0%, #F00B7A 51.5%, #30031E 100%); }
    .contact-us-wrapper::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(125, 13, 190, 0.00) 0%, #7D0DBE 100%); }
    .image-panel img { width: 127px; }

    /* footer */
    .footer-content-wrap ul { flex-direction: column; align-items: flex-start;}
    .footer-content-wrap ul li { border-right: initial; padding: 5px 0px 5px 0px;}

    /* Donate Page */
    .donate-account-wrapper { margin-bottom: 50px; }
    .donate-account-wrapper .account-personal-info { padding: 20px 20px 50px; }
    .donationList .list, .donationList .list:nth-child(3), .donationList .list:nth-child(4), .donationList .list:nth-child(5), .donationList .list:nth-child(6), .donationList .list:nth-child(7) { width: calc(50% - 15px); }
    
    /* ended page */
    .timer-block { gap: 7px; }
    .mega-raffle-wrraper .countdown-time-block .timer { width: 70px; height: 48px; border-radius: 10px; }
    .mega-raffle-wrraper .countdown-time-block .timer span, .mega-raffle-wrraper .countdown-time-block .timer b { font-size: 22px; }
    .mega-bottom-text span { font-size: 15px; }
    .mega-bottom-text span span {font-size: 16px;}
    .mega-right-box, .scanner-bar { display: none; }
    
    /* ended page */
    .inner-row-block .countdown-section h3, .inner-row-block .countdown-section .year-txt { font-size: 30px; line-height: 32px; }
    .inner-row-block .countdown-section p { font-size: 20px; }
    .inner-row-block { gap: 20px; padding: 30px; }
    .grandReffle-wrapper { padding: 40px 20px; }
    .grandReffle-wrapper:before, .grandReffle-wrapper:after { display: none; }
    .grandReffle-wrapper .grandWinner { font-size: 15px; }
    .grandReffle-wrapper .address { font-size: 12px; }
    .grandReffle-wrapper .total-price { font-size: 43px; }
    .grandReffle-wrapper .total-price sup { font-size: 26px; }
    .grandReffle-wrapper .address.waiting { font-size: 25px; line-height: 30px; }
    .total-prize a, .total-prize p { font-size: 16px; }

}

@media only screen and (max-width: 490px) {
    .prizes-listing-wrapper { grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)); }
    .prize-list-img .results-price { font-size: 36px; -webkit-text-stroke-width: 1.6645162105560303px; margin-top: -8px; letter-spacing: -1px; }
    .prize-list-img .results-price + .price-list-image { margin-top: -15px; }
    
    /* Claim and claimed */
    .center-prize-box form .cetre-prize-inner {max-width: 100%;}
    .center-prize-box form {padding: 0 10px;}
    .col-flex-three {flex-direction: column;}

    /* win zone  */
    .final-content-area {align-items: flex-start;}
    .win-zone .results-inner-content .dreidel-list .text-info { font-size: 10px; margin-left: 0; margin-top: 0; }
    .win-zone .final-text, .win-zone .bold-text, .win-zone .results-box-wrapper i { font-size: 10px; }
    
    /* Results box mobile design  */
    .prize-box .text-info, .results-inner-content .dreidel-list .text-info, .empty-line, .no-prize { font-size: 10px; }
    .results-box-wrapper .results-price { letter-spacing: 0; font-size: 10px; -webkit-text-stroke-width: 0.4px; margin-bottom: -5px; }
    .add-plus { font-size: 10px; padding: 0px 16px; }
    .get-ready-section p { font-size: 10px; letter-spacing: .3px; }
    .dreidel-box .results-inner-content .dreidel-list .text-info { height: 27px; -webkit-line-clamp: 2; }
}
@media only screen and (max-height: 651px) {
    .win-zone .result-prize-content { padding: 20px 0; }
    .win-zone .no-prize-text h3 { font-size: 29px; max-width: 160px; } 
}
@media only screen and (max-height: 620px) {
    .congratulation-info-wrapper { margin-top: 20px; }
}
@media only screen and (max-height: 450px) {
    .login-pop .popup-body-inner, .login-pop .popup-body-inner .inner-body-wrapper {min-height: initial;}
}

.three-progress-bar { width: 200px; height: 24px; border: 2px solid var(--primary-yellow); position: absolute; left: calc(50% + 100px ); top: 50%; transform: translate(-100%, -50%); }
.three-progress-bar > div { width: 0%; height: 20px; background: var(--primary-red); border: none; transition: width 1s linear; }
.three-progress-bar { width: 200px; height: 24px; border: 2px solid var(--secondary-yellow); position: absolute; left: calc(50% + 100px ); top: 50%; transform: translate(-100%, -50%); }
.three-progress-bar > div { width: 0%; height: 20px; background: var(--primary-red); border: none; transition: width 1s linear; }

.head-notification {
    border: 5px solid var(--primary-red);
    color: var(--primary-yellow);
    position: absolute;
    left: 270px;
    width: 300px;
    z-index: 1;
    top: 90px;
    background: var(--primary-red);
    border-radius: 20px;
}
.head-notification h2{
    font-size: 21px;
    padding: 0 0px;
    margin: 0;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    font-family: 'DunbarTall-bold';
}
.head-notification p{
    text-align: center;
    padding: 0 5px 5px;
}

@media only screen and (max-width: 1200px) {
    .head-notification{
        left:250px;
    }
}
@media only screen and (max-width: 1200px) {
    .head-notification{
        left:10px;
        top:125px;
    }
}
@media only screen and (max-width: 768px) {
    .head-notification{
        /* top:200px; */
        left: 0; 
        right: 0; 
        margin-inline: auto; 
        width: fit-content;      
    }
}